:root{color:#101010;font-synthesis:none;--paper:#e8e5dc;--page-bg:#c6c7c5;--page-bg-soft:#e4e4e1;--bg-energy:0;--ink:#0b0c10;--muted:#0b0c1094;--line:#0b0c1029;--accent:#19d8ff;--neon-pink:#ff315c;--neon-cyan:#19d8ff;--neon-lime:#b8ff2c;--global-hype:0;--shake-speed:1s;--shake-speed-fast:.75s;--shake-amp:0px;--shake-amp-2:0px;--chroma-a:0px;--chroma-b:0px;--chroma-y-a:0px;--chroma-y-b:0px;background:#e8e5dc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;min-height:100vh;margin:0}body{background:radial-gradient(circle at 18% 16%, #ffffff57, transparent 32%), linear-gradient(135deg, var(--page-bg-soft), var(--page-bg));color:var(--ink);overflow:hidden}body:before{content:"";pointer-events:none;opacity:calc(.05 + var(--bg-energy) * .28);mix-blend-mode:multiply;background:linear-gradient(115deg,#0000 0 57%,#ff702442 57% 64%,#0000 64% 100%),radial-gradient(circle at 12% 18%,#ffdfaa57,#0000 30%),radial-gradient(circle at 84% 70%,#ff5b1b33,#0000 34%);position:fixed;inset:0}body:after{content:"";pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.15' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.shell{z-index:1;grid-template-rows:1fr 58px;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}.topbar{padding:max(8px, env(safe-area-inset-top)) 10px 8px;border-bottom:1px solid var(--line);justify-content:flex-end;align-items:center;display:flex}.topbar-spacer{flex:1}.user-chip{color:#fff;background:var(--ink);border-radius:50%;place-items:center;min-width:32px;height:32px;font-size:12px;font-weight:900;display:grid}.content{scrollbar-width:none;min-height:0;position:relative;overflow:auto}.content::-webkit-scrollbar{display:none}.bottom-nav{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding-bottom:max(0px, env(safe-area-inset-bottom));background:#ffffff1f;grid-template-columns:repeat(5,1fr);display:grid}.nav-item{color:#10101075;cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;display:flex;position:relative}.nav-item:before{content:"";background:var(--ink);opacity:0;width:42px;height:3px;transition:transform .18s,opacity .18s;position:absolute;top:0;left:50%;transform:translate(-50%)scaleX(.3)}.nav-item.active{color:var(--ink)}.nav-item.active:before{opacity:1;background:var(--ink);box-shadow:none;transform:translate(-50%)scaleX(1)}.nav-index{letter-spacing:.12em;font-size:12px;font-weight:900}.nav-item small{letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:900}.hero-screen,.insight-screen{isolation:isolate;min-height:100%;position:relative;overflow:hidden}.tone-low,.tone-red{--accent:#ff315c}.tone-warm{--accent:#ff9f1a}.tone-mid,.tone-blue{--accent:#19d8ff}.tone-high{--accent:#715dff}.tone-legendary,.tone-green{--accent:#b8ff2c}.hero-screen{--hype-intensity:0;--chroma:calc(var(--hype-intensity) * 10px);--shake-amp:calc(var(--hype-intensity) * 5px);--shake-amp-2:calc(var(--hype-intensity) * 3px);filter:grayscale(calc(1 - var(--hype-intensity))) saturate(calc(0 + var(--hype-intensity) * 3.9)) contrast(calc(.98 + var(--hype-intensity) * .22))}.hero-screen:before{content:"";pointer-events:none;z-index:1;opacity:calc(var(--hype-intensity) * .18);background:linear-gradient(124deg, transparent 0 56%, color-mix(in srgb, var(--accent) 52%, white) 56% 61%, transparent 61% 100%), linear-gradient(104deg, transparent 0 26%, #ff315c29 26% 29%, transparent 29% 100%);mix-blend-mode:screen;animation:bgSweep calc(11s - var(--hype-intensity) * 4s) ease-in-out infinite alternate;position:absolute;inset:-5%}.hero-screen:after{content:"";pointer-events:none;z-index:2;opacity:calc(var(--hype-intensity) * .12);mix-blend-mode:multiply;background:repeating-linear-gradient(#00000014 0 1px,#0000 1px 6px);position:absolute;inset:0}.hero-back-number,.insight-backmark{letter-spacing:-.08em;color:#ffffffd6;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;font-size:clamp(138px,38vw,280px);font-weight:1000;line-height:.82;position:absolute}.hero-back-number{view-transition-name:hero-score;text-shadow:calc(var(--chroma-a) * 1.15) calc(var(--chroma-y-a) * 1.15) rgba(25,216,255,calc(var(--hype-intensity) * .72)), calc(var(--chroma-b) * 1.15) calc(var(--chroma-y-b) * 1.15) rgba(255,49,92,calc(var(--hype-intensity) * .62));top:14px;left:16px}.hero-side-word{writing-mode:vertical-rl;letter-spacing:-.07em;color:#ffffffd6;-webkit-user-select:none;user-select:none;pointer-events:none;z-index:0;text-shadow:calc(var(--chroma) * .8) 0 rgba(25,216,255,calc(var(--hype-intensity) * .42)), calc(var(--chroma) * -.8) 0 rgba(255,49,92,calc(var(--hype-intensity) * .32));font-size:clamp(54px,11vw,120px);font-weight:1000;position:absolute;top:36%;right:10px;transform:translateY(-50%)rotate(180deg)}.hero-stage-shell{z-index:6;view-transition-name:hero-stage;width:min(88vw,780px);height:clamp(260px,48vh,420px);position:absolute;top:38%;left:50%;overflow:visible;transform:translate(-50%,-50%)}.hero-stage-shell-editor{width:min(92vw,820px);height:clamp(310px,56vh,500px);top:38%}.hero-stage-shell-confirmed{width:min(86vw,860px);height:clamp(390px,66vh,600px);animation:none;top:44%;left:61%}.hero-stage-shell-result{width:min(84vw,800px);height:clamp(330px,58vh,520px);top:40%;left:60%}.hero-stage-shell-compact{width:min(74vw,560px);height:clamp(220px,38vh,340px);top:38%}.hero-stage-bar{background:var(--accent);opacity:.9;width:82%;height:clamp(30px,5vw,48px);box-shadow:0 0 0 1px #0000000f, 0 0 22px color-mix(in srgb, var(--accent) 45%, transparent);position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.hammer-stage{--stage-accent:var(--accent);pointer-events:none;position:absolute;inset:-16%;overflow:visible}.hammer-stage:after{content:"";filter:blur(14px);pointer-events:none;background:radial-gradient(#0000002e,#0000);width:50%;height:22px;position:absolute;bottom:7%;left:50%;transform:translate(-50%)}.hammer-stage canvas{filter:drop-shadow(calc(var(--chroma-a) * .42) calc(var(--chroma-y-a) * .32) rgba(25,216,255,calc(var(--hype-intensity) * .52))) drop-shadow(calc(var(--chroma-b) * .42) calc(var(--chroma-y-b) * .32) rgba(255,49,92,calc(var(--hype-intensity) * .48)));position:absolute;inset:0;width:100%!important;height:100%!important}.hero-copy{z-index:9;position:absolute;left:16px;right:16px}.vote-copy{bottom:132px}.result-copy{inset:25% 240px auto 16px;transform:translateY(-50%)}.confirmed-copy{bottom:108px;left:16px;right:44%}.hero-copy.compact{bottom:100px}.session-meta{z-index:12;letter-spacing:.09em;text-transform:uppercase;color:#0b0c10ad;text-align:right;white-space:nowrap;max-width:none;font-size:10px;font-weight:900;position:absolute;top:12px;right:16px}.countdown{align-content:center;gap:2px;display:grid}.countdown-label{letter-spacing:.12em;text-transform:uppercase;color:#0b0c1085;font-size:10px;font-weight:800}.countdown-value{letter-spacing:-.05em;font-size:24px;font-weight:1000;line-height:.95}.countdown-inline{text-align:right;justify-items:end;min-width:92px}.countdown-below{margin-top:8px}.hero-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:12px;font-weight:900}.title-lockup,.confirm-lockup{gap:6px;display:grid}.hero-title,.insight-title{letter-spacing:-.08em;margin:0;font-size:clamp(54px,14vw,120px);font-weight:1000;line-height:.9}.hero-title span,.insight-title span{letter-spacing:0;color:var(--muted);margin-left:4px;font-size:.22em}.result-average{font-size:clamp(68px,16vw,150px)}.insight-title.small{font-size:clamp(46px,9vw,92px)}.hero-label{letter-spacing:-.03em;text-transform:uppercase;max-width:68%;margin:0;font-size:clamp(18px,3.2vw,28px);font-weight:1000;position:relative}.hero-foot{z-index:10;color:#101010;max-width:520px;margin:10px 0 0;font-size:14px;line-height:1.3;position:relative}.pending-note{font-weight:700}.response-mini-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;max-width:620px;margin-top:16px;display:grid}.response-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff47;border:1px solid #00000024;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:32px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.response-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.response-chip strong{flex:none;font-size:13px;font-weight:1000}.result-sidepanel{z-index:14;width:180px;position:absolute;top:34px;right:16px}.response-mini-list.is-sidebar{flex-direction:column;gap:6px;max-width:none;margin-top:28px;display:flex}.response-chip.is-sidebar{gap:8px;min-height:28px;padding:0 8px;font-size:11px}.hero-screen .hero-kicker,.hero-screen .hero-title,.hero-screen .hero-label,.hero-screen .hero-foot,.session-meta,.countdown{text-shadow:var(--chroma-a) var(--chroma-y-a) rgba(25,216,255,calc(var(--hype-intensity) * .55)), var(--chroma-b) var(--chroma-y-b) rgba(255,49,92,calc(var(--hype-intensity) * .45));animation:glitchJitter calc(var(--shake-speed) * .9) steps(4, end) infinite}.vote-dock{z-index:4;gap:4px;display:grid;position:absolute;bottom:8px;left:12px;right:12px}.slider-shell{border-top:1px solid var(--line);margin-bottom:-2px;padding-top:14px}.hype-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:40px;display:block}.hype-slider::-webkit-slider-runnable-track{background:#101010;border-radius:999px;height:8px}.hype-slider::-webkit-slider-thumb{appearance:none;background:#fff;border:4px solid #101010;border-radius:50%;width:28px;height:28px;margin-top:-10px;box-shadow:0 2px #1010102e}.hype-slider::-moz-range-track{background:#101010;border-radius:999px;height:8px}.hype-slider::-moz-range-thumb{background:#fff;border:4px solid #101010;border-radius:50%;width:28px;height:28px;box-shadow:0 2px #1010102e}.ticks{display:none!important}.vote-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.confirm-actions{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.confirm-btn,.ghost-btn{letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border:0;min-width:176px;min-height:44px;padding:0 18px;font-size:12px;font-weight:900}.confirm-btn{color:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--accent);background:#ffffff6b}.confirm-btn:disabled{opacity:.55;cursor:progress}.ghost-btn{color:var(--ink);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--accent);background:#ffffff6b}.vote-progress{text-align:right;letter-spacing:.14em;min-width:56px;font-size:11px;font-weight:900}.insight-screen{padding:18px 18px 26px}.insight-backmark.left{color:#00000014;font-size:clamp(110px,24vw,220px);top:4px;left:6px}.insight-backmark.right{color:#ffffffb8;font-size:clamp(42px,8vw,78px);top:14px;left:auto;right:10px}.insight-header{z-index:1;margin-top:48px;position:relative}.insight-grid.two-up{z-index:1;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid;position:relative}.stat-tile,.chart-shell,.trophy-card{z-index:1;border:1px solid var(--line);background:#ffffff3d;position:relative}.stat-tile{min-height:96px;padding:14px}.stat-tile small{letter-spacing:.16em;color:var(--muted);font-size:10px;font-weight:900;display:block}.stat-tile strong{letter-spacing:-.06em;margin-top:8px;font-size:38px;font-weight:1000;display:block}.chart-shell{margin-top:12px;padding:12px}.chart-shell.large{margin-top:18px}.chart-shell svg{width:100%;display:block}.chart-line{fill:none;stroke:var(--accent);stroke-width:5px;stroke-linejoin:round;stroke-linecap:round}.chart-dot{fill:var(--ink);stroke:#fff;stroke-width:3px}.brutalist-list{z-index:1;border-top:1px solid var(--line);margin-top:18px;position:relative}.rank-row{border-bottom:1px solid var(--line);grid-template-columns:40px minmax(90px,1fr) minmax(70px,2fr) 42px;align-items:center;gap:10px;min-height:58px;display:grid}.rank-index{font-size:13px;font-weight:1000}.rank-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.rank-bar{background:#00000014;height:8px}.rank-bar i{background:var(--accent);height:100%;display:block}.rank-row strong{text-align:right;font-size:14px}.brutalist-trophies{z-index:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px;display:grid;position:relative}.trophy-card{min-height:130px;padding:14px}.trophy-emoji{margin-bottom:12px;font-size:24px;display:block}.trophy-card small{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:900;display:block}.trophy-card strong{margin-top:6px;font-size:18px;font-weight:1000;line-height:1;display:block}.trophy-card p{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.25}.history-foot{z-index:1;color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-top:10px;font-size:10px;font-weight:800;display:grid;position:relative}.history-foot strong{color:var(--ink);font-size:16px}.history-foot span:last-child{text-align:right}.loading-screen{text-align:center;background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:24px;display:flex}.loading-screen strong{letter-spacing:.14em;text-transform:uppercase;font-size:13px;font-weight:900}.loading-bar{background:#00000014;width:150px;height:4px;overflow:hidden}.loading-bar i{background:var(--ink);width:42%;height:100%;animation:1s ease-in-out infinite alternate loader;display:block}@keyframes loader{0%{transform:translate(0)}to{transform:translate(140%)}}.error-screen p{color:#780000cc;max-width:440px;margin:0}.toast{z-index:50;opacity:0;color:#fff;letter-spacing:.08em;text-transform:uppercase;text-align:center;background:#101010;min-width:220px;padding:10px 14px;font-size:11px;font-weight:900;transition:opacity .18s,transform .18s;position:fixed;bottom:76px;left:50%;transform:translate(-50%,12px)}.toast.visible{opacity:1;transform:translate(-50%)}.toast-error{background:#6b1910}.preview-badge{z-index:100;letter-spacing:.16em;color:#fff;text-transform:uppercase;pointer-events:none;background:#101010;padding:4px 8px;font-size:8px;font-weight:900;position:fixed;top:8px;left:50%;transform:translate(-50%)}::view-transition-old(hero-stage){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(hero-stage){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(hero-score){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(hero-score){animation-duration:.32s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.confirm-reveal{background:linear-gradient(135deg, transparent 0 58%, color-mix(in srgb, var(--accent) 20%, transparent) 58% 66%, transparent 66%), linear-gradient(135deg, var(--page-bg-soft), var(--paper))}.confirm-reveal .hero-back-number{color:#ffffffeb;font-size:clamp(200px,46vw,380px);animation:.82s cubic-bezier(.16,.9,.18,1) both confirmScorePunch}.confirm-flash{z-index:7;pointer-events:none;mix-blend-mode:multiply;opacity:0;position:absolute}.confirm-flash-a{background:linear-gradient(118deg, transparent 0 42%, var(--neon-pink) 42% 49%, transparent 49% 100%);animation:.72s ease-out both slashA;inset:-20%}.confirm-flash-b{background:linear-gradient(70deg, transparent 0 55%, var(--neon-cyan) 55% 60%, transparent 60% 100%);animation:.78s ease-out 40ms both slashB;inset:-20%}.confirm-scan{z-index:8;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(#0000 0 43%,#fffffff2 48% 50%,#0000 55% 100%);animation:.72s cubic-bezier(.2,.8,.2,1) .1s both confirmScan;position:absolute;inset:0;transform:translateY(-110%)}.confirmed-copy{animation:none}.confirm-reveal .hero-stage-shell-confirmed{animation:.88s cubic-bezier(.16,.86,.18,1) both confirmStagePunch}.confirm-reveal .confirmed-copy{animation:.55s cubic-bezier(.2,.8,.2,1) .38s both confirmCopyIn}.confirm-score{text-shadow:4px 0 var(--neon-cyan), -4px 0 var(--neon-pink)}.confirm-label{color:var(--ink)}@keyframes holoScan{0%{transform:translateY(-5%)}to{transform:translateY(5%)}}@keyframes bgSweep{0%{transform:translate(-1.4%)translateY(-.8%)}to{transform:translate(1.4%)translateY(.8%)}}@keyframes glitchJitter{0%,to{transform:translate(0)}18%{transform:translate(calc(var(--shake-amp-2) * .45), calc(var(--shake-amp-2) * -.15))}36%{transform:translate(calc(var(--shake-amp-2) * -.55), calc(var(--shake-amp-2) * .25))}54%{transform:translate(calc(var(--shake-amp-2) * .2), calc(var(--shake-amp-2) * .35))}72%{transform:translate(calc(var(--shake-amp-2) * -.25), calc(var(--shake-amp-2) * -.3))}90%{transform:translate(calc(var(--shake-amp-2) * .35), calc(var(--shake-amp-2) * .1))}}@keyframes screenShake{0%,to{transform:translate(0,0)}10%{transform:translate3d(calc(var(--shake-amp) * .22), calc(var(--shake-amp) * -.1), 0)}20%{transform:translate3d(calc(var(--shake-amp) * -.18), calc(var(--shake-amp) * .18), 0)}30%{transform:translate3d(calc(var(--shake-amp) * .12), calc(var(--shake-amp) * .08), 0)}40%{transform:translate3d(calc(var(--shake-amp) * -.24), calc(var(--shake-amp) * -.12), 0)}50%{transform:translate3d(calc(var(--shake-amp) * .14), calc(var(--shake-amp) * .2), 0)}60%{transform:translate3d(calc(var(--shake-amp) * -.1), calc(var(--shake-amp) * -.18), 0)}70%{transform:translate3d(calc(var(--shake-amp) * .2), calc(var(--shake-amp) * -.06), 0)}80%{transform:translate3d(calc(var(--shake-amp) * -.16), calc(var(--shake-amp) * .14), 0)}90%{transform:translate3d(calc(var(--shake-amp) * .08), calc(var(--shake-amp) * -.04), 0)}}@keyframes stageShake{0%,to{transform:translate(-50%,-50%)}15%{transform:translate(calc(-50% + var(--shake-amp-2) * .15), calc(-50% - var(--shake-amp-2) * .1))}35%{transform:translate(calc(-50% - var(--shake-amp-2) * .12), calc(-50% + var(--shake-amp-2) * .18))}55%{transform:translate(calc(-50% + var(--shake-amp-2) * .08), calc(-50% + var(--shake-amp-2) * .06))}75%{transform:translate(calc(-50% - var(--shake-amp-2) * .18), calc(-50% - var(--shake-amp-2) * .04))}}@keyframes numberShake{0%,to{transform:translate(0,0)}25%{transform:translate3d(calc(var(--shake-amp-2) * .35), calc(var(--shake-amp-2) * -.2), 0)}50%{transform:translate3d(calc(var(--shake-amp-2) * -.28), calc(var(--shake-amp-2) * .12), 0)}75%{transform:translate3d(calc(var(--shake-amp-2) * .16), calc(var(--shake-amp-2) * .24), 0)}}@keyframes sideShake{0%,to{transform:translateY(-50%)rotate(180deg)}20%{transform:translateY(calc(-50% + var(--shake-amp-2) * .06)) rotate(180deg) translateX(calc(var(--shake-amp-2) * .2))}45%{transform:translateY(calc(-50% - var(--shake-amp-2) * .08)) rotate(180deg) translateX(calc(var(--shake-amp-2) * -.16))}70%{transform:translateY(calc(-50% + var(--shake-amp-2) * .04)) rotate(180deg) translateX(calc(var(--shake-amp-2) * .1))}}@keyframes dockShake{0%,to{transform:translate(0,0)}22%{transform:translate3d(calc(var(--shake-amp-2) * -.24), calc(var(--shake-amp-2) * .08), 0)}44%{transform:translate3d(calc(var(--shake-amp-2) * .18), calc(var(--shake-amp-2) * -.16), 0)}66%{transform:translate3d(calc(var(--shake-amp-2) * -.1), calc(var(--shake-amp-2) * .15), 0)}}@keyframes confirmStagePunch{0%{filter:blur(4px);transform:translate(-50%,-50%)scale(.72)rotate(-3deg)}62%{filter:blur();transform:translate(-50%,-50%)scale(1.1)rotate(1deg)}to{transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes confirmScorePunch{0%{opacity:0;filter:blur(7px);transform:translate(-5%)scale(.78)}58%{opacity:1;filter:blur();transform:translate(1.5%)scale(1.04)}to{opacity:1;transform:none}}@keyframes confirmCopyIn{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes slashA{0%{opacity:0;transform:translate(-36%)}35%{opacity:.72}to{opacity:0;transform:translate(42%)}}@keyframes slashB{0%{opacity:0;transform:translate(38%)}35%{opacity:.54}to{opacity:0;transform:translate(-42%)}}@keyframes confirmScan{0%{opacity:0;transform:translateY(-110%)}24%{opacity:.7}to{opacity:0;transform:translateY(115%)}}@media (width<=1024px){.hero-stage-shell-editor{width:min(88vw,760px)}.hero-stage-shell-confirmed{width:min(84vw,760px);left:58%}}@media (width<=760px){.hero-stage-shell{width:min(100vw,760px);height:clamp(250px,46vh,360px);top:36%}.hero-stage-shell-editor{width:min(100vw,760px);height:clamp(250px,46vh,360px);top:33%}.hero-stage-shell-confirmed{width:min(100vw,760px);height:clamp(310px,54vh,460px);top:38%;left:54%}.hero-stage-shell-result{width:min(96vw,720px);height:clamp(280px,50vh,420px);top:39%;left:56%}.hero-copy,.vote-copy{left:14px;right:14px}.confirmed-copy{bottom:88px;left:14px;right:14px}.result-copy{top:26%;bottom:auto;transform:translateY(-50%)}.vote-copy{bottom:118px}.hero-label{max-width:76%;font-size:16px}}@media (width<=540px){.shell{grid-template-rows:42px 1fr 54px}.topbar{padding-left:10px;padding-right:10px}.user-chip{min-width:28px;height:28px;font-size:11px}.hero-back-number{font-size:clamp(118px,36vw,180px);top:12px;left:10px}.hero-side-word{font-size:58px;right:2px}.hero-stage-shell-editor{width:min(100vw,720px);height:285px;top:35%}.hero-stage-shell-confirmed{width:min(100vw,720px);height:375px;top:41%;left:55%}.hero-stage-shell-result{top:38%}.hero-title,.insight-title{font-size:clamp(44px,14vw,82px)}.result-average{font-size:clamp(58px,17vw,100px)}.vote-copy{bottom:112px}.vote-dock{gap:4px;bottom:8px;left:10px;right:10px}.vote-row,.confirm-actions{gap:8px}.confirm-btn,.ghost-btn{min-width:150px;min-height:42px;padding:0 12px;font-size:11px}.vote-progress{min-width:48px;font-size:10px}.brutalist-trophies{grid-template-columns:1fr}.rank-row{grid-template-columns:34px minmax(70px,1fr) 1fr 36px;gap:8px}.response-mini-list{gap:6px}.response-chip{min-height:28px;padding:0 10px;font-size:11px}.session-meta{white-space:nowrap;max-width:none;font-size:9px;top:8px;right:10px}.countdown-value{font-size:20px}.countdown-inline{min-width:78px}}@media (height<=620px){.hero-stage-shell-editor{height:270px;top:35%}.hero-stage-shell-confirmed{height:360px;top:40%}.vote-copy{bottom:114px}.hero-label{font-size:16px}}.empty-insight{padding:18px}.empty-header{z-index:1;max-width:720px;margin-top:72px;position:relative}:root{--global-shake:0px;--global-shake-small:0px}.hero-screen{filter:none;animation:screenShake var(--shake-speed) steps(4,end) infinite}.hero-screen:before,.hype-slider,.confirm-btn,.ghost-btn,.confirm-flash,.confirm-scan,.hero-copy,.vote-dock,.bottom-nav,.session-meta,.chart-shell,.stat-tile,.trophy-card,.rank-row,.history-foot{filter:grayscale(calc(1 - var(--hype-intensity))) saturate(calc(0 + var(--hype-intensity) * 4.1)) contrast(calc(.98 + var(--hype-intensity) * .16))}.hero-side-word{display:none!important}.hero-stage-bar{transform-origin:50%;opacity:0;filter:grayscale(calc(1 - var(--hype-intensity))) saturate(calc(.65 + var(--hype-intensity) * 2.2));view-transition-name:validation-bar;transition:opacity .22s,transform .4s cubic-bezier(.2,.8,.2,1);transform:translate(-50%,-50%)scaleX(.02)}.hero-stage-bar.is-visible{opacity:.92;animation:.48s cubic-bezier(.16,.84,.22,1) both validationBarIn;transform:translate(-50%,-50%)scaleX(1)}.result-screen .hero-stage-bar{width:64%;left:44%}.hero-back-number{animation:numberShake calc(var(--shake-speed) * .83) steps(3,end) infinite}.hero-stage-shell-editor,.hero-stage-shell-result,.hero-stage-shell-compact{animation:stageShake var(--shake-speed-fast) steps(3,end) infinite}.vote-dock{animation:dockShake calc(var(--shake-speed) * 1.07) steps(3,end) infinite}.slider-shell{animation:sliderShake calc(var(--shake-speed-fast) * 1.12) steps(3,end) infinite;animation-delay:-.07s}.confirm-btn{animation:buttonShake calc(var(--shake-speed-fast) * .93) steps(3,end) infinite;animation-delay:-.13s}.ghost-btn{animation:buttonShake calc(var(--shake-speed-fast) * 1.09) steps(3,end) infinite;animation-delay:-.21s}.insight-screen{animation:insightShake var(--shake-speed) steps(4,end) infinite}.insight-header{animation:panelShake calc(var(--shake-speed-fast) * 1.03) steps(3,end) infinite;animation-delay:-.09s}.stat-tile:first-child,.rank-row:nth-child(odd),.trophy-card:nth-child(odd),.chart-shell{animation:panelShake calc(var(--shake-speed-fast) * 1.16) steps(3,end) infinite;animation-delay:-.17s}.stat-tile:nth-child(2),.rank-row:nth-child(2n),.trophy-card:nth-child(2n){animation:panelShakeAlt calc(var(--shake-speed-fast) * .97) steps(3,end) infinite;animation-delay:-.29s}.bottom-nav{animation:dockShake calc(var(--shake-speed) * 1.02) steps(3,end) infinite}.nav-item{animation:panelShake calc(var(--shake-speed-fast) * 1.08) steps(3,end) infinite}.nav-item:nth-child(2n){animation-name:panelShakeAlt;animation-delay:-.14s}.session-meta{animation:panelShakeAlt calc(var(--shake-speed-fast) * 1.06) steps(3,end) infinite}.countdown-inline,.countdown-below{animation:panelShake calc(var(--shake-speed-fast) * .98) steps(3,end) infinite}@keyframes validationBarIn{0%{opacity:0;transform:translate(-50%,-50%)scaleX(.02)}62%{opacity:1;transform:translate(-50%,-50%)scaleX(1.04)}to{opacity:.92;transform:translate(-50%,-50%)scaleX(1)}}@keyframes sliderShake{0%,to{transform:translate(0,0)}20%{transform:translate3d(calc(var(--shake-amp-2) * .34), calc(var(--shake-amp-2) * -.12),0)}45%{transform:translate3d(calc(var(--shake-amp-2) * -.26), calc(var(--shake-amp-2) * .18),0)}70%{transform:translate3d(calc(var(--shake-amp-2) * .13), calc(var(--shake-amp-2) * .08),0)}}@keyframes buttonShake{0%,to{transform:translate(0,0)rotate(0)}17%{transform:translate3d(calc(var(--shake-amp-2) * -.28), calc(var(--shake-amp-2) * .12),0) rotate(calc(var(--hype-intensity) * -.35deg))}41%{transform:translate3d(calc(var(--shake-amp-2) * .23), calc(var(--shake-amp-2) * -.17),0) rotate(calc(var(--hype-intensity) * .28deg))}68%{transform:translate3d(calc(var(--shake-amp-2) * -.12), calc(var(--shake-amp-2) * -.05),0)}84%{transform:translate3d(calc(var(--shake-amp-2) * .16), calc(var(--shake-amp-2) * .1),0)}}@keyframes insightShake{0%,to{transform:translate(0,0)}13%{transform:translate3d(calc(var(--global-shake) * .18), calc(var(--global-shake) * -.08),0)}31%{transform:translate3d(calc(var(--global-shake) * -.16), calc(var(--global-shake) * .12),0)}52%{transform:translate3d(calc(var(--global-shake) * .08), calc(var(--global-shake) * .15),0)}77%{transform:translate3d(calc(var(--global-shake) * -.1), calc(var(--global-shake) * -.11),0)}}@keyframes panelShake{0%,to{transform:translate(0,0)}25%{transform:translate3d(calc(var(--global-shake-small) * .24), calc(var(--global-shake-small) * -.12),0)}50%{transform:translate3d(calc(var(--global-shake-small) * -.2), calc(var(--global-shake-small) * .14),0)}75%{transform:translate3d(calc(var(--global-shake-small) * .1), calc(var(--global-shake-small) * .08),0)}}@keyframes panelShakeAlt{0%,to{transform:translate(0,0)}19%{transform:translate3d(calc(var(--global-shake-small) * -.18), calc(var(--global-shake-small) * -.06),0)}47%{transform:translate3d(calc(var(--global-shake-small) * .22), calc(var(--global-shake-small) * .13),0)}73%{transform:translate3d(calc(var(--global-shake-small) * -.08), calc(var(--global-shake-small) * .1),0)}}.chart-shell{padding:14px 16px 10px;position:relative;overflow:visible}.chart-head{justify-content:space-between;align-items:flex-start;gap:18px;margin:0 4px 6px;display:flex}.chart-head>div:first-child{gap:3px;display:grid}.chart-head strong{letter-spacing:.09em;text-transform:uppercase;font-size:13px;font-weight:1000}.chart-head span{color:#0b0c108c;font-size:11px;font-weight:750}.chart-legend{white-space:nowrap;align-items:center;padding-top:2px;gap:7px!important;display:inline-flex!important}.chart-legend i{background:var(--accent);border-radius:999px;width:22px;height:5px}.chart-axis-line{stroke:#0b0c103d;stroke-width:1.3px}.chart-axis-label{fill:#0b0c1094;font-size:8px;font-weight:850}.chart-axis-label.is-current{fill:var(--ink);font-weight:1000}.chart-axis-title{fill:#0b0c107a;letter-spacing:.08em;text-transform:uppercase;font-size:7.5px;font-weight:900}.grid-line{stroke:#0b0c101a;stroke-width:1px}.chart-line{fill:none;stroke-width:5.5px;stroke-linejoin:round;stroke-linecap:round}.chart-point-hit{fill:#0000;stroke:#0000;pointer-events:all;cursor:crosshair;outline:none}.chart-dot{fill:var(--point-color,var(--ink));stroke:#fffffff0;stroke-width:4px;pointer-events:none;transform-box:fill-box;transform-origin:50%;transition:transform .16s,stroke-width .16s}.chart-dot.is-current{stroke-width:5px}.chart-current-ring{fill:none;stroke:color-mix(in srgb, var(--point-color,var(--accent)) 72%, white);stroke-width:3px;opacity:.55;pointer-events:none;transform-box:fill-box;transform-origin:50%;animation:1.8s ease-in-out infinite chartCurrentPulse}.chart-point-group.is-hovered .chart-dot,.chart-point-hit:focus+.chart-current-ring+.chart-dot,.chart-point-hit:focus+.chart-dot{stroke-width:5px;transform:scale(1.42)}.chart-tooltip{z-index:30;pointer-events:none;opacity:0;background:#faf8f2f5;border:1px solid #0b0c1029;gap:4px;min-width:172px;padding:9px 11px;transition:opacity .14s,transform .14s;display:grid;position:absolute;transform:translate(-50%,-100%)translateY(-8px)scale(.97);box-shadow:4px 5px #0b0c101f}.chart-tooltip.is-visible{opacity:1;transform:translate(-50%,-100%)translateY(-12px)scale(1)}.chart-tooltip strong{text-transform:capitalize;font-size:11px;font-weight:1000}.chart-tooltip span{color:#0b0c10a8;font-size:12px;font-weight:850}@keyframes chartCurrentPulse{0%,to{opacity:.32;transform:scale(.86)}50%{opacity:.72;transform:scale(1.15)}}.loading-quote{color:#0b0c10a3;text-align:center;gap:7px;max-width:610px;margin:2px 0 0;display:grid}.loading-quote span{font-size:12px;font-style:italic;font-weight:700;line-height:1.45}.loading-quote cite{letter-spacing:.13em;text-transform:uppercase;color:#0b0c1075;font-size:9px;font-style:normal;font-weight:950}@media (width<=640px){.chart-head{gap:8px;display:grid}.chart-legend{justify-self:start}.chart-shell{padding-left:8px;padding-right:8px}.loading-quote{max-width:92vw}}