html,body{height:100%;margin:0}body{background:#000;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.phone-frame{width:0;height:0}.phone-notch,.phone-button{display:none}.phone-screen{display:contents}#app{background:#fff;flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.screen{box-sizing:border-box;color:#111;background:#fff;flex-direction:column;flex:1;min-height:0;padding:64px 34px 24px;display:none}.screen[data-active]{display:flex}.screen:has(.screen__video){padding-bottom:0}.screen__text{font-size:22px;line-height:1.35}.screen__text--small{opacity:.7;font-size:16px}.screen__hint{text-align:center;opacity:.75;flex:1;justify-content:center;align-items:center;padding:0 8px;font-size:18px;font-style:italic;display:flex}.screen__btn{color:#374151;cursor:pointer;border:none;border-radius:12px;width:100%;max-width:320px;margin:16px auto;padding:18px 20px;font-family:inherit;font-size:22px;font-weight:600;display:block}.screen__btn--cyan{background:#dbeafe}.screen__btn--yellow{background:#fef3c7}.screen__buttons{flex-direction:column;align-items:center;gap:16px;padding-top:32px;display:flex}.screen__video{background:0 0;width:calc(100% + 120px);height:auto;margin-top:auto;margin-left:-60px;margin-right:-60px;display:block}.results-overlay{padding-top:32px;transition:opacity .6s}.results-overlay--hidden{opacity:0;pointer-events:none}.results-overlay h2{margin:0 0 24px;font-size:24px}.results-row{background:linear-gradient(to right, var(--bar-color,transparent) var(--bar-pct,0%), transparent var(--bar-pct,0%));justify-content:space-between;align-items:center;margin:12px 0;font-size:22px;font-weight:700;display:flex}.results-row:has(.hl--cyan){--bar-color:#dbeafe}.results-row:has(.hl--yellow){--bar-color:#fef3c7}.hl{color:#374151;padding:7px 8px}.screen--credits{color:#fff;text-align:center;background:#000;justify-content:space-between;align-items:center;padding:88px 34px 48px}.screen--credits h1{letter-spacing:.02em;margin:0;font-size:28px}.screen--credits hr{border:0;border-top:1px solid #fff;width:60%;margin:24px auto}.credits__authors{font-size:16px}.credits__dates{font-size:14px;line-height:1.4}.credits__dates p{margin:10px 0}.credits__dates strong{font-weight:700}.credits__contact{opacity:.85;margin-top:18px!important}.credits__footnote{opacity:.85;font-size:14px}@media (width>=768px) and (pointer:fine){body{background:#334155;justify-content:center;align-items:center;min-height:100vh;display:flex}.phone-frame{box-sizing:border-box;aspect-ratio:9/19.5;background:#000;border-radius:44px;width:auto;height:min(85vh,780px);padding:12px;position:relative;box-shadow:0 30px 80px #00000080,inset 0 0 0 2px #2a2a2a}.phone-screen{background:#fff;border-radius:32px;width:100%;height:100%;display:block;position:relative;overflow:hidden}#app{background:#fff;position:absolute;inset:0}.phone-notch{z-index:2;background:#000;border-radius:999px;width:32%;height:22px;display:block;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone-button{background:#2a2a2a;display:block;position:absolute}.phone-button--power{border-radius:0 2px 2px 0;width:3px;height:11%;top:24%;right:-2px}.phone-button--volume-up{border-radius:2px 0 0 2px;width:3px;height:7%;top:19%;left:-2px}.phone-button--volume-down{border-radius:2px 0 0 2px;width:3px;height:7%;top:28%;left:-2px}}