:root{--paper:#f6f1e8;--paper-deep:#eee4d7;--ink:#2e2b28;--muted:#71675f;--line:#2e2b2824;--blue:#35536c;--gold:#9b7742;--card:#fffcf7b8;--focus:#24455f}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 80% 0%, #fffdf9 0, transparent 33rem), var(--paper);margin:0;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{max-width:46rem;min-height:100dvh;margin:0 auto;padding:1.15rem 1.2rem 3rem}.centered-shell{place-content:center;gap:2rem;min-height:100dvh;display:grid}.topbar{justify-content:space-between;align-items:center;min-height:3.5rem;margin-bottom:2.5rem;display:flex}.wordmark,.brand-mark{color:var(--ink);letter-spacing:-.04em;font-family:Georgia,Times New Roman,serif;font-size:1.4rem;font-weight:600}.wordmark{background:0 0;border:0;padding:.5rem 0}.quiet-control,.text-button,.back-button{color:var(--muted);text-underline-offset:.25rem;background:0 0;border:0;padding:.7rem 0;text-decoration:underline}.screen{animation:.22s ease-out appear}.centered-content{max-width:36rem;margin:0 auto;padding-top:.5rem}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin:0 0 .8rem;font-size:.7rem;font-weight:700}h1,h2,p{margin-top:0}h1,h2{letter-spacing:-.045em;font-family:Georgia,Times New Roman,serif;font-weight:500}h1{max-width:16ch;margin-bottom:1rem;font-size:clamp(2.35rem,10vw,4.25rem);line-height:1.04}h2{margin-bottom:.55rem;font-size:1.45rem;line-height:1.15}p{font-size:1rem;line-height:1.65}.lead{max-width:40rem;color:var(--muted);font-size:1.08rem}.muted{color:var(--muted);font-size:.9rem}.card,.transition-card,.choice-card,.resume-card,.setting-row{border:1px solid var(--line);background:var(--card);border-radius:1.25rem}.safety-card{max-width:38rem;padding:clamp(1.6rem,5vw,3rem)}.safety-card h1{max-width:12ch;font-size:clamp(2.1rem,8vw,3.5rem)}.primary-button,.secondary-button{border-radius:999px;min-height:3.3rem;padding:.78rem 1.25rem;font-weight:650}.primary-button{border:1px solid var(--ink);background:var(--ink);color:#fffdf8}.primary-button:hover{background:#49423b}.primary-button:disabled{cursor:not-allowed;opacity:.45}.secondary-button{border:1px solid var(--line);color:var(--ink);background:0 0}.button-row{flex-wrap:wrap;gap:.65rem;margin-top:1.25rem;display:flex}.safety-card .text-button{margin-top:1rem;display:block}.resume-card{width:100%;color:var(--ink);text-align:left;flex-direction:column;align-items:flex-start;gap:.2rem;margin:1.75rem 0;padding:1.1rem 1.25rem;display:flex}.resume-card span,.transition-index{color:var(--gold);letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;font-weight:700}.transition-list{gap:1rem;margin:2rem 0;display:grid}.transition-card{padding:1.35rem}.transition-card h2{margin:.5rem 0}.transition-card p{margin-bottom:.55rem}.state-group{margin:2.5rem 0}.state-group h2{border-bottom:1px solid var(--line);padding-bottom:.7rem}.experience-row{border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:0 0;grid-template-columns:4.6rem 1fr auto;gap:.7rem;padding:1rem 0;display:grid}.experience-row span,.experience-row em{color:var(--muted);font-size:.78rem;font-style:normal}.experience-row em{text-align:right}.back-button{margin-bottom:2.25rem;display:inline-block}.choice-grid{gap:.75rem;margin:2rem 0 1.25rem;display:grid}.choice-card{min-height:4.25rem;color:var(--ink);text-align:left;padding:1rem 1.2rem;line-height:1.35}.choice-card:hover,.choice-card:focus-visible{border-color:var(--blue);background:#fcfaf5}.preview-card{color:var(--muted);margin:2rem 0;padding:1.2rem}.preview-card p{margin:0}.note-field{color:var(--muted);gap:.5rem;margin-top:2rem;font-size:.9rem;display:grid}.note-field span{color:var(--muted)}.note-field textarea{resize:vertical;border:1px solid var(--line);min-height:6rem;color:var(--ink);background:#ffffff80;border-radius:.85rem;padding:.8rem}.settings-screen{max-width:38rem}.setting-row{justify-content:space-between;align-items:center;gap:1.25rem;margin:1rem 0;padding:1.2rem;display:flex}.setting-row h2{letter-spacing:0;margin:0 0 .4rem;font-family:inherit;font-size:1rem;font-weight:650}.setting-row p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.5}.toggle{border:1px solid var(--line);min-width:4.25rem;min-height:2.5rem;color:var(--ink);background:#fffdf8;border-radius:99rem}.route-list{gap:.6rem;margin:1rem 0 1.5rem;display:grid}.route-choice{border:1px solid var(--line);color:var(--ink);text-align:left;background:0 0;border-radius:.8rem;grid-template-columns:4.5rem 1fr;gap:.75rem;padding:1rem;display:grid}.route-choice span{color:var(--muted);text-transform:uppercase;font-size:.72rem;font-weight:700}.route-choice-selected{border-color:var(--blue);background:#f6fafc}.transition-select{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffdf8;border-radius:.75rem;margin:1rem 0;padding:.9rem}.quiet-loading{min-height:100dvh;color:var(--muted);place-items:center;display:grid}@keyframes appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.app-shell{padding-inline:2rem}.transition-list{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
