@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-vietnamese-wght-normal-D0rl6rjA.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-ext-wght-normal-D9tNdqV9.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Grotesk Variable;font-style:normal;font-display:swap;font-weight:300 700;src:url(/assets/space-grotesk-latin-wght-normal-BhU9QXUp.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-V-xxqcpd.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-600-normal-9HEixskS.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-cyrillic-600-normal-CTOM6hUh.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-600-normal-fLZuRloM.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-vietnamese-600-normal-D2EvbN8M.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-600-normal-iLQfcSjf.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-ext-600-normal-D38SheWl.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-600-normal-DmB0ttJJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/ibm-plex-mono-latin-600-normal-BgSNZQsw.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-600-normal-DWFSQ4vo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#15191e;font-synthesis:none;text-rendering:optimizelegibility;--page:#f4f1e8;--surface:#fffef9;--ink:#15191e;--muted:#737b87;--line:#d9d6cd;--line-strong:#9fa3a8;--cobalt:#3157e8;--cobalt-dark:#2444bd;--amber:#f1a93b;--lime:#b8d936;--lime-dark:#588c15;--coral:#f16f64;--mono:"IBM Plex Mono Variable", "Courier New", monospace;--shadow:0 7px 0 #15191e1f;background:#f4f1e8;font-family:Space Grotesk Variable,Trebuchet MS,sans-serif}*{box-sizing:border-box}html{background:var(--page);min-width:320px}body{background-color:var(--page);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.45}.sr-only,.sr-only:not(:focus):not(:active){clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-shell{min-height:100vh;overflow:hidden}.app-shell:before{content:"";pointer-events:none;opacity:.09;mix-blend-mode:multiply;z-index:10;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:fixed;inset:0}.app-header{border-bottom:1px solid var(--line);z-index:5;background:#fffef9b8;grid-template-columns:minmax(280px,1fr) auto minmax(280px,1fr);align-items:center;gap:24px;min-height:72px;padding:10px clamp(18px,2.2vw,34px);display:grid;position:relative}.brand-heading{font-size:inherit;line-height:inherit;justify-self:start;margin:0}.brand-button{appearance:none;cursor:pointer;letter-spacing:-.05em;white-space:nowrap;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0;font-size:clamp(19px,2vw,31px);font-weight:780;display:inline-flex}.brand-mark{border:2px solid var(--ink);background:var(--surface);width:42px;height:42px;box-shadow:-3px -3px 0 var(--cobalt);border-radius:9px;flex:none;place-items:center;display:inline-grid}.brand-mark svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:34px;height:34px}.mode-nav{border:1px solid var(--line);background:#ffffff8a;border-radius:12px;grid-template-columns:repeat(3,1fr);min-width:420px;min-height:50px;display:grid;overflow:hidden;box-shadow:0 2px 5px #15191e0d}.mode-nav button{cursor:pointer;background:0 0;border:0;padding:12px 24px;font-size:16px;font-weight:670;position:relative}.mode-nav button:after{content:"";background:0 0;border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:12px;right:12px}.mode-nav button:hover{background:#3157e80d}.mode-nav button.is-active{color:var(--cobalt)}.mode-nav button.is-active:after{background:var(--cobalt)}.header-status{font-family:var(--mono);white-space:nowrap;justify-self:end;align-items:center;gap:18px;font-size:14px;display:flex}.day-label,.streak-label,.end-run-button{align-items:center;gap:8px;display:inline-flex}.streak-label{color:var(--lime-dark)}.streak-label svg{color:#ee6f32}.status-divider{background:var(--line);width:1px;height:26px}.end-run-button{border:1px solid var(--ink);background:var(--surface);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px}.player-account-button{border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;min-height:36px;font-family:var(--mono);border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:12px;font-weight:600;display:inline-flex}.player-account-button:hover,.player-account-button.is-active{border-color:var(--cobalt);color:var(--cobalt);background:#3157e80f}.app-content{width:min(1400px,100% - 40px);margin:0 auto}.progress-panel{border:1px solid var(--line);background:#fffef9a6;border-radius:15px;grid-template-columns:minmax(170px,1fr) minmax(380px,610px) minmax(170px,1fr);align-items:center;min-height:70px;margin:16px 0 0;padding:13px 24px;display:grid;box-shadow:0 3px 6px #15191e08}.question-count,.score-label{font-family:var(--mono);font-size:15px;font-weight:590}.question-count{align-items:center;gap:12px;display:flex}.question-count span{color:var(--cobalt)}.score-label{justify-self:end}.progress-dots{grid-template-columns:repeat(10,1fr);align-items:center;margin:0;padding:0;list-style:none;display:grid}.progress-dots li{border:1.5px solid var(--ink);background:var(--surface);border-radius:50%;justify-self:center;width:16px;height:16px;position:relative}.progress-dots li:not(:last-child):after{content:"";z-index:-1;background:var(--line-strong);width:47px;height:2px;position:absolute;top:6px;left:14px}.progress-dots li.is-complete{border-color:var(--cobalt);background:var(--cobalt)}.progress-dots li.is-complete:after{background:var(--cobalt)}.progress-dots li.is-current{border:3px solid var(--surface);background:var(--cobalt);box-shadow:0 0 0 2px var(--cobalt)}.question-screen{padding:16px 0 34px}.media-window{background:#eef0f1;border:1.5px solid #5d6269;border-radius:14px;width:min(1020px,100% - 32px);margin:0 auto;transition:width .26s;overflow:hidden;box-shadow:0 9px 18px #15191e29,inset 0 1px #ffffffe6}.media-chrome{color:#373c43;background:#e9eaea;border-bottom:1px solid #8f949a;align-items:center;gap:8px;height:34px;padding:0 13px;display:flex}.window-dot{border:1px solid #0000006b;border-radius:50%;width:13px;height:13px}.window-dot--red{background:#e45b49}.window-dot--amber{background:#edc44f}.window-dot--green{background:#69bd68}.archive-address{color:#626871;min-width:0;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;font-size:10px;overflow:hidden}.date-redaction{vertical-align:-.04em;background:#20242a;border-radius:1px;width:2.35rem;height:.72em;display:inline-block}.media-stage{background:#171a1f;place-items:center;height:clamp(380px,46vh,515px);display:grid;position:relative;overflow:hidden}.media-stage img{object-fit:cover;object-position:center top;width:100%;height:100%;animation:.42s both artifact-in;display:block;position:absolute;inset:0}.media-fallback{color:#fff;font-family:var(--mono);place-items:center;gap:10px;font-size:13px;display:grid}.is-revealed .media-window{width:min(880px,100% - 32px)}.is-revealed .media-stage{height:clamp(300px,39vh,430px)}.guess-section{text-align:center}.guess-section>h2{letter-spacing:-.045em;margin:14px 0 0;font-size:clamp(28px,2.55vw,39px);font-weight:780;line-height:1.05}.year-control{margin-top:4px}.selected-year{color:var(--cobalt);font-family:var(--mono);font-size:clamp(32px,3vw,44px);font-weight:670;line-height:1;display:block}.slider-shell,.answer-timeline{width:min(1280px,100% - 108px);margin:3px auto 0;position:relative}.year-slider{--range-progress:50%;appearance:none;cursor:ew-resize;background:0 0;width:100%;height:48px;margin:0;display:block}.year-slider::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--cobalt) 0, var(--cobalt) var(--range-progress), #aeb2b8 var(--range-progress), #aeb2b8 100%);border-radius:4px;height:4px}.year-slider::-moz-range-track{background:#aeb2b8;border-radius:4px;height:4px}.year-slider::-moz-range-progress{background:var(--cobalt);height:4px}.year-slider::-webkit-slider-thumb{appearance:none;border:4px solid var(--surface);background:var(--cobalt);border-radius:50%;width:38px;height:38px;margin-top:-17px;box-shadow:0 0 0 1px #15191e59,0 4px 8px #15191e33}.year-slider::-moz-range-thumb{border:4px solid var(--surface);background:var(--cobalt);border-radius:50%;width:31px;height:31px;box-shadow:0 0 0 1px #15191e59,0 4px 8px #15191e33}.slider-shell:before{content:"";z-index:-1;background:repeating-linear-gradient(90deg,#0000 0 calc(3.2258% - 1px),#15191e33 calc(3.2258% - 1px) 3.2258%);height:12px;position:absolute;top:22px;left:0;right:0}.slider-end{font-family:var(--mono);font-size:15px;font-weight:650;position:absolute;top:13px}.slider-end--start{right:calc(100% + 18px)}.slider-end--finish{left:calc(100% + 18px)}.slider-ticks,.answer-ticks{color:#5f6670;height:24px;font-family:var(--mono);margin-top:-6px;font-size:11px;position:relative}.slider-ticks span,.answer-ticks span{position:absolute;transform:translate(-50%)}.precision-hint{color:#666d77;font-family:var(--mono);letter-spacing:.02em;margin:-2px 0 10px;font-size:11px}.primary-button,.secondary-button,.copy-button{text-transform:uppercase;letter-spacing:.02em;min-height:58px;font-family:var(--mono);cursor:pointer;border-radius:10px;font-size:16px;font-weight:650;transition:transform .15s,box-shadow .15s,background-color .15s}.primary-button{background:var(--cobalt);color:#fff;border:1.5px solid #17328f;box-shadow:0 5px #17328f}.primary-button:hover{background:#3d62ed;transform:translateY(-1px);box-shadow:0 6px #17328f}.primary-button:active{transform:translateY(4px);box-shadow:0 1px #17328f}.lock-button{width:min(300px,100% - 48px);margin-top:0}.answer-timeline{height:104px;margin-top:30px}.answer-track{background:#aeb2b8;height:4px;position:absolute;top:42px;left:0;right:0}.answer-gap{transform-origin:0;background:#d49b83;height:4px;animation:.5s .12s both gap-in;position:absolute;top:0}.answer-marker{border:4px solid var(--surface);border-radius:50%;width:36px;height:36px;animation:.42s cubic-bezier(.2,.85,.25,1.25) both marker-in;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #15191e47,0 4px 6px #15191e26}.answer-marker--guess{background:var(--cobalt);color:var(--cobalt);animation-delay:.25s}.answer-marker--correct{background:var(--amber);color:#d17800;animation-delay:80ms}.answer-marker--exact{background:var(--lime);color:var(--lime-dark);box-shadow:0 0 0 1px #15191e47,0 0 0 7px #b8d93633,0 4px 6px #15191e26}.marker-copy{font-family:var(--mono);white-space:nowrap;line-height:1.05;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.marker-copy small{font-size:11px;font-weight:570}.marker-copy strong{font-size:22px;font-weight:650}.answer-ticks{width:100%;margin:0;position:absolute;top:55px}.answer-score{justify-content:center;align-items:baseline;gap:28px;min-height:50px;margin:-4px 0 14px;display:flex}.answer-score strong{letter-spacing:-.045em;font-size:clamp(34px,3.3vw,50px);line-height:1}.answer-score span{color:var(--lime-dark);font-family:var(--mono);font-size:clamp(17px,1.8vw,24px);font-weight:670}.explanation-band{border:1px solid var(--line);background:#fffef9b3;border-radius:14px;grid-template-columns:minmax(270px,.9fr) minmax(330px,1.4fr) minmax(200px,.7fr);align-items:center;gap:26px;width:min(1170px,100% - 48px);min-height:108px;margin:0 auto;padding:18px 24px;display:grid}.explanation-identity{align-items:center;gap:16px;min-width:0;display:flex}.category-icon{border:2px solid var(--cobalt);width:50px;height:50px;color:var(--cobalt);border-radius:50%;flex:none;place-items:center;display:grid}.category-icon svg{stroke-width:1.7px;width:27px;height:27px}.category-label{color:var(--cobalt);font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:3px;font-size:11px;font-weight:620;display:block}.explanation-identity h2{letter-spacing:-.03em;margin:0;font-size:20px;line-height:1.1}.explanation-copy{border-left:1px solid var(--line);text-align:left;padding-left:24px}.explanation-copy p{margin:0;font-size:14px;line-height:1.4}.explanation-copy small{color:var(--muted);font-family:var(--mono);margin-top:7px;font-size:9px;display:block}.explanation-copy small a{color:inherit;text-underline-offset:2px}.explanation-copy small a:hover{color:var(--ink)}.next-button{justify-content:center;align-items:center;gap:12px;min-width:210px;padding:0 22px;display:inline-flex}.decade-screen{width:min(1050px,100% - 32px);margin:0 auto;padding:90px 0}.decade-intro{max-width:610px}.decade-intro h1{letter-spacing:-.07em;margin:0;font-size:clamp(44px,7vw,92px);line-height:.93}.decade-intro p{color:#4e5661;margin:24px 0 52px;font-size:18px;line-height:1.5}.decade-list{border-top:1.5px solid var(--ink)}.decade-list button{border:0;border-bottom:1px solid var(--line-strong);text-align:left;cursor:pointer;background:0 0;grid-template-columns:1fr auto 42px;align-items:center;gap:24px;width:100%;min-height:92px;padding:14px 6px;display:grid}.decade-list button:hover:not(:disabled){color:var(--cobalt);padding-left:14px}.decade-year{letter-spacing:-.055em;font-size:clamp(32px,4vw,56px);font-weight:750}.decade-meta{color:var(--muted);font-family:var(--mono);font-size:13px}.results-screen{grid-template-columns:minmax(0,680px) minmax(480px,550px);align-items:start;gap:78px;width:min(1308px,100% - 48px);margin:0 auto;padding:54px 0 48px;display:grid}.results-heading{font-family:var(--mono);letter-spacing:-.045em;margin:0;font-size:clamp(26px,3vw,46px);font-weight:650}.internet-age-year{width:fit-content;color:var(--cobalt);letter-spacing:-.09em;margin:10px 0 0;font-size:clamp(112px,16vw,220px);font-weight:760;line-height:.9;position:relative}.internet-age-year:before,.internet-age-year:after{content:"";z-index:-1;border:1px solid #15191e17;border-radius:70px;position:absolute;inset:5% -8% -4%}.internet-age-year:after{inset:-1% -5% -8%}.year-caret{background:var(--cobalt);border-radius:4px;width:4px;animation:1.1s steps(2,start) infinite caret-blink;position:absolute;top:5%;bottom:5%;right:-18px}.share-line{font-family:var(--mono);margin:24px 0 20px;font-size:17px;line-height:1.5}.result-actions{grid-template-columns:1fr 1fr;gap:18px;display:grid}.result-actions .primary-button,.result-actions .secondary-button{justify-content:center;align-items:center;gap:10px;width:100%;display:inline-flex}.secondary-button{border:2px solid var(--cobalt);background:var(--surface);color:var(--cobalt);box-shadow:none}.secondary-button:hover{background:#3157e80f;transform:translateY(-1px)}.copy-status{min-height:20px;color:var(--lime-dark);font-family:var(--mono);margin-top:6px;font-size:11px;display:block}.metrics-strip{border:1px solid var(--line);background:#fffef980;border-radius:13px;grid-template-columns:repeat(4,1fr);margin:0 0 20px;padding:13px 0;display:grid}.metrics-strip div{text-align:center;min-width:0;padding:0 14px}.metrics-strip div+div{border-left:1px solid var(--line)}.metrics-strip dt,.metrics-strip dd{margin:0}.metrics-strip dt{font-family:var(--mono);margin-bottom:6px;font-size:12px}.metrics-strip dd{color:var(--cobalt);font-family:var(--mono);font-size:clamp(22px,2.5vw,33px);font-weight:670;line-height:1}.metrics-strip dd small{color:var(--ink);margin-top:4px;font-size:10px;font-weight:500;display:block}.category-eras h2{text-align:center;font-family:var(--mono);margin:0 0 10px;font-size:21px}.category-eras ul{margin:0;padding:0;list-style:none}.category-eras li{min-height:43px;font-family:var(--mono);grid-template-columns:28px minmax(110px,auto) 1fr 55px;align-items:center;gap:10px;font-size:14px;display:grid}.category-eras li:nth-child(2n) .category-line,.category-eras li:nth-child(2n) .category-year{border-color:var(--amber);color:#c57703}.category-line{border-top:1.5px dashed var(--lime-dark);height:1px}.category-year{color:var(--lime-dark);font-size:20px;font-weight:650}.share-card{border:2px solid var(--ink);background:var(--surface);border-radius:16px;margin-top:23px;padding:12px;transform:rotate(.35deg);box-shadow:8px 9px #15191e26}.share-card-inner{border:1px solid #94999f;border-radius:10px;padding:34px 34px 30px}.share-card-topline{border-bottom:1.5px dashed var(--ink);font-family:var(--mono);justify-content:space-between;align-items:center;gap:20px;padding-bottom:15px;display:flex}.share-card-topline h2{margin:0;font-size:28px}.share-card-topline span{color:var(--lime-dark);font-size:10px}.result-grid{border-bottom:1.5px dashed var(--ink);grid-template-columns:repeat(5,1fr);gap:20px 14px;padding:28px 0 30px;display:grid}.result-tile{aspect-ratio:1;border:2px solid var(--ink);border-radius:8px;place-items:center;display:grid}.result-tile>span:first-child{background:var(--ink);border-radius:50%;width:11px;height:11px}.result-tile--great{background:var(--lime)}.result-tile--close{background:var(--amber)}.result-tile--close>span:first-child{border-radius:0;transform:rotate(45deg)}.result-tile--miss{background:var(--coral)}.result-tile--miss>span:first-child{border-radius:2px;width:16px;height:3px;transform:rotate(-45deg)}.share-score{border-bottom:1.5px dashed var(--ink);font-family:var(--mono);align-items:baseline;gap:10px;padding:24px 0;display:flex}.share-score strong{color:var(--cobalt);font-size:49px}.share-score span{font-size:19px}.share-stats{font-family:var(--mono);margin:0;padding:24px 0;font-size:13px}.share-stats div{justify-content:space-between;gap:20px;margin:11px 0;display:flex}.share-stats dt,.share-stats dd{margin:0}.copy-button{border:2px solid var(--cobalt);background:var(--surface);width:100%;min-height:54px;color:var(--cobalt);text-transform:none;justify-content:center;align-items:center;gap:10px;font-size:13px;display:inline-flex}.copy-button:hover{background:#3157e80f}@keyframes artifact-in{0%{opacity:0;transform:scale(1.012)}to{opacity:1;transform:scale(1)}}@keyframes marker-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes gap-in{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes caret-blink{50%{opacity:0}}@media (width<=1100px){.app-header{grid-template-columns:auto 1fr}.mode-nav{grid-area:2/1/auto/-1;justify-self:center;width:min(520px,100%);min-width:0}.header-status{grid-column:2}.progress-panel{grid-template-columns:150px 1fr 150px}.results-screen{gap:44px}.explanation-band{grid-template-columns:minmax(250px,.9fr) minmax(300px,1.2fr)}.next-button{grid-column:1/-1;justify-self:center;width:min(330px,100%)}}@media (width<=1300px) and (width>=861px){.results-screen{grid-template-columns:minmax(0,1.25fr) minmax(400px,.9fr);gap:44px;width:min(1160px,100% - 40px)}.share-card-inner{padding-left:26px;padding-right:26px}.result-grid{column-gap:10px}}@media (height<=800px) and (width>=861px){.app-header{min-height:64px;padding-top:7px;padding-bottom:7px}.mode-nav{min-height:46px}.progress-panel{min-height:60px;margin-top:10px;padding-top:9px;padding-bottom:9px}.question-screen{padding-top:9px}.media-stage{height:min(38vh,290px)}.is-revealed .media-stage{height:min(34vh,255px)}.guess-section>h2{margin-top:10px;font-size:29px}.selected-year{font-size:34px}.slider-ticks{height:18px}.precision-hint{margin-bottom:6px}.primary-button{min-height:52px}.answer-timeline{height:92px;margin-top:24px}.answer-score{margin-bottom:10px}.answer-score strong{font-size:38px}.explanation-band{min-height:92px;padding-top:13px;padding-bottom:13px}}@media (width<=860px){.app-content{width:min(100% - 24px,720px)}.progress-panel{grid-template-columns:1fr auto;gap:12px 18px;padding:13px 16px}.progress-dots{grid-area:2/1/auto/-1}.progress-dots li:not(:last-child):after{width:calc(min(696px,100vw - 56px)/10 - 14px)}.score-label{grid-column:2}.media-stage,.is-revealed .media-stage{aspect-ratio:16/9;height:auto}.results-screen{grid-template-columns:1fr;width:min(660px,100% - 16px);padding-top:40px}.internet-age-panel{max-width:650px}.internet-age-year{font-size:clamp(116px,30vw,195px)}.share-card{justify-self:center;width:min(480px,100%);transform:none}}@media (width<=660px){.app-header{gap:10px;padding:10px 12px}.brand-button{font-size:17px}.brand-mark{width:34px;height:34px}.brand-mark svg{width:28px;height:28px}.header-status{gap:8px;font-size:10px}.day-label,.streak-label{gap:4px}.status-divider{display:none}.header-status svg{width:14px;height:14px}.header-status.has-end-run .streak-label,.header-status.has-end-run .status-divider{display:none}.mode-nav{min-height:42px}.mode-nav button{padding:9px 10px;font-size:13px}.app-content{width:calc(100% - 16px)}.progress-panel{border-radius:11px;min-height:78px;margin-top:8px}.question-count,.score-label{font-size:11px}.progress-dots li{width:11px;height:11px}.progress-dots li:not(:last-child):after{width:calc(10vw - 16px);top:4px;left:9px}.progress-dots li.is-current{border-width:2px}.question-screen{padding-top:8px}.media-window,.is-revealed .media-window{border-radius:10px;width:100%}.media-chrome{gap:5px;height:27px;padding:0 9px}.window-dot{width:9px;height:9px}.archive-address{font-size:7px}.date-redaction{width:1.75rem}.guess-section>h2{margin-top:14px;font-size:27px}.selected-year{margin-top:6px;font-size:34px}.slider-shell,.answer-timeline{width:calc(100% - 58px)}.slider-end{font-size:10px}.slider-end--start{right:calc(100% + 7px)}.slider-end--finish{left:calc(100% + 7px)}.slider-ticks span,.answer-ticks span{display:none}.precision-hint{margin-top:-7px}.year-slider::-webkit-slider-thumb{width:34px;height:34px;margin-top:-15px}.answer-timeline{height:102px;margin-top:36px}.answer-score{flex-direction:column;align-items:center;gap:12px;margin-top:-12px}.answer-score strong{font-size:36px}.answer-score span{font-size:17px}.marker-copy small{font-size:9px}.marker-copy strong{font-size:17px}.explanation-band{text-align:left;grid-template-columns:1fr;gap:16px;width:100%;padding:18px}.explanation-copy{border-top:1px solid var(--line);border-left:0;padding:14px 0 0}.next-button{width:100%;min-width:0}.decade-screen{padding-top:52px}.decade-intro p{margin-bottom:32px;font-size:15px}.decade-list button{grid-template-columns:1fr auto 30px;gap:12px}.decade-meta{font-size:10px}.results-screen{gap:34px;padding:34px 0}.results-heading{font-size:24px}.internet-age-year{font-size:clamp(98px,34vw,150px)}.share-line{margin-top:18px;font-size:12px}.result-actions{grid-template-columns:1fr;gap:12px}.metrics-strip{grid-template-columns:repeat(2,1fr)}.metrics-strip div:nth-child(3){border-left:0}.metrics-strip div:nth-child(n+3){border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.category-eras li{grid-template-columns:24px minmax(104px,auto) 1fr 46px;gap:6px;font-size:11px}.category-year{font-size:15px}.share-card-inner{padding:20px 18px}.share-card-topline h2{font-size:20px}.result-grid{gap:8px}.share-score strong{font-size:36px}}.back-link{cursor:pointer;color:var(--muted);font-family:var(--mono);background:0 0;border:0;align-items:center;gap:8px;padding:7px 0;font-size:12px;font-weight:600;display:inline-flex}.back-link:hover{color:var(--cobalt)}.auth-screen{width:min(1180px,100%);margin:0 auto;padding:28px 0 72px}.auth-layout{border:1px solid var(--line);background:var(--surface);border-radius:22px;grid-template-columns:minmax(0,1.05fr) minmax(420px,.8fr);min-height:650px;margin-top:18px;display:grid;overflow:hidden;box-shadow:0 18px 50px #15191e1f}.auth-story{color:#fff;background:radial-gradient(circle at 85% 18%,#b8d93659,#0000 24%),linear-gradient(145deg,#1c2452 0%,#3157e8 58%,#2444bd 100%);padding:clamp(48px,6vw,84px);position:relative;overflow:hidden}.auth-story:after{content:"";border:52px solid #ffffff1a;border-radius:50%;width:340px;height:340px;position:absolute;bottom:-160px;right:-120px}.auth-kicker{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:13px;font-size:12px;font-weight:600;display:inline-flex}.auth-kicker .brand-mark{width:38px;height:38px;color:var(--ink);box-shadow:-3px -3px 0 var(--lime)}.auth-kicker .brand-mark svg{width:30px;height:30px}.auth-story h1{letter-spacing:-.065em;max-width:650px;margin:74px 0 20px;font-size:clamp(48px,5.6vw,80px);line-height:.95}.auth-story>p{color:#fffc;max-width:560px;margin:0;font-size:18px;line-height:1.55}.auth-benefits{z-index:1;gap:22px;margin:56px 0 0;padding:0;list-style:none;display:grid;position:relative}.auth-benefits li{color:#ffffffb8;grid-template-columns:38px 1fr;align-items:start;gap:14px;font-size:13px;line-height:1.45;display:grid}.auth-benefits svg{width:38px;height:38px;color:var(--lime);border:1px solid #ffffff3d;border-radius:9px;padding:8px}.auth-benefits strong{color:#fff;margin-bottom:3px;font-size:15px;display:block}.auth-card{flex-direction:column;justify-content:center;padding:clamp(50px,6vw,82px) clamp(38px,5vw,68px);display:flex}.auth-card-heading p{color:var(--cobalt);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:600}.auth-card-heading h2{letter-spacing:-.045em;margin:0 0 34px;font-size:34px;line-height:1.08}.auth-form{gap:20px;display:grid}.auth-form label{color:#444b55;gap:8px;font-size:13px;font-weight:650;display:grid}.auth-input-wrap{border:1px solid var(--line);min-height:52px;color:var(--muted);background:#fbfaf5;border-radius:10px;align-items:center;gap:11px;padding:0 16px;display:flex}.auth-input-wrap:focus-within{border-color:var(--cobalt);box-shadow:0 0 0 3px #3157e81f}.auth-input-wrap input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.auth-submit{width:100%;margin-top:7px}.auth-switch{color:var(--cobalt);cursor:pointer;background:0 0;border:0;margin:20px auto 0;font-size:13px;font-weight:650}.auth-status{color:#a33b35;text-align:center;opacity:0;min-height:20px;margin:16px 0 0;font-size:12px;line-height:1.4}.auth-status.is-visible{opacity:1}.auth-setup-state{border:1px dashed var(--line-strong);background:#f5f3ea;border-radius:14px;justify-items:start;gap:11px;padding:28px;display:grid}.auth-setup-state svg{color:var(--cobalt)}.auth-setup-state strong{font-size:18px}.auth-setup-state p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.stats-screen{width:min(1240px,100%);margin:0 auto;padding:28px 0 72px}.stats-screen--centered{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:620px;display:flex}.stats-screen--centered h1{letter-spacing:-.05em;margin:20px 0 10px;font-size:42px}.stats-screen--centered>p{max-width:520px;color:var(--muted);margin:0}.stats-empty-actions{gap:12px;margin-top:26px;display:flex}.stats-topbar{justify-content:space-between;align-items:center;display:flex}.stats-topbar-actions{align-items:center;gap:9px;display:flex}.stats-signout,.site-metrics-link{border:1px solid var(--line);background:var(--surface);cursor:pointer;color:var(--muted);font-family:var(--mono);border-radius:8px;align-items:center;gap:7px;padding:8px 12px;font-size:11px;display:inline-flex}.site-metrics-link{color:var(--cobalt-dark);background:#3157e814;border-color:#3157e84d;font-weight:600}.site-metrics-link:hover{border-color:var(--cobalt);background:#3157e821}.stats-hero{color:#fff;box-shadow:var(--shadow);background:radial-gradient(circle at 78% 10%,#b8d9366b,#0000 22%),linear-gradient(135deg,#182047,#3157e8 70%,#2444bd);border-radius:20px;justify-content:space-between;align-items:end;gap:32px;margin-top:18px;padding:42px 46px;display:flex;overflow:hidden}.stats-eyebrow{font-family:var(--mono);letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:600}.stats-hero h1{letter-spacing:-.06em;margin:18px 0 10px;font-size:clamp(38px,5vw,64px);line-height:.98}.stats-hero p{color:#ffffffb3;font-family:var(--mono);margin:0;font-size:12px}.stats-rank{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070c2342;border:1px solid #ffffff47;border-radius:14px;min-width:165px;padding:20px 22px}.stats-rank span{color:#ffffffb8;font-family:var(--mono);text-transform:uppercase;font-size:10px;display:block}.stats-rank strong{color:var(--lime);letter-spacing:-.05em;margin-top:6px;font-size:42px;display:block}.stats-error{color:#8b312b;background:#fff0ef;border:1px solid #d99a95;border-radius:10px;margin:18px 0 0;padding:12px 16px;font-size:13px}.stats-metric-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:22px;display:grid}.stats-metric-grid article{border:1px solid var(--line);background:#fffef9d1;border-radius:16px;flex-direction:column;min-height:190px;padding:24px;display:flex}.stats-metric-grid svg{width:22px;height:22px;color:var(--cobalt);margin-bottom:24px}.stats-metric-grid span{color:var(--muted);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.stats-metric-grid strong{letter-spacing:-.05em;margin-top:6px;font-size:38px;line-height:1}.stats-metric-grid small{color:var(--muted);margin-top:auto;font-size:11px}.recent-runs{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:22px;overflow:hidden}.recent-runs-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:23px 26px;display:flex}.recent-runs-heading span{color:var(--cobalt);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:600}.recent-runs-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:24px}.recent-runs-heading .sync-state{color:var(--lime-dark)}.runs-table-wrap{overflow-x:auto}.runs-table{border-collapse:collapse;width:100%;font-size:13px}.runs-table th,.runs-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #ece9df;padding:15px 26px}.runs-table th{color:var(--muted);font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px}.runs-table td:first-child{color:var(--cobalt);font-weight:700}.runs-table tbody tr:last-child td{border-bottom:0}.stats-empty-run{text-align:center;justify-items:center;padding:58px 24px;display:grid}.stats-empty-run svg{color:var(--cobalt)}.stats-empty-run h3{margin:16px 0 6px;font-size:23px}.stats-empty-run p{color:var(--muted);margin:0 0 22px;font-size:13px}.site-metrics-screen{width:min(1240px,100%);margin:0 auto;padding:28px 0 72px}.metrics-topbar{justify-content:space-between;align-items:center;display:flex}.metrics-refresh-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;font-family:var(--mono);border-radius:9px;align-items:center;gap:8px;padding:9px 13px;font-size:10px;font-weight:600;display:inline-flex}.metrics-refresh-button:hover:not(:disabled){border-color:var(--cobalt);color:var(--cobalt-dark)}.metrics-hero{color:#fff;min-height:310px;box-shadow:var(--shadow);background:radial-gradient(circle at 80% 0,#b8d93642,#0000 28%),radial-gradient(circle at 8% 100%,#3157e86b,#0000 34%),linear-gradient(138deg,#111829,#172344 58%,#1e3150);border:1px solid #ffffff1f;border-radius:20px;justify-content:space-between;align-items:end;gap:40px;margin-top:18px;padding:46px 48px;display:flex;position:relative;overflow:hidden}.metrics-hero:after{content:"";border:1px solid #ffffff1a;border-radius:50%;width:340px;height:340px;position:absolute;top:-190px;right:14%;box-shadow:0 0 0 46px #ffffff06,0 0 0 92px #ffffff05}.metrics-hero>*{z-index:1;position:relative}.metrics-eyebrow{color:var(--lime);font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:600;display:inline-flex}.metrics-hero h1{letter-spacing:-.065em;max-width:700px;margin:18px 0 10px;font-size:clamp(44px,5.4vw,72px);line-height:.94}.metrics-hero p{color:#ffffffa3;max-width:600px;margin:0;font-size:14px}.metrics-connection{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#060c1966;border:1px solid #ffffff2e;border-radius:14px;grid-template-columns:auto 1fr;align-items:center;gap:3px 10px;min-width:205px;padding:18px 20px;display:grid}.metrics-connection svg{grid-row:1/3}.metrics-connection span{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;font-size:10px;font-weight:600}.metrics-connection small{color:#ffffff8a;font-size:10px}.metrics-connection.is-connected svg{color:var(--lime)}.metrics-connection.is-offline svg{color:var(--coral)}.metrics-error{color:#8b312b;background:#fff0ef;border:1px solid #d99a95;border-radius:11px;justify-content:space-between;align-items:center;gap:18px;margin-top:18px;padding:14px 16px;display:flex}.metrics-error div{gap:2px;display:grid}.metrics-error strong{font-size:13px}.metrics-error span{font-size:12px}.metrics-error button{cursor:pointer;font-family:var(--mono);text-transform:uppercase;background:0 0;border:1px solid;border-radius:7px;flex:none;padding:7px 11px;font-size:9px;font-weight:600}.operator-metric-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:22px;display:grid}.operator-metric-card{border:1px solid var(--line);background:#fffef9db;border-radius:18px;flex-direction:column;min-height:290px;padding:30px;display:flex;position:relative;overflow:hidden}.operator-metric-card--live{background:radial-gradient(circle at 92% 12%,#b8d93638,#0000 26%),#fffef9e6;border-color:#588c1552}.operator-metric-icon{width:44px;height:44px;color:var(--cobalt);background:#3157e81a;border-radius:12px;place-items:center;margin-bottom:36px;display:grid}.operator-metric-card--live .operator-metric-icon{color:var(--lime-dark);background:#b8d93638}.operator-metric-icon svg{width:22px;height:22px}.operator-metric-card>span{color:var(--muted);font-family:var(--mono);letter-spacing:.09em;text-transform:uppercase;font-size:10px;font-weight:600}.operator-metric-card>strong{letter-spacing:-.07em;margin-top:8px;font-size:clamp(62px,7vw,92px);line-height:.88}.operator-metric-card>small{max-width:440px;color:var(--muted);margin-top:auto;font-size:12px}.metrics-notes{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:22px;overflow:hidden}.metrics-notes-heading{border-bottom:1px solid var(--line);padding:23px 26px}.metrics-notes-heading span{color:var(--cobalt);font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;font-size:9px;font-weight:600}.metrics-notes-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:24px}.metrics-note-grid{grid-template-columns:repeat(3,1fr);display:grid}.metrics-note-grid article{border-right:1px solid var(--line);gap:14px;min-height:130px;padding:24px 26px;display:flex}.metrics-note-grid article:last-child{border-right:0}.metrics-note-grid svg{width:20px;height:20px;color:var(--cobalt);flex:none}.metrics-note-grid strong{font-size:13px}.metrics-note-grid p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.result-save-status{border:1px solid var(--line);width:fit-content;min-height:38px;color:var(--muted);font-family:var(--mono);background:#fffef9c7;border-radius:999px;align-items:center;gap:9px;margin:8px auto 20px;padding:8px 10px 8px 13px;font-size:10px;display:flex}.result-save-status svg{width:16px;color:var(--cobalt)}.result-save-status button{background:var(--ink);color:#fff;cursor:pointer;font-family:var(--mono);border:0;border-radius:999px;padding:6px 10px;font-size:9px}.spin{animation:1s linear infinite spin}.pulse{animation:1.15s ease-in-out infinite pulse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.35}}@media (width<=1000px){.auth-layout{grid-template-columns:1fr}.auth-story{padding:48px}.auth-story h1{margin-top:44px}.stats-metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.auth-screen,.stats-screen{padding-top:18px}.auth-story,.auth-card{padding:34px 26px}.auth-story h1{font-size:46px}.auth-benefits{margin-top:38px}.stats-hero{flex-direction:column;align-items:start;padding:30px 26px}.stats-metric-grid{grid-template-columns:1fr}.stats-empty-actions{flex-direction:column;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}