@font-face{font-family:Inter;src:url('/assets/Inter-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/InterDisplay-SemiBold.woff2') format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:dark;--ground:#090d0b;--surface:#111713;--surface-raised:#19201a;--ink:#f5f6f2;--muted:#b0baae;--accent:#b5e87c;--accent-ink:#15220b;--edge:#ffffff17;--radius:24px;--ease:cubic-bezier(.22,.8,.25,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--ground);color:var(--ink);font-family:Inter,system-ui,sans-serif;font-size:17px;line-height:1.65}body,button,input,select{font-variant-numeric:tabular-nums}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:5px}button,input,select{font:inherit}button,a,input,select,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--accent)}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a{touch-action:manipulation}button:active,.button:active{transform:scale(.98)}button,.button{transition:background .2s var(--ease),transform .2s var(--ease),color .2s var(--ease)}button:hover,.button:hover{filter:brightness(1.08)}img,video{display:block;max-width:100%}img{height:auto}figure{margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;letter-spacing:-.055em;line-height:1.06;text-wrap:balance}h1{font-size:clamp(52px,6.2vw,88px);margin-bottom:26px}h2{font-size:clamp(34px,4vw,54px);margin-bottom:22px}h3{font-size:27px;margin-bottom:16px}p{text-wrap:pretty;margin-bottom:22px}.muted,small,figcaption{color:var(--muted)}small,figcaption{font-size:14px;line-height:1.65}figcaption{margin-top:14px}.wrap{width:min(1320px,calc(100% - 80px));margin-inline:auto}.copy{max-width:690px}.lead{font-size:20px;line-height:1.6;color:var(--muted);max-width:590px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:28px 0}.wordmark{font-weight:600;font-size:25px;letter-spacing:-.065em;text-decoration:none;white-space:nowrap}.wordmark::after{content:'.';color:var(--accent)}.topbar nav{display:flex;align-items:center;gap:28px;font-size:15px}.topbar nav a{text-decoration:none;color:var(--muted);padding-block:8px}.topbar nav a:hover,.topbar nav a[aria-current=page]{color:var(--ink)}.nav-action{color:var(--accent)!important}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--accent);color:var(--accent-ink);z-index:5}.skip:focus{top:12px}.hero{display:grid;grid-template-columns:1fr 1.12fr;gap:46px;align-items:center;padding:58px 0 46px}.hero h1{max-width:10ch}.hero-copy>p:first-of-type{max-width:490px}.actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;background:var(--accent);color:var(--accent-ink);padding:12px 23px;border:0;border-radius:12px;text-decoration:none;font-weight:600}.text-link{font-size:16px;color:var(--muted)}.subpage{padding:55px 0 34px;max-width:900px}.subpage h1{font-size:clamp(48px,6.5vw,78px)}
/* taste-skill-ignore: the user explicitly chose glass UI; this is the real recorded-input/verdict interface. */
.instrument{padding:8px;border:1px solid var(--edge);border-radius:32px;background:#ffffff05;box-shadow:inset 0 1px 0 #ffffff0c}.instrument-inner{border-radius:24px;padding:20px;background:var(--surface);overflow:hidden}.attempt-controls{display:flex;gap:6px;margin-bottom:16px}.attempt-controls button{flex:1;border:0;padding:11px 12px;min-height:44px;border-radius:9px;background:transparent;color:var(--muted);font-size:14px}.attempt-controls button[aria-pressed=true]{background:var(--surface-raised);color:var(--ink)}.attempt-stage{position:relative;overflow:hidden;border-radius:15px;aspect-ratio:16/10;background:var(--ground)}.attempt-stage video{width:100%;height:100%;object-fit:cover}.verdict{position:absolute;right:15px;top:15px;min-width:163px;padding:13px 18px;background:#10180ff2;border-radius:15px;box-shadow:inset 0 0 0 1px #b5e87c35}.verdict small{font-size:13px}.verdict strong{display:block;font-size:53px;line-height:1.15;color:var(--accent);letter-spacing:-.055em;font-weight:600}.verdict span{font-size:14px}.task-line{font-size:14px;color:var(--muted);margin:15px 0 12px}.task-line span{color:var(--ink)}.frame-strip{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.frame-strip img{width:100%;border-radius:5px;aspect-ratio:4/3;object-fit:cover}.recorded-note{font-size:13px;color:var(--muted);margin:12px 0 0;line-height:1.5}.metric-band{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:8px;margin:8px 0 60px}.metric{background:var(--surface);padding:27px 30px;border-radius:16px}.metric strong{font-size:42px;line-height:1.2;letter-spacing:-.05em;font-weight:600;display:block}.metric span{display:block;font-size:14px;color:var(--muted);margin-top:7px}.metric em{font-style:normal;color:var(--accent)}.section{padding:60px 0}.section-heading{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:30px}.section-heading h2{margin:0}.section-heading p{max-width:450px;font-size:16px;color:var(--muted);margin:0}.film{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--surface)}.film video{width:100%;aspect-ratio:16/9}.chart{border-radius:var(--radius);width:100%;background:var(--surface)}.chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.chart-grid+*{margin-top:28px}.chart a{display:block}.full-chart{margin:28px 0}.method{display:grid;grid-template-columns:1fr 2.1fr;gap:45px;align-items:start}.method h2{max-width:10ch}.method .copy p{font-size:17px;color:var(--muted)}.method .copy p strong{font-weight:400;color:var(--ink)}.diagram{margin-top:32px}.result-notes{display:grid;grid-template-columns:1fr 1fr;gap:36px;margin:30px 0}.result-notes p{color:var(--muted);font-size:16px}.result-notes strong{color:var(--ink);font-weight:600}.scale-section{display:grid;grid-template-columns:1fr 1.8fr;gap:38px;align-items:center}.scale-copy p{color:var(--muted);max-width:440px}.paper-board{display:grid;grid-template-columns:1fr 1.35fr;gap:45px;align-items:center;background:var(--surface);border-radius:var(--radius);padding:44px}.paper-board img{width:100%;border-radius:12px}.paper-board p{color:var(--muted)}.paper-board .button{margin-top:12px}.closing{padding:65px 0 80px;display:flex;justify-content:space-between;gap:40px;align-items:center}.closing h2{max-width:680px;margin:0}.footer{padding:32px 0 40px;display:flex;justify-content:space-between;gap:32px;color:var(--muted);font-size:14px}.footer p{margin:0;max-width:650px}.footer-links{display:flex;gap:22px;align-items:start;flex-wrap:wrap}.footer-links a{white-space:nowrap}.diagram-link{display:block}.section-link{color:var(--accent);font-size:16px}.table-scroll{overflow:auto;max-width:100%;border-radius:18px;background:var(--surface)}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;padding:16px 18px;border-bottom:1px solid var(--edge);vertical-align:top}th{color:var(--muted);font-weight:400;white-space:nowrap}.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.highlight td{background:#b5e87c10;color:var(--accent)}.table-scroll tbody tr:last-child td{border-bottom:0}.filters{display:flex;gap:16px;flex-wrap:wrap;align-items:end;margin:24px 0}.field{display:flex;flex-direction:column;gap:7px;font-size:14px;color:var(--muted)}.field.grow{flex:1;min-width:220px}input,select{background:var(--surface);color:var(--ink);border:1px solid var(--edge);border-radius:10px;padding:12px;min-height:48px;max-width:100%}select{min-width:170px}.tabs{display:flex;gap:7px;margin-bottom:25px}.tabs button{border:0;border-radius:10px;background:var(--surface);color:var(--muted);min-height:47px;padding:10px 23px}.tabs button[aria-pressed=true]{background:var(--accent);color:var(--accent-ink)}.pagination{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:24px 0}.pagination button{border:0;border-radius:10px;padding:12px 20px;background:var(--surface-raised);color:var(--ink);min-height:46px}.source{display:block;font-size:13px;margin-top:8px;overflow-wrap:anywhere}.prob{display:flex;align-items:center;gap:10px;justify-content:flex-end}.track{width:52px;height:5px;background:var(--surface-raised);border-radius:99px;overflow:hidden}.track i{height:100%;display:block;background:var(--accent)}.badge{font-size:13px;padding:4px 9px;white-space:nowrap;background:var(--surface-raised);border-radius:7px}.empty,.loading{padding:50px 24px;color:var(--muted)}.empty{text-align:center}.error{color:#f7bbb1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 45px}.stats .metric strong{font-size:35px}details{margin:24px 0;padding:22px 26px;background:var(--surface);border-radius:16px}summary{cursor:pointer}details p{margin-top:18px;font-size:16px;color:var(--muted)}.demo-note{padding:22px 26px;background:var(--surface);border-radius:16px;margin:20px 0;color:var(--muted);font-size:16px}.demo-note a{color:var(--accent)}.live-demo{background:var(--ground);border-radius:var(--radius);overflow:hidden;min-height:750px}.live-demo iframe{width:100%;height:1250px;display:block;border:0}.live-demo+.demo-note{margin-top:24px}.paper-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:start;padding:55px 0 50px}.paper-hero h1{font-size:clamp(44px,5vw,66px);max-width:12ch}.paper-hero img{width:100%;border-radius:18px}.paper-title{font-size:21px;line-height:1.5;color:var(--muted)}.paper-abstract{max-width:780px;margin:20px 0 45px;font-size:18px;line-height:1.8}.citation{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface);padding:27px;border-radius:16px;font-size:14px;line-height:1.7}.citation-action{border:0;background:var(--surface-raised);color:var(--ink);min-height:46px;border-radius:9px;padding:11px 20px}.copy-status{font-size:14px;color:var(--accent);margin-left:18px}.not-found{padding:90px 0 160px;max-width:700px}.noscript-note{padding:20px;background:var(--surface)}[hidden]{display:none!important}
@keyframes settle{from{opacity:.25;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){.hero-copy,.instrument{animation:settle .75s var(--ease) both}.instrument{animation-delay:.1s}.reveal{transition:transform .75s var(--ease),opacity .75s var(--ease)}.reveal.awaiting{opacity:.15;transform:translateY(18px)}}
@media(min-width:1700px){.wrap{max-width:1440px}}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.hero{gap:26px}.hero h1{font-size:64px}.metric{padding:24px}.section-heading{display:block}.section-heading p{margin-top:18px;max-width:650px}.method{grid-template-columns:1fr 1.5fr;gap:25px}.scale-section{grid-template-columns:1fr 1.3fr}.topbar nav{gap:21px}.paper-board{padding:30px;gap:28px}}
@media(max-width:700px){.wrap{width:calc(100% - 36px)}.topbar{flex-wrap:wrap;gap:15px;padding:20px 0}.wordmark{font-size:25px}.topbar nav{gap:23px;width:100%;overflow:visible;font-size:14px;justify-content:space-between}.topbar nav a{padding:6px 0}.hero{display:flex;flex-direction:column;gap:28px;padding:33px 0 25px;align-items:stretch}.hero h1{font-size:58px;max-width:11ch;margin-bottom:20px}.lead{font-size:18px;line-height:1.6}.actions{margin-top:24px;gap:22px}.instrument{padding:6px;border-radius:25px}.instrument-inner{padding:13px;border-radius:19px}.attempt-controls button{font-size:13px;padding:10px 6px}.attempt-stage{aspect-ratio:4/3}.verdict{right:11px;top:11px;min-width:125px;padding:11px 14px}.verdict strong{font-size:44px}.frame-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.metric-band{grid-template-columns:1fr 1fr;margin-bottom:25px}.metric{padding:19px 20px;border-radius:13px}.metric-band .metric:last-child{grid-column:1/-1;display:flex;align-items:center;gap:20px}.metric strong{font-size:35px}.metric span{font-size:13px}.metric-band .metric:last-child span{margin:0}.section{padding:35px 0}.section-heading{margin-bottom:24px}h2{font-size:36px;max-width:16ch}.film,.chart{border-radius:16px}.chart-grid{grid-template-columns:1fr;gap:18px}.method{display:block}.method h2{max-width:15ch}.diagram{margin-top:22px}.result-notes{display:block}.result-notes p{font-size:16px;margin-bottom:22px}.scale-section{display:block}.scale-copy p{max-width:none}.paper-board{display:flex;flex-direction:column;gap:25px;padding:23px;align-items:stretch}.paper-board img{max-height:340px;object-fit:cover;object-position:top}.closing{padding:35px 0 45px;display:block}.closing h2{font-size:36px}.closing .actions{margin-top:25px}.footer{display:block;padding-bottom:28px;font-size:13px}.footer-links{margin-top:24px;gap:20px}.stats{gap:6px;margin-bottom:30px}.stats .metric{padding:16px 10px}.stats .metric strong{font-size:27px}.stats .metric span{font-size:12px}.subpage{padding:32px 0 20px}.subpage h1{font-size:48px}.filters{display:block;margin:18px 0}.field{margin-top:14px}.field input,.field select{width:100%;min-width:0}.tabs button{flex:1;padding:10px 12px}.pagination{font-size:14px}.pagination button{padding:11px 14px}.source{font-size:12px}.table-scroll table{min-width:690px}details{padding:20px}.demo-note{padding:20px}.live-demo{border-radius:16px}.live-demo iframe{height:1550px}.paper-hero{display:flex;flex-direction:column;padding:33px 0 20px;gap:30px}.paper-hero h1{font-size:49px;max-width:12ch}.paper-hero img{max-height:430px;object-fit:cover;object-position:top}.paper-title{font-size:18px}.citation{font-size:12px;padding:20px}.copy-status{display:block;margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal.awaiting{opacity:1;transform:none}}

@media(max-width:700px){body[data-page=data] .table-scroll{background:transparent;overflow:visible}body[data-page=data] .table-scroll table{min-width:0;display:block}body[data-page=data] .table-scroll thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body[data-page=data] .table-scroll tbody{display:grid;gap:12px}body[data-page=data] .table-scroll tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--surface);padding:20px;border-radius:16px}body[data-page=data] .table-scroll td{display:block;padding:0;border:0;min-width:0;white-space:normal;text-align:left;font-size:15px}body[data-page=data] .table-scroll td:first-child,body[data-page=data] .table-scroll td:nth-child(2){grid-column:1/-1}body[data-page=data] td[data-label]::before{content:attr(data-label);display:block;color:var(--muted);font-size:13px;margin-bottom:6px;overflow-wrap:anywhere}body[data-page=data] .prob{justify-content:flex-start;font-size:17px}body[data-page=data] .track{width:34px}body[data-page=data] .source{font-size:12px;line-height:1.6}body[data-page=data] .badge{font-size:13px}}