@font-face{font-family:PlexJP;src:url(fonts/PlexJP.ttf)}@font-face{font-family:Plex;src:url(fonts/Plex.ttf);font-weight:100 900}@font-face{font-family:Inter;src:url(fonts/Inter.ttf);font-weight:100 900}:root{--paper:#F7F5F0;--ink:#20232A;--blue:#1C64D9;--gray:#5C6370;--orange:#E8590C}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 PlexJP,Plex,sans-serif;font-weight:500}html[lang=en] body{font-family:Plex,PlexJP,sans-serif}button,input{font:inherit}button{min-height:46px;border:1px solid #c8c7c2;border-radius:8px;padding:9px 16px;background:#fff;color:var(--ink);cursor:pointer;line-height:1.35}button:hover{border-color:var(--blue)}button:focus-visible,input:focus-visible,summary:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}button.primary{color:#fff;background:var(--blue);border-color:var(--blue)}button:disabled{opacity:.5;cursor:default}header{max-width:1080px;margin:auto;padding:22px 24px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid #dedbd3}.brand{color:var(--blue);font-size:22px;text-decoration:none}.brand span{font-family:Inter;font-size:16px}main{max-width:1000px;margin:auto;padding-bottom:40px}.heading{padding:34px 24px 16px}h1{font-size:30px;line-height:1.35;margin:6px 0 12px}h2{font-size:23px;line-height:1.5}p{margin:12px 0}.eyebrow{color:var(--blue);font:13px Inter;letter-spacing:.16em}#intro{color:var(--gray)}nav{display:flex;flex-wrap:wrap;gap:8px;padding:16px 24px}nav button[aria-selected=true]{background:var(--ink);color:white;border-color:var(--ink)}.experiment{padding:0}#question{padding:0 24px;text-align:center;margin:16px 0 0}#stage{width:100%;line-height:0}#stage svg{display:block;width:100%;height:auto;aspect-ratio:1000/760}#stage.tall svg,#stage.match svg{aspect-ratio:1}.controls{padding:12px 24px 24px;max-width:780px;margin:auto}.row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.choices button{flex:1;min-width:65px}.answer{color:var(--orange);margin:12px 0}.slider{margin:16px 0 24px}.slider label{display:block;margin-bottom:8px}.slider .track{display:flex;gap:14px;align-items:center}.slider input{width:100%;min-width:0;accent-color:var(--ink);height:44px;cursor:pointer}.slider button{width:48px;flex-shrink:0;font:24px Inter;padding:6px}details{border-top:1px solid #d8d5cd;margin-top:18px;padding-top:14px}summary{cursor:pointer;min-height:44px;color:var(--blue)}.note,.progress{color:var(--gray)}.progress{font:22px Inter;text-align:center;margin-top:0}.settings{background:#eeece6;padding:14px;border-radius:8px}.measure-entry,#notebook,#results,#sources,footer{margin:18px 24px;padding:22px 0;border-top:1px solid #d8d5cd}#results:empty{display:none}.measure-entry{padding:24px;border:1px solid #d8d5cd;border-radius:10px;background:#fff9}.results-graph{width:100%;height:auto;display:block}.values{padding:12px 0;border-bottom:1px solid #dedbd3}.values strong{display:block}.tag{display:inline-block;background:#e7edf8;color:var(--blue);padding:2px 8px;border-radius:4px}.record{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}a{color:var(--blue);overflow-wrap:anywhere}.link-result{width:100%;padding:10px;word-break:break-all;border:1px solid #ddd;line-height:1.5}footer{color:var(--gray);font-size:14px}#sourceText{color:var(--gray)}.sourceLinks a{display:block;margin:8px 0}#tabs:empty{display:none}@media(max-width:599px){header{padding:16px}.heading{padding:24px 16px 12px}h1{font-size:26px}h2{font-size:20px}#question{padding:0 16px}nav{padding:12px 16px}.controls{padding:10px 16px 20px}.measure-entry,#notebook,#results,#sources,footer{margin:16px}button{padding:10px 12px}.choices{gap:5px}.choices button{font-size:16px;min-width:0;padding:10px 5px}.measure-entry{padding:18px}#tabs button,#bottomTabs button{flex:1;font-size:15px}}