:root{--color-bg: #faf8f4;--color-bg-secondary: #f2ede4;--color-bg-tertiary: #e8e0d4;--color-surface: #ffffff;--color-text: #1c1711;--color-text-secondary: #4a3f35;--color-text-muted: #7a6e65;--color-border: #ddd5c8;--color-border-strong:#bfb4a8;--color-ink: #1c1711;--color-accent: #5c3d1e;--color-accent-bg: #f5ede0;--color-warning: #7a4a00;--color-warning-bg: #fef3db;--color-info: #1a4a7a;--color-info-bg: #e8f1fb;--color-danger: #8b2020;--color-danger-bg: #fbeaea;--color-success: #1e5c35;--color-success-bg: #eaf5ee;--font-serif: Georgia, "Times New Roman", serif;--font-sans: system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--max-width: 700px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--color-bg: #1a1510;--color-bg-secondary: #231e18;--color-bg-tertiary: #2e2820;--color-surface: #231e18;--color-text: #f0ebe2;--color-text-secondary: #c8bfb5;--color-text-muted: #8a8078;--color-border: #3a3228;--color-border-strong:#52483e;--color-ink: #f0ebe2;--color-accent: #c8956a;--color-accent-bg: #2e1e0e;--color-warning: #f0b870;--color-warning-bg: #2e1e00;--color-info: #90b8e8;--color-info-bg: #0a1e35;--color-danger: #e89090;--color-danger-bg: #2e0a0a;--color-success: #80c898;--color-success-bg: #0a2018;color-scheme:dark}}[data-theme=dark]{--color-bg: #1a1510;--color-bg-secondary: #231e18;--color-bg-tertiary: #2e2820;--color-surface: #231e18;--color-text: #f0ebe2;--color-text-secondary: #c8bfb5;--color-text-muted: #8a8078;--color-border: #3a3228;--color-border-strong:#52483e;--color-ink: #f0ebe2;--color-accent: #c8956a;--color-accent-bg: #2e1e0e;--color-warning: #f0b870;--color-warning-bg: #2e1e00;--color-info: #90b8e8;--color-info-bg: #0a1e35;--color-danger: #e89090;--color-danger-bg: #2e0a0a;--color-success: #80c898;--color-success-bg: #0a2018;color-scheme:dark}[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.65;min-height:100vh;transition:background-color .2s,color .2s}:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:2px}:focus:not(:focus-visible){outline:none}.skip-link{position:absolute;top:-100%;left:1rem;background:var(--color-ink);color:var(--color-bg);padding:.5rem 1rem;border-radius:var(--radius-sm);font-size:14px;font-weight:500;text-decoration:none;z-index:9999;transition:top .1s}.skip-link:focus{top:.5rem}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.25rem}@media (min-width: 640px){.container{padding:0 2rem}}.topbar{position:sticky;top:0;z-index:100;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:.75rem 1.25rem}@media (min-width: 640px){.topbar{padding:.75rem 2rem}}.topbar-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.topbar-brand{font-family:var(--font-serif);font-style:italic;font-size:15px;color:var(--color-text-muted);text-decoration:none;background:none;border:none;cursor:pointer;padding:0;letter-spacing:.01em}.topbar-brand:hover{color:var(--color-text)}.topbar-controls{display:flex;align-items:center;gap:6px}h1{font-family:var(--font-serif);font-size:clamp(26px,6vw,36px);font-weight:400;line-height:1.2;color:var(--color-text);letter-spacing:-.02em}h2{font-family:var(--font-serif);font-size:clamp(18px,3vw,22px);font-weight:400;line-height:1.3;color:var(--color-text)}h3{font-family:var(--font-sans);font-size:14px;font-weight:600;line-height:1.4;color:var(--color-text);letter-spacing:.01em}p{color:var(--color-text-secondary);font-size:15px}small{font-size:13px;color:var(--color-text-muted)}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}a:hover{text-decoration:none}code{font-family:var(--font-mono);font-size:.85em;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .4em;color:var(--color-text)}.section-label{font-family:var(--font-sans);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:1rem}.hero{padding:3rem 0 2.5rem;border-bottom:1px solid var(--color-border);margin-bottom:3rem}.hero-eyebrow{font-family:var(--font-sans);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted);margin-bottom:1rem;display:block}.hero-title{margin-bottom:1rem}.hero-title .strike{text-decoration:line-through;opacity:.3;font-style:italic}.hero-body{font-size:16px;line-height:1.7;color:var(--color-text-secondary);max-width:540px}.btn{display:inline-flex;align-items:center;gap:.375rem;padding:9px 18px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:transparent;color:var(--color-text);font-family:var(--font-sans);font-size:13px;font-weight:500;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,color .15s;min-height:44px;letter-spacing:.01em}.btn:hover{background:var(--color-bg-secondary);border-color:var(--color-ink)}.btn-primary{background:var(--color-ink);color:var(--color-bg);border-color:var(--color-ink)}.btn-primary:hover{opacity:.82}.btn-small{padding:6px 12px;font-size:12px;min-height:36px}.btn:disabled,.btn[aria-disabled=true]{opacity:.35;cursor:not-allowed;pointer-events:none}.icon-btn{display:flex;align-items:center;gap:5px;padding:6px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);font-family:var(--font-sans);font-size:12px;font-weight:500;cursor:pointer;min-height:34px;transition:background .15s,border-color .15s,color .15s}.icon-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-border-strong);color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem 1.125rem;transition:border-color .15s,background .15s}.card-interactive{cursor:pointer;text-align:left;width:100%;font-family:inherit}.card-interactive:hover{border-color:var(--color-border-strong);background:var(--color-bg-secondary)}.card-icon{width:26px;height:26px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;margin-bottom:.625rem;flex-shrink:0}.card-title{font-family:var(--font-serif);font-size:14px;font-weight:400;color:var(--color-text);margin-bottom:.25rem;line-height:1.35}.card-desc{font-family:var(--font-sans);font-size:12px;color:var(--color-text-muted);line-height:1.45;margin:0}.pill{display:inline-flex;align-items:center;font-family:var(--font-sans);font-size:11px;padding:2px 8px;border-radius:2px;border:1px solid var(--color-border);color:var(--color-text-muted);background:var(--color-bg-secondary);letter-spacing:.02em}.pill-active{border-color:var(--color-border-strong);color:var(--color-text);background:var(--color-surface)}.progress{display:flex;gap:4px;margin-bottom:1.5rem}.progress-step{height:2px;flex:1;border-radius:1px;background:var(--color-border);transition:background .3s}.progress-step.done{background:var(--color-ink)}.progress-step.active{background:var(--color-text-muted)}.alert{border-radius:var(--radius-sm);padding:.625rem .875rem;font-size:13px;line-height:1.6;border-left:3px solid;font-family:var(--font-sans)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning)}.check-item{border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:5px;background:var(--color-surface);overflow:hidden}.check-item-top{display:flex;align-items:flex-start;gap:.625rem;padding:.625rem .875rem;min-height:44px}.check-item-top input[type=checkbox]{width:16px;height:16px;margin-top:3px;flex-shrink:0;cursor:pointer;accent-color:var(--color-accent)}.check-item-body{display:none;padding:0 .875rem .75rem 2.125rem;border-top:1px solid var(--color-border)}.check-item-body.open{display:block}.form-group{margin-bottom:1rem}.form-label{display:block;font-family:var(--font-sans);font-size:13px;font-weight:600;color:var(--color-text);margin-bottom:4px;letter-spacing:.01em}.form-input,.form-textarea,.form-select{width:100%;padding:8px 11px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:14px;min-height:44px;transition:border-color .15s}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-color:var(--color-accent)}.form-textarea{resize:vertical;min-height:96px}.modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem}.modal{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.5rem 1.75rem;width:100%;max-width:460px;max-height:90vh;overflow-y:auto}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.875rem}.modal-close{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);flex-shrink:0;font-size:17px;line-height:1}.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}.divider{border:none;border-top:1px solid var(--color-border);margin:1.5rem 0}.grid-2{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 520px){.grid-2{grid-template-columns:1fr 1fr}}.grid-3{display:grid;grid-template-columns:1fr;gap:8px}@media (min-width: 620px){.grid-3{grid-template-columns:repeat(3,1fr)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}