@import '../src/style.css';
body{background:#eee9d9;color:#263d43}header{position:fixed;z-index:3;left:32px;top:28px;pointer-events:none}header .eyebrow{font-size:9px;font-weight:800;letter-spacing:.19em}header h1{font-size:clamp(30px,4vw,48px);letter-spacing:-.055em;margin:9px 0}header p{font-size:12px;color:#6e7c73;margin:0}nav{position:fixed;z-index:4;right:28px;top:28px;display:flex;gap:5px;background:#fff9ed;padding:7px;border-radius:12px;border:1px solid #d2d8c4}nav button,#resume{border:0;background:transparent;color:#2a454d;padding:11px 15px;border-radius:7px;font-weight:750;cursor:pointer}nav button[aria-pressed=true],#resume{background:#317b83;color:#fff8ec}#status{position:fixed;left:32px;top:144px;font-size:11px;color:#8c6550;pointer-events:none;z-index:4}.labels{position:fixed;bottom:118px;left:5%;right:5%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;pointer-events:none;z-index:3}.labels article{text-align:center;background:#fff9eddb;border:1px solid #d4dbc7;padding:14px;border-radius:12px;backdrop-filter:blur(6px)}.labels span{font-size:8px;letter-spacing:.12em;font-weight:850;color:#7a897d}.labels h2{font-size:21px;letter-spacing:-.04em;margin:7px 0}.labels p{font-size:11px;line-height:1.5;color:#718071;margin:0}.notes{position:fixed;bottom:0;left:0;right:0;max-height:32vh;overflow-y:auto;padding:10px 28px;background:#f4eedfe8;border-top:1px solid #d4dbc7;font-size:10px;line-height:1.6;z-index:4;touch-action:pan-y}.notes>p{margin:0 0 3px}.notes a{color:#27727c}.notes details{margin-top:4px}.notes details p{max-width:850px}.notes summary{cursor:pointer}#pause-panel{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10;background:#f1ecddf0;padding:24px;overflow-y:auto;touch-action:pan-y}#pause-panel[hidden]{display:none}#pause-panel p{max-width:350px;font-size:13px;line-height:1.7}#pause-panel h2{font-size:36px;letter-spacing:-.05em}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #cf876b;outline-offset:3px}@media(max-width:700px){header{left:15px;top:15px}header h1{font-size:26px;line-height:1.1;max-width:170px}header p{display:none}nav{top:15px;right:12px;max-width:170px;flex-wrap:wrap}nav button{padding:9px 10px;font-size:10px}#status{top:110px;left:15px;max-width:350px}.labels{left:2%;right:2%;gap:5px;bottom:139px}.labels article{padding:9px 5px}.labels span{font-size:6px}.labels h2{font-size:14px}.labels p{font-size:9px}.notes{padding:9px 14px;font-size:9px}}@media(max-height:480px){header{top:10px}header h1{font-size:25px;margin:4px 0}header p{display:none}nav{top:12px}.labels{bottom:98px}.labels article{padding:5px}.labels h2{font-size:15px;margin:3px 0}.labels p{display:none}.notes{max-height:85px;padding:5px 16px}#status{top:75px}}