@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Instrument+Serif:ital@0;1&display=swap');
:root{--bg:#f5f6f8;--paper:#fff;--ink:#303c50;--muted:#828b98;--line:#dde2e8;--accent:#ae644b;--accent-hover:#96533d;--blue:#e8edf4;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit}button{cursor:pointer;color:inherit}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}:focus-visible{outline:3px solid #849bb8;outline-offset:4px}textarea:focus-visible{outline:0;box-shadow:inset 0 -2px #8298b5}::selection{background:#e3cdc3;color:#393d44}.skip{position:absolute;top:-100px;left:20px;background:var(--blue);padding:12px;z-index:30}.skip:focus{top:10px}.site-header{max-width:1440px;display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:32px 5%;gap:20px}.brand{display:inline-flex;align-items:center;text-decoration:none;font-size:18px;font-weight:550;letter-spacing:-.7px;white-space:nowrap}.brand-icon{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:10px;color:#647c9d}.brand-icon svg{width:27px;height:27px}.brand-dot{color:var(--accent);margin-left:1px}.plain-button{background:none;padding:5px 0;color:var(--muted);font-size:12px}.plain-button:hover{color:var(--ink)}.about-button span{margin-left:10px;font-size:15px}main{max-width:708px;padding:0 24px;margin:0 auto;min-height:calc(100vh - 231px);outline:none}.intro{text-align:center;padding-top:41px;margin-bottom:37px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:9px;font-size:9px;font-weight:550;letter-spacing:2.4px;color:#8c96a3}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#b6c3d3}h1{font:400 clamp(48px,5.8vw,76px)/1.01 var(--serif);letter-spacing:-1.4px;margin:24px 0 22px}h1 em{font-weight:400;color:#72859f}.intro-description{font-size:14px;line-height:1.85;color:#87909c;letter-spacing:.05px}.decision-form{background:var(--paper);border:1px solid #dfe4e9;border-radius:14px;box-shadow:0 5px 24px #2d426505;padding:26px 29px 20px}.question-label{font-size:14px;font-weight:550;display:block;margin-bottom:11px;letter-spacing:-.2px}textarea{width:100%;background:none;resize:vertical;border:0;color:var(--ink);padding:4px 0;min-height:94px;max-height:250px;line-height:1.8;font-size:16px;outline:none}textarea::placeholder{color:#adb4be}.question-hint{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#9aa2ae;margin:5px 0 20px}.context-details{border-top:1px solid #edf0f3;margin:0 0 24px}.context-details>summary{list-style:none;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:11px;color:#7d8898;padding:17px 0 0}.context-details>summary::-webkit-details-marker{display:none}.optional{color:#a3acb9;font-size:9px}.details-plus{margin-left:auto;font-size:16px;line-height:1;color:#98a4b4}.context-details[open] .details-plus{transform:rotate(45deg)}.context-body{padding-top:18px}.context-body>label{font-size:11px;display:block;color:#8590a0}.context-body textarea{font-size:13px;min-height:67px;margin-top:6px}.preferences{display:flex;flex-direction:column;gap:10px;font-size:11px;color:#8390a1;margin-top:12px}.preferences label{display:flex;gap:8px;align-items:center;cursor:pointer}.preferences input{accent-color:#7187a4;width:13px;height:13px;margin:0}.primary-button{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;padding:14px 24px;background:var(--accent);color:#fff;border-radius:7px;font-size:13px;font-weight:500;transition:background .2s,transform .2s}.primary-button:hover{background:var(--accent-hover);transform:translateY(-1px)}.primary-button svg{width:19px;height:19px}.form-footnote{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;font-size:9px;line-height:1.8;color:#9aa3af;margin-top:14px}.dot-separator{color:#c2c8d1}.examples{text-align:center;margin:24px 0 0}.examples>p{font-size:10px;color:#9da5b1;margin-bottom:7px}.examples>div{display:flex;justify-content:center;align-items:center;gap:11px;flex-wrap:wrap}.examples>div button{background:none;font-size:11px;padding:4px 0;color:#7b889b;transition:color .2s}.examples>div button:hover{color:var(--accent)}.examples>div>span{font-size:10px;color:#c4cbd4}.sample-button{margin-top:14px;background:none;color:#98a3b1;font-size:10px;padding:5px;text-decoration:underline;text-underline-offset:4px}.sample-button span{margin-left:5px}.gentle-note{text-align:center;margin:35px 0 35px;font:400 18px var(--serif);color:#9aa5b4}.gentle-note>span{font-family:var(--sans);font-size:19px;margin-right:7px;color:#a8b5c5}.site-footer{max-width:1320px;margin:0 auto;padding:20px 5% 24px;border-top:1px solid #e7eaf0;color:#a5adba;font-size:9px}.site-footer>div{display:flex;align-items:center;justify-content:space-between;gap:20px}.site-footer .plain-button{font-size:10px}.site-footer>p{font-size:8px;margin-top:6px;color:#adb5c1}.error{background:#faf0eb;border:1px solid #e9cfc3;color:#96583e;border-radius:9px;padding:15px 18px;font-size:12px;line-height:1.8;margin:20px 0}.thinking{text-align:center;padding:100px 10px 125px}.breathing-dot{width:15px;height:15px;border-radius:50%;background:#8e9fb6;margin:0 auto 35px;box-shadow:0 0 0 14px #e8edf3;animation:breathe 2.5s ease-in-out infinite}.thinking h2{font:400 37px var(--serif);letter-spacing:-.5px}.thinking p{margin-top:12px;font-size:12px;color:#909aaa}.result-view{padding-top:25px;outline:none;animation:arrive .35s ease-out}.result-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:31px;gap:15px}.result-top .plain-button{font-size:11px;color:#8e9aaa}.sample-label{font-size:9px;color:#9e826a;background:#f1e9df;padding:4px 9px;border-radius:4px}.result-intro{font:400 47px/1.1 var(--serif);text-align:center;letter-spacing:-.6px;margin:0 0 29px}.answer{background:#fff;border:1px solid var(--line);border-radius:14px;padding:31px}.answer-eyebrow{font-size:9px;letter-spacing:1.8px;color:#91a0b2;margin-bottom:17px}.answer h2{font:400 38px/1.13 var(--serif);letter-spacing:-.6px;max-width:550px}.answer-reason{font-size:13px;line-height:1.95;color:#7e8b9c;margin:19px 0 23px}.next-step{padding:20px 22px;background:#edf1f6;border-radius:8px;display:flex;align-items:flex-start;gap:15px}.next-step>span{color:#8b9eb8;font-size:20px;line-height:1.4}.next-step strong{font-size:10px;letter-spacing:.3px;font-weight:550;color:#7688a0;display:block;margin-bottom:7px}.next-step p{font-size:13px;line-height:1.85;color:#536780}.answer-details{border-top:1px solid #edf0f4;margin-top:24px}.answer-details>summary{cursor:pointer;list-style:none;font-size:11px;color:#8291a5;padding:17px 0 0;display:flex;justify-content:space-between;gap:10px}.answer-details>summary::-webkit-details-marker{display:none}.answer-details>summary>span{font-size:16px;line-height:1}.answer-details[open]>summary>span{transform:rotate(45deg)}.comparison{padding-top:21px}.comparison-item+.comparison-item{border-top:1px solid #edf0f4;padding-top:17px;margin-top:17px}.comparison h3{font-size:13px;font-weight:550;margin-bottom:9px}.comparison p{font-size:11px;color:#8995a5;line-height:1.85;margin-top:7px}.comparison p strong{color:#6e7f94;font-weight:500}.change-if{font-size:11px;color:#8593a6;line-height:1.85;border-top:1px solid #edf0f4;padding-top:17px;margin-top:20px}.change-if strong{font-weight:500;color:#6a7c95;display:block;margin-bottom:4px}.assumptions{font-size:10px!important;color:#a0aab7!important;margin-top:14px!important}.shopping-links{padding-top:16px;margin-top:18px;border-top:1px solid #edf0f4}.shopping-links>p{font-size:11px;color:#8a97a8;margin-bottom:7px}.shopping-links a{display:block;font-size:11px;color:#6f829c;text-underline-offset:4px;margin:8px 0}.shopping-links small{font-size:9px;color:#a1aab6;display:block;line-height:1.8;margin-top:10px}.result-reassurance{text-align:center;font-size:10px;color:#a0a9b6;margin-top:17px}.result-actions{display:flex;gap:20px;justify-content:center;margin:19px 0 24px}.result-actions .plain-button{font-size:11px;color:#8694a7}.reconsider{padding:23px;background:#ecf0f5;border-radius:10px;margin:20px 0;border:1px solid #dee5ed}.reconsider label{font:400 27px var(--serif);display:block;margin-bottom:7px}.reconsider p{font-size:11px;color:#8b98aa}.reconsider textarea{font-size:13px;margin:14px 0 9px;min-height:73px;max-height:150px}.reconsider-actions{display:flex;align-items:center;gap:17px}.reconsider .primary-button{width:auto;font-size:11px;padding:11px 20px}.reconsider .plain-button{font-size:11px}.new-decision{display:block;margin:15px auto 0;font-size:11px;background:none;color:#8c99ab;text-decoration:underline;text-underline-offset:4px;padding:8px}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);max-width:calc(100% - 30px);width:max-content;border:1px solid #d7e0eb;background:#eaf0f6;color:#61748d;box-shadow:0 6px 25px #2e496210;padding:12px 20px;border-radius:8px;font-size:12px;z-index:50}dialog{border:1px solid #d5dfec;border-radius:14px;padding:30px;background:var(--bg);color:var(--ink);max-width:490px;width:calc(100% - 36px);box-shadow:0 25px 100px #1e34492a}dialog::backdrop{background:#293c5266;backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.dialog-heading .eyebrow{font-size:8px;letter-spacing:1.5px}.close-dialog{font-size:26px;background:none;line-height:1;padding:1px 5px;color:#98a5b6}dialog h2{font:400 40px/1.05 var(--serif);letter-spacing:-.5px;margin-bottom:23px}dialog p:not(.eyebrow){font-size:12px;line-height:1.95;color:#8190a4;margin-top:15px}@keyframes breathe{50%{opacity:.5;transform:scale(.8);box-shadow:0 0 0 19px #e8edf3}}@keyframes arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1450px){.intro{padding-top:65px}main{min-height:calc(100vh - 231px)}}
@media(max-width:700px){.site-header{padding:23px 23px}.brand{font-size:16px}.brand-icon{width:24px;margin-right:8px}.brand-icon svg{width:25px}.about-button{font-size:10px}.about-button span{margin-left:5px}main{max-width:590px;padding:0 22px}.intro{padding-top:27px;margin-bottom:29px}.eyebrow{font-size:8px;letter-spacing:2px}h1{font-size:59px;margin:23px 0 19px;letter-spacing:-1px}.intro-description{font-size:13px}.decision-form{padding:23px 22px 18px}.question-label{font-size:13px}textarea{font-size:15px;min-height:89px}.question-hint{font-size:9px;line-height:1.8}.context-details>summary{font-size:10px;gap:7px}.optional{font-size:8px}.form-footnote{font-size:8px;gap:6px}.examples{margin-top:22px}.gentle-note{margin:30px 0}.site-footer{padding:17px 23px 23px;font-size:8px}.result-view{padding-top:20px}.result-intro{font-size:42px}.answer{padding:25px}.answer h2{font-size:34px}.answer-reason{font-size:12px}.next-step{padding:17px;gap:11px}.next-step p{font-size:12px}}
@media(max-width:390px){.site-header{padding:21px 17px}.brand{font-size:15px}.about-button{font-size:9px}main{padding:0 17px}h1{font-size:51px}.decision-form{padding:21px 18px 17px}.optional{display:none}.question-hint{font-size:8px}.primary-button{font-size:12px}.examples>div{gap:7px}.examples>div button{font-size:10px}.answer{padding:23px}.answer h2{font-size:31px}.result-actions{gap:16px}}
/* Calm should still be easy to read. Keep small text legible and controls comfortable. */
:root{--muted:#64728a;--accent:#a75f47}
.intro-description,.eyebrow,.plain-button,.question-hint,.context-details>summary,.optional,.context-body>label,.preferences,.form-footnote,.examples>p,.examples>div button,.sample-button,.gentle-note,.site-footer,.site-footer>p,.result-top .plain-button,.answer-eyebrow,.answer-reason,.answer-details>summary,.comparison p,.comparison p strong,.change-if,.change-if strong,.assumptions,.shopping-links>p,.shopping-links a,.shopping-links small,.result-reassurance,.result-actions .plain-button,.reconsider p,.new-decision,dialog p:not(.eyebrow){color:#64728a}
.question-hint,.form-footnote,.examples>p,.sample-button,.site-footer,.site-footer>p,.answer-eyebrow,.result-reassurance{font-size:11px}.optional{font-size:10px}.eyebrow{font-size:10px}.sample-label{font-size:10px;color:#85684e}.answer-details>summary,.context-details>summary{min-height:44px}.context-body textarea,.reconsider textarea,textarea{font-size:16px}.primary-button{min-height:48px}textarea::placeholder{color:#718097}.thinking p{color:#64728a}.assumptions{color:#64728a!important}.site-footer .plain-button{font-size:11px}.plain-button{min-height:36px}
@media(max-width:700px){.intro-description{font-size:13px}.question-hint,.form-footnote{font-size:10px}.optional{font-size:9px}.about-button{font-size:11px}.examples>div button{font-size:11px}}
@media(min-width:701px){.site-header{padding:24px 5%}.intro{padding-top:24px;margin-bottom:27px}h1{font-size:clamp(48px,5.1vw,68px);margin:20px 0 17px}.intro-description{font-size:13px}}
@media(pointer:coarse){button,.context-details>summary,.answer-details>summary{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}