/* Quiet surfaces, softly rounded edges, restrained tactile feedback. */
.primary{background:linear-gradient(145deg,#49738c,#345970);border:1px solid #345970;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff24,0 5px 14px #25445e12;color:#fff;font-weight:500;letter-spacing:.06em;transition:background .2s,box-shadow .2s,transform .18s;min-height:52px}
.secondary{border:1px solid #d8e0e3;border-radius:14px;background:linear-gradient(145deg,#fff,#f6f8f8);color:#65777d;box-shadow:inset 0 1px 0 #fff;transition:transform .18s,background .2s}
.primary:active:not(:disabled),.secondary:active:not(:disabled){transform:translateY(1px) scale(.985);box-shadow:inset 0 2px 5px #1a36441a}
.primary:disabled,.secondary:disabled{background:#edf0f1;color:#a0aaae;border-color:#e5e9eb;box-shadow:none;opacity:1}
.departure{border-radius:16px;min-height:64px;padding:17px 20px}.departure small{color:#e2edf1;letter-spacing:.18em}.departure b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;border:1px solid #ffffff40;background:#ffffff0c;font-weight:400}
.option{border-radius:13px;border-color:#e0e5e5;background:linear-gradient(120deg,#fff,#fbfcfb);box-shadow:0 2px 6px #263e4203;transition:background .2s,border-color .2s,box-shadow .2s,transform .18s}
.option:has(input:checked){background:linear-gradient(120deg,#edf4f6,#f6f9f8);border-color:#8eabb7;box-shadow:inset 3px 0 0 #698c9c,0 3px 10px #304c5a06}
.option:has(input:checked) .option-letter,.option-check{color:#4b7485}.option-letter{border-color:#dce4e4;color:#8a9b9e}.option:active{transform:scale(.994)}
.sound-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid #dde5e7;background:#f9fbfa;color:#657a83;border-radius:999px;padding:8px 13px;font-size:11px;letter-spacing:.04em;box-shadow:inset 0 1px 0 #fff}
.sound-toggle:before{content:'';width:5px;height:5px;border-radius:50%;background:#aab5b7;flex-shrink:0}.sound-toggle[aria-pressed=true]{background:#f0f5f5;border-color:#cbdadc;color:#476b78}.sound-toggle[aria-pressed=true]:before{background:#6a918a;box-shadow:0 0 0 3px #6a918a12}
.motion-toggle{border:1px solid #e3e8e7;border-radius:999px;padding:6px 11px;min-height:38px;background:#fafbf9;color:#7c8984}.text-button{color:#71838a;text-underline-offset:5px}.collection-link{border-color:#d6e0e2;color:#537586}
.journey-skip{border-radius:999px;min-height:44px;background:#ffffff12;border-color:#ffffff66}.journey-topline .sound-toggle{background:#ffffffd9;border-color:#ffffff80;color:#456672;box-shadow:0 2px 12px #1634450c}
.gentle-scene *{animation:none!important;transition:none!important}.gentle-scene .journey-air,.gentle-scene .journey-shimmer{display:none}.gentle-scene .journey-track>span{width:var(--distance)}
@media(hover:hover){.primary:hover:not(:disabled){background:linear-gradient(145deg,#527e97,#3a637a);box-shadow:inset 0 1px 0 #ffffff30,0 7px 20px #25445e20}.secondary:hover:not(:disabled){background:#eef3f3}.option:hover{border-color:#aebfc5}}
@media(prefers-reduced-motion:reduce){.primary,.secondary,.option{transition:none}.primary:active,.secondary:active,.option:active{transform:none}}
.early-notice{padding:25px 22px;margin:0 0 30px;background:linear-gradient(135deg,#f1f6f4,#faf7ef);border:1px solid #dce5de;border-radius:16px}.early-notice small{font-size:9px;letter-spacing:.12em;color:#7b908a}.early-notice h2{font:700 23px/1.7 TokyoSerif,serif;margin:12px 0}.early-notice .secondary{width:100%;margin-top:15px;font-size:12px}.life-letter{background:linear-gradient(135deg,#faf9f6,#fff);padding:25px 22px!important;border:1px solid #e9e8e0;border-radius:4px}.life-letter h2{font-size:22px!important}.letter-practice{border-left:2px solid var(--color);padding-left:14px;margin:22px 0}.letter-practice small{font-size:10px;color:var(--color);letter-spacing:.1em}.letter-practice p{margin:5px 0!important}.result .gentle-reminder{font-size:11px;color:#87918a}.journey-track i{height:3px;width:3px}
