.site-review{height:100dvh;overflow:hidden}.review-heading{height:65px;margin:0 28px;display:flex;align-items:center;justify-content:space-between;font:11px var(--mono);border-bottom:1px solid}.review-heading button{border:1px solid;padding:9px}.site-stage{height:calc(100dvh - 155px);display:flex;justify-content:center;align-items:center;gap:7vw;margin:0 28px}.phone{position:relative;width:390px;height:min(780px,calc(100dvh - 185px));border:9px solid #171717;border-radius:48px;background:#111;box-shadow:0 18px 60px #0002;overflow:hidden;flex-shrink:0}.phone-island{position:absolute;width:100px;height:21px;left:50%;top:7px;transform:translateX(-50%);background:#111;border-radius:20px;z-index:50;pointer-events:none}.phone iframe{width:100%;height:100%;border:0;border-radius:38px;background:#f2f2f2;padding-top:30px}.site-stage aside{max-width:390px}.site-stage aside>span{font:11px var(--mono);color:#666}.site-stage h1{font:42px/1.1 var(--mono);letter-spacing:-.05em;margin:25px 0}.site-stage p{font-size:19px;line-height:1.4;margin-bottom:30px}.site-stage aside a{font:11px var(--mono);border-bottom:1px solid;padding-bottom:8px}.variant-controls{height:90px;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:100;display:flex;align-items:center;justify-content:center;gap:22px;padding:14px 24px 20px;font:12px var(--mono);border-top:1px solid #ccc}.variant-controls button{font-size:25px;min-width:44px;min-height:44px}.variant-controls label{display:block;font-size:9px;color:#666;margin-bottom:6px}.variant-controls select{width:min(46vw,420px);font:13px var(--mono);border:0;background:#fff;padding:0;max-width:100%}.variant-controls button[aria-pressed=true]{color:var(--blue)}.site-progress{position:absolute;bottom:0;left:0;height:3px;width:100%;background:#ddd}.site-progress i{display:block;height:100%;width:0;background:#111}.site-review.wide .phone{width:min(1200px,95vw);height:100%;border-radius:5px;border:1px solid #bbb}.site-review.wide .phone iframe{border-radius:0;padding-top:0}.site-review.wide .phone-island,.site-review.wide aside{display:none}@media(max-width:760px){.review-heading{height:34px;margin:0 12px;font-size:9px}.review-heading span{display:none}.review-heading #wide{display:none}.site-stage{margin:0;height:calc(100dvh - 114px);display:block}.phone{border:0;border-radius:0;width:100%;height:100%;box-shadow:none}.phone iframe{border-radius:0;padding:0}.phone-island,.site-stage aside{display:none}.variant-controls{height:80px;gap:4px;padding:8px 8px 14px}.variant-controls button{font-size:22px;min-width:36px}.variant-controls>div:not(.site-progress){flex:1;min-width:0}.variant-controls select{font-size:10px;width:100%}.variant-controls label{font-size:8px}.site-review.wide .phone{width:100%;border:0}}
.site-stage h1{font-size:clamp(28px,3.4vw,46px);overflow-wrap:anywhere}.site-stage .gesture-help{font:12px/1.8 var(--mono);color:#666}.variant-controls{background:var(--paper);border-top:0}.variant-controls #back,.variant-controls #next{background:#111;color:white;min-width:60px;height:58px;font-size:32px}.variant-controls #back{border-radius:28px 0 0 28px;margin-right:-22px}.variant-controls #next{border-radius:0 28px 28px 0;margin-left:-22px}.variant-controls>div:not(.site-progress){background:#111;color:#fff;height:58px;padding:10px 18px;max-width:460px}.variant-controls label{color:#bbb}.variant-controls select{background:#111;color:#fff}.variant-controls #favorite,.variant-controls #reset{font-size:24px}@media(max-width:760px){.variant-controls{height:100px;padding:10px 8px 20px;gap:0}.site-stage{height:calc(100dvh - 134px)}.variant-controls #back,.variant-controls #next{min-width:38px;margin:0;height:66px;font-size:26px}.variant-controls>div:not(.site-progress){height:66px;padding:10px 4px;max-width:none}.variant-controls select{font-size:11px;white-space:normal}.variant-controls #favorite,.variant-controls #reset{min-width:30px;font-size:22px}.variant-controls label{font-size:9px;margin-bottom:9px}}
.variant-controls>div:not(.site-progress){position:relative}.variant-controls #variant{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.variant-controls #variant-name{display:block;font:13px/1.2 var(--mono);max-width:390px}.variant-controls>div:focus-within{outline:2px solid var(--blue);outline-offset:3px}@media(max-width:760px){.variant-controls #variant-name{font-size:10px;line-height:1.3;max-width:none;white-space:normal}.variant-controls label{margin-bottom:5px}}
/* FHNW yellow, with deep violet review typography. Website colors are untouched. */
.variant-controls #back,.variant-controls #next,.variant-controls>div:not(.site-progress),.variant-controls select{background:#fde703;color:#301568}.variant-controls label{color:#301568}.variant-controls #favorite,.variant-controls #reset{color:#301568}.site-progress{background:#eee7ae}.site-progress i{background:#301568}.variant-controls #favorite[aria-pressed=true]{background:#fde703;border-radius:50%}
/* R6: legible review controls. This stylesheet is outside the website iframe. */
.review-heading{font:600 16px var(--sans);height:72px}.review-heading button{font:600 16px var(--sans);padding:12px 18px;background:#fde703;border:0;color:#301568}.site-stage{height:calc(100dvh - 206px);gap:6vw}.phone{height:min(800px,calc(100dvh - 236px))}.site-stage aside{max-width:480px}.site-stage aside>span{font:600 17px var(--sans)}.site-stage h1{font:600 clamp(32px,3.5vw,52px)/1.12 var(--sans);letter-spacing:-.035em}.site-stage p{font-size:21px;line-height:1.45}.site-stage .gesture-help{font:17px/1.6 var(--sans)}.site-stage aside a{font:600 17px var(--sans)}.variant-controls{height:134px;padding:15px 24px 36px;gap:0;flex-wrap:nowrap}.variant-controls #back,.variant-controls #next{background:#fde703!important;color:#301568!important;height:78px;min-width:72px;margin:0;font-size:40px}.variant-controls #back{border-radius:39px 0 0 39px}.variant-controls #next{border-radius:0 39px 39px 0}.variant-controls>div:not(.site-progress){background:#fde703!important;color:#301568!important;height:78px;max-width:540px;min-width:300px;padding:12px 18px}.variant-controls #variant-name{font:600 20px/1.25 var(--sans);max-width:none}.variant-controls label{font:600 15px/1.3 var(--sans);color:#301568;margin-bottom:6px}.variant-controls #variant{background:#fde703;color:#301568}.variant-controls #favorite{margin-left:20px;font-size:34px;min-width:58px;height:58px}.variant-controls #reset{font:600 18px var(--sans);margin-left:12px;padding:12px 16px;min-height:58px;background:#fde703;color:#301568;border-radius:8px}#playback-status{position:absolute;bottom:11px;left:0;right:0;text-align:center;font:15px var(--sans);color:#444;margin:0}.site-progress{height:4px}.phone iframe{color-scheme:light}
@media(max-width:760px){.review-heading{font:600 14px var(--sans);height:42px}.site-stage{height:calc(100dvh - 178px)}.phone{height:100%;width:100%}.variant-controls{height:136px;padding:10px 8px 48px;flex-wrap:wrap;justify-content:center;align-content:flex-start}.variant-controls #back,.variant-controls #next{height:72px;min-width:42px;font-size:30px}.variant-controls>div:not(.site-progress){height:72px;min-width:0;flex:1;max-width:500px;padding:9px 6px}.variant-controls #variant-name{font:600 16px/1.2 var(--sans)}.variant-controls label{font:600 12px var(--sans);margin-bottom:5px}.variant-controls #favorite{position:absolute;bottom:9px;left:12px;margin:0;min-width:40px;height:36px;font-size:28px}.variant-controls #reset{position:absolute;bottom:8px;right:12px;min-height:34px;padding:5px 10px;margin:0;font:600 15px var(--sans)}#playback-status{font-size:13px;bottom:18px;left:57px;right:116px;text-align:center}.site-review.wide .phone{height:100%}}
#play-now{font:600 17px var(--sans);background:#fde703;color:#301568;padding:12px 16px;border-radius:8px;margin-left:12px;min-height:58px}@media(max-width:760px){#play-now{position:absolute;bottom:8px;left:54px;margin:0;padding:6px 8px;font-size:13px;min-height:34px}#playback-status{display:none}.variant-controls #reset{right:8px}}