/* PhanomalY: the same gold artwork and quiet spark as the main website. */
:root{color-scheme:dark;--ink:#f5eedf;--teal:#ebc577;--muted:#bfb4a0;--line:#51422c;--soft:#282015;--white:#17130e;--header-height:106px;color:var(--ink);background:#0a0906;font-family:Arial,"Segoe UI",sans-serif;line-height:1.65}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body{background:radial-gradient(ellipse at 78% 15%,#36220c55,transparent 38%),#0a0906}
a{text-underline-offset:4px}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{background:#1c1710;color:#f5e5c1;border-color:#746039;border-radius:5px;font-weight:500;transition:background .18s,border-color .18s}
button:hover{background:#33281a;border-color:#e8c783}
button.primary{background:linear-gradient(120deg,#f1d49b,#dab36c);color:#271b0d;border-color:#e8c783;font-weight:700}
button.primary:hover{background:#f6deb0}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f0cd83;outline-offset:4px}
.skip-link{position:fixed;left:16px;top:-100px;z-index:80;padding:10px 16px;background:#f1d49b;color:#271b0d}.skip-link:focus{top:12px}
.topbar{position:sticky;top:0;z-index:40;max-width:none;min-height:var(--header-height);padding:10px max(24px,calc((100vw - 1160px)/2));background:#0a0906f5;border-bottom:1px solid #655032;box-shadow:0 8px 30px #0004;backdrop-filter:blur(14px)}
.brand{position:relative;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;width:236px;height:82px;flex:0 0 auto}
.brand img{position:absolute;width:236px;height:auto;top:50%;transform:translateY(-61%);pointer-events:none}
.brand-caption{font-size:9px;font-weight:400;letter-spacing:.27em;color:#d3b479;line-height:1.4;margin-bottom:0}
.header-actions{align-items:center;justify-content:flex-end;gap:8px 18px}
.header-actions button{font-size:13px;min-height:42px}.header-actions .quiet{color:#f0ddaf}
.back-to-phanomaly{font-size:12px;color:#cbbd9f;text-decoration:none;padding:10px 0}.back-to-phanomaly:hover{color:#f0cd83}
main{padding-top:32px;max-width:1240px}.welcome{max-width:1000px;margin:0 auto}
.welcome-heading{display:grid;grid-template-columns:1fr 220px;gap:28px;align-items:center;margin-bottom:12px}
.eyebrow,.time{font-size:10px;font-weight:500;letter-spacing:.18em;color:#e5c789}.eyebrow span{font-size:19px;vertical-align:middle;margin-right:8px}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
h1{font-size:clamp(38px,4.5vw,60px);line-height:1.05;margin:15px 0 15px}h1 em{color:#edcc86;font-weight:400}
.welcome-caption{color:#c6b28d;font-size:14px;margin:0}.intro{max-width:730px;color:#c4bcad;font-size:15px;margin-bottom:28px;line-height:1.8}
.welcome-spark{display:grid;place-items:center;position:relative;width:220px;height:220px;pointer-events:none}
.welcome-spark::before{content:"";position:absolute;inset:28px;border-radius:50%;background:#b7781615;box-shadow:0 0 75px #9a620e25}
.welcome-spark img{width:100%;height:auto;opacity:.8;animation:spark-turn 120s linear infinite}
@keyframes spark-turn{to{transform:rotate(360deg)}}
.choices{gap:24px}.choice-card{position:relative;padding:26px 28px;border:1px solid #655032;border-radius:8px;background:linear-gradient(135deg,#211a10,#100e0a);box-shadow:0 16px 40px #0003}
.choice-card:first-child{border-top:3px solid #ebc577;padding-top:24px}.choice-card h2{font-size:32px;color:#f9e9c7}.choice-card ul{font-size:14px;color:#d2c7b3}.choice-card li::marker{color:#dcb567}.choice-card p{font-size:15px}.pdf-download{font-size:13px;color:#e5c789}.pdf-download span{font-size:11px}
.pdf-note,.review-note{background:#221b12;color:#dacbb0;border:1px solid #4d3c25;border-radius:6px}.pdf-note{font-size:13px}.privacy{font-size:12px;color:#afa590;line-height:1.8;max-width:none}.privacy strong{color:#ddd0b5}
#workspace{gap:32px;padding-top:14px}.sidebar{position:sticky;top:calc(var(--header-height) + 24px);align-self:start}.sidebar .eyebrow{color:#e5c789}#steps button{color:#bfb4a0;line-height:1.6}#steps button[aria-current=step]{background:#332717;color:#f5db9d;border-left:2px solid #edcc86;border-radius:0 5px 5px 0}
.track{height:4px;background:#403322}#progress-fill{background:linear-gradient(90deg,#b78535,#f3d698);transition:width .25s}.aside-note{font-size:12px}.switch{color:#e5c789}
/* Warm paper keeps long-form writing comfortable while the frame stays gold. */
.work-panel{color-scheme:light;--ink:#302418;--teal:#80581e;--muted:#695c4a;--line:#d8c5a3;--soft:#f0e2c5;--white:#fff9eb;background:linear-gradient(120deg,#fff7e7,#f6ecd6);color:var(--ink);border:1px solid #c5a16a;border-radius:7px;padding:32px 38px;box-shadow:0 16px 55px #0005}
.work-panel .eyebrow{color:#80581e}.work-panel h1{font-size:38px;margin-top:14px}.work-panel h2{color:#3d2a14}.section-description{font-size:15px;line-height:1.8}.work-panel .answer-guide{color:#615037;background:#efe1c5;border-color:#b38945;font-size:13px}
.work-panel button{color:#543d1c;background:#fcf5e6;border-color:#bda77e}.work-panel button:hover{background:#ecddbd;border-color:#876323}.work-panel button.primary{background:linear-gradient(120deg,#e9c787,#d7ac61);color:#30200b;border-color:#a37b3d}
.field label,.radio-field legend{font-size:15px}.field .help{font-size:13px;line-height:1.75}.field input:not([type=checkbox]),.field textarea,.field select{background:#fffcf5;color:#302418;border-color:#b9a885;border-radius:4px;line-height:1.55}.field input::placeholder,.field textarea::placeholder{color:#7e705a;opacity:1}.field.checkbox{background:#efe2c9}.field input[type=checkbox],.radio-field input[type=radio],.submit-consent input{accent-color:#8c6528}
.work-panel :is(input,textarea,select,button,a):focus-visible{outline-color:#946317}
.radio-field .radio-option{background:#fffbf1;border-color:#cfbd9b}.radio-field .radio-option:has(input:checked){background:#f0dfbd;border-color:#926922}.radio-field .radio-detail{color:#685a44}
.work-panel .review-note{background:#f0e2c5;color:#604d2f;border-color:#d5bd8e}.review-item{border-color:#dacbb0}.review-item dt{color:#302418}.review-item dd{color:#665641}.submit-panel{background:#f2e6ce;border-color:#c6ae82}.navigation{border-color:#cfbc98}
footer{margin-top:26px;font-size:11px;color:#a79a81}.footer-brand{margin-left:0;color:#dac291;text-decoration:none}footer span{max-width:520px}
@media(max-width:850px){main{padding:24px 20px}.sidebar{position:static;top:auto}.welcome-heading{grid-template-columns:1fr 155px;gap:12px}.welcome-spark{width:155px;height:155px}.header-actions{gap:8px}.back-to-phanomaly{font-size:11px}.brand,.brand img{width:210px}.work-panel{padding:25px}.choices{gap:18px}.choice-card{padding:24px}.choice-card:first-child{padding-top:22px}}
@media(max-width:600px){:root{--header-height:130px}.topbar{padding:6px 20px;gap:0;flex-direction:column;align-items:flex-start}.brand{width:190px;height:66px}.brand img{width:190px}.brand-caption{font-size:8px}.header-actions{width:100%;flex-wrap:nowrap;justify-content:space-between;gap:7px}.header-actions button{padding:8px;font-size:12px;min-height:42px}.back-to-phanomaly{font-size:11px}.welcome-heading{grid-template-columns:minmax(0,1fr) 82px;gap:6px}.welcome-spark{width:82px;height:82px}.welcome .eyebrow{font-size:8px;letter-spacing:.12em}.eyebrow span{font-size:13px;margin-right:3px}h1{font-size:39px}.welcome-caption{font-size:12px}.intro{font-size:14px;line-height:1.75;margin-top:14px}.choices{grid-template-columns:1fr}.choice-card{padding:23px}.work-panel{padding:21px 18px}.work-panel h1{font-size:32px}.work-panel .answer-guide{padding:13px}.sidebar .switch{font-size:12px}.section-description{margin-bottom:22px}.pdf-note{padding:15px}.welcome-heading h1 br{display:none}footer{padding-inline:20px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{:root{color-scheme:light;background:white;color:black}body{background:white;color:black}.skip-link,.welcome-spark{display:none}.work-panel{background:white;color:black;box-shadow:none;border:0;padding:0}.work-panel h1,.work-panel h2,.review-item dt,.review-item dd{color:black}.review-item{border-color:#ddd}}