:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--radius: 14px;--radius-sm: 10px;--target: 44px;--font: ui-rounded, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg: #f2f2f7;--card: #ffffff;--text: #15151a;--muted: #5c5c68;--line: #d9d9e0;--track: #e3e3e9;--accent: #0b5fd8;--on-accent: #ffffff;--blue: #0b5fd8;--green: #12703a;--orange: #a35200;--red: #c0281c;--tint-green: rgba(18, 112, 58, .14);--tint-orange: rgba(163, 82, 0, .14);--tint-red: rgba(192, 40, 28, .14);--tint-blue: rgba(11, 95, 216, .14);--shadow: 0 1px 2px rgba(0, 0, 0, .07);color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #000000;--card: #1c1c1e;--text: #f5f5f7;--muted: #a8a8b3;--line: #3a3a3d;--track: #3a3a3d;--accent: #5aa2ff;--on-accent: #001a40;--blue: #5aa2ff;--green: #3bd171;--orange: #ffa21a;--red: #ff7168;--tint-green: rgba(59, 209, 113, .16);--tint-orange: rgba(255, 162, 26, .16);--tint-red: rgba(255, 113, 104, .16);--tint-blue: rgba(90, 162, 255, .16);--shadow: none}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{-webkit-text-size-adjust:100%;scroll-padding-top:76px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.5 var(--font);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);padding-bottom:env(safe-area-inset-bottom,0px);overflow-wrap:anywhere}h1,h2,h3{line-height:1.2;margin:0;text-wrap:balance}p{margin:0}a{color:var(--accent)}img,svg{max-width:100%}.wrap{width:100%;max-width:720px;margin:0 auto;padding:0 var(--space-4)}.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip-link{position:absolute;left:var(--space-3);top:-60px;z-index:100;background:var(--card);color:var(--text);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:2px solid var(--accent)}.skip-link:focus{top:var(--space-3)}:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:4px}button,select,input,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.55}.btn{appearance:none;border:2px solid transparent;border-radius:12px;min-height:48px;padding:var(--space-3) var(--space-4);background:var(--accent);color:var(--on-accent);font-weight:700;font-size:1.05rem;width:100%}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(1px)}.btn.secondary{background:var(--tint-blue);color:var(--accent);border-color:var(--accent)}.btn.danger{background:var(--card);color:var(--red);border-color:var(--red)}.btn.small{width:auto;min-height:var(--target);font-size:.95rem;padding:var(--space-2) var(--space-4)}.card{background:var(--card);border-radius:var(--radius);padding:var(--space-4);margin:0 0 var(--space-4);box-shadow:var(--shadow);border:1px solid var(--line)}.card h2{font-size:1.15rem;margin-bottom:var(--space-1)}.hint{color:var(--muted);font-size:.9rem;margin-bottom:var(--space-3)}.muted{color:var(--muted)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(forced-colors:active){.btn{border-color:ButtonText}}
