:root{color-scheme:light;--dark:#152d31;--dark-2:#214247;--ink:#173238;--muted:#5e7477;--line:#dce6e4;--ground:#f4f7f6;--white:#fff;--mint:#d4eee5;--accent:#ecad8a;--error:#a74136}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b87050;outline-offset:3px}
[hidden]{display:none!important}
.topbar{background:var(--dark);color:#f2faf7;border-bottom:1px solid #355158}
.topbar-inner{max-width:1260px;margin:auto;padding:17px 36px;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}
.lang-switch{display:flex;align-items:center;gap:2px;border:1px solid #507169;border-radius:7px;padding:3px}
.lang-switch a{font-size:13px;font-weight:750;color:#d6ede4;text-decoration:none;padding:4px 8px;border-radius:4px}
.lang-switch a[aria-current="page"]{background:#d4eee5;color:#173238}
.lang-switch a:hover:not([aria-current="page"]){background:#355158}
.lang-switch a:focus-visible{outline:3px solid #f5c8a9;outline-offset:3px}
.brand{display:flex;gap:11px;align-items:center;font-size:20px;font-weight:400;letter-spacing:-.045em;white-space:nowrap}
.brand-bold{font-weight:800}
.brand-mark{width:30px;height:30px;border:1px solid #b2d3c8;border-radius:50%;display:grid;place-items:center;position:relative;font-family:Georgia,serif;line-height:1}
.brand-dot{color:var(--accent);font:25px Georgia,serif;position:absolute;right:0;top:-8px}
.lab-label{font-size:13px;font-weight:650;border:1px solid #507169;border-radius:100px;padding:6px 11px;display:inline-flex;align-items:center;gap:8px;color:#d6ede4}
.lab-dot{width:7px;height:7px;background:#9fdac0;border-radius:50%}
.page{max-width:1260px;margin:0 auto;padding:43px 36px 76px}
.intro{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:29px}
.eyebrow,.panel-kicker,.result-state,.rule-explanation>span{font-size:12px;letter-spacing:.11em;font-weight:800}
.eyebrow{color:#58756e;margin:0 0 8px}
h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.05em}
h1{font-size:clamp(46px,5vw,68px);line-height:1;margin:0 0 13px}
h1 em{color:#c17a57;font-weight:400}
.lead{font-size:17px;color:#4f6969;margin:0;max-width:720px}
.time-mark{color:#41685e;font-size:14px;border:1px solid #d6e4de;background:#eaf3ef;padding:9px 13px;border-radius:7px;white-space:nowrap}
.time-mark span{font-size:19px;vertical-align:-2px;margin-right:4px}
.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:20px;align-items:start}
.form-panel{min-width:0;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:29px 34px 25px;box-shadow:0 12px 35px rgba(19,53,53,.04)}
.panel-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;gap:15px}
.panel-kicker{color:#537166}
.step-count{font-size:13px;color:#58716b;background:#eaf3ef;border-radius:20px;padding:4px 10px}
.field-block{border:0;border-bottom:1px solid var(--line);padding:25px 0 23px;margin:0;min-width:0}
.field-block.last-field{border-bottom:0;padding-bottom:15px}
.field-block legend,.field-title{font-size:17px;font-weight:750;line-height:1.35;color:#213c3f;padding:0;display:flex;align-items:flex-start;gap:13px;width:100%}
.step-num{flex:0 0 34px;width:34px;height:34px;display:inline-grid;place-items:center;background:#e0f0ea;color:#21594a;border-radius:7px;font-size:12px;line-height:1.3;font-weight:850}
.field-hint{color:var(--muted);font-size:14px;margin:7px 0 13px 47px}
.picker{margin-left:47px;width:calc(100% - 47px);border:1px solid #b9ceca;background:#fff;border-radius:7px;color:var(--ink)}
.picker{position:relative}
.picker summary{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:13px 14px;min-height:52px;cursor:pointer;font-size:15px}
.picker summary::-webkit-details-marker{display:none}
.picker[open]{border-color:#448a75;box-shadow:0 0 0 3px rgba(79,160,129,.12)}
.chevron{height:9px;width:9px;border-right:2px solid #3d5b58;border-bottom:2px solid #3d5b58;transform:rotate(45deg);margin-right:5px;margin-top:-5px}
.picker[open] .chevron{transform:rotate(225deg);margin-top:5px}
.picker-options{border-top:1px solid var(--line);max-height:310px;overflow-y:auto;padding:6px}
.picker-options label{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:5px;font-size:14px;line-height:1.4;cursor:pointer}
.picker-options label:hover,.picker-options label:has(input:focus-visible){background:#edf6f2}
.picker-options input{width:17px;height:17px;accent-color:#26745e;flex:0 0 auto;margin:0}
.basis-options{margin-left:47px;display:grid;gap:8px}
.basis-options label{display:flex;align-items:center;gap:12px;min-height:49px;padding:10px 13px;border:1px solid #b9ceca;border-radius:7px;background:#fff;font-size:14px;line-height:1.4;cursor:pointer}
.basis-options label:hover,.basis-options label:has(input:focus-visible){background:#edf6f2}
.basis-options label:has(input:checked){border-color:#448a75;background:#eaf5ef;box-shadow:inset 0 0 0 1px #448a75}
.basis-options input{width:17px;height:17px;accent-color:#26745e;flex:0 0 auto;margin:0}
.field-error{font-size:14px;color:var(--error);font-weight:650;margin:8px 0 0 47px;min-height:0}
.field-error:empty{display:none}
.form-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}
.primary-button{border:1px solid #183d36;background:#183d36;color:#f4faf6;font-weight:750;font-size:15px;padding:12px 17px;border-radius:6px;display:inline-flex;align-items:center;gap:23px;min-height:49px}
.primary-button:hover{background:#27584c}
.quiet-button{border:0;background:transparent;color:#59726d;text-decoration:underline;text-underline-offset:3px;font-size:14px;padding:9px}
.privacy-note{font-size:13px;line-height:1.55;color:#627a77;margin:18px 0 0}
.result-panel{background:var(--dark);color:#eff8f4;border:1px solid #244448;border-radius:10px;overflow:hidden;position:sticky;top:20px;min-height:480px;display:flex;flex-direction:column;box-shadow:0 13px 35px rgba(22,47,50,.09)}
.result-inner{padding:30px 32px 25px;flex:1}
.result-top{display:flex;align-items:center;gap:12px;border-bottom:1px solid #37595a;padding-bottom:22px}
.result-icon{display:inline-grid;place-items:center;border:1px solid #638f82;border-radius:50%;width:33px;height:33px;color:var(--accent);font-size:20px;line-height:1}
.result-state{font-size:11px;color:#b5d4c9}
h2{font-size:clamp(31px,3.2vw,43px);line-height:1.13;margin:28px 0 18px}
.result-copy{font-size:17px;line-height:1.62;color:#e1eee9;max-width:520px;margin:0 0 22px}
.result-copy p{margin:0;white-space:pre-line}
.result-copy p+p{margin-top:17px}
.rule-explanation{border-top:1px solid #3b5b5b;padding-top:20px;margin-top:22px}
.rule-explanation>span{color:#abd1c1}
.rule-explanation p{font-size:14px;line-height:1.55;color:#d2e6dd;margin:8px 0 0}
.result-limit{font-size:13px;line-height:1.55;color:#aec8c2;margin:19px 0 0}
.result-next{margin:18px 0 0}
.result-next a{font-size:14px;font-weight:750;color:#f5c8a9;text-decoration:underline;text-underline-offset:4px}
.result-next a:hover{color:#ffe2ce}
.result-next a:focus-visible{outline:3px solid #f5c8a9;outline-offset:4px}
.feedback{border:0;border-top:1px solid #3b5b5b;margin:24px 0 0;padding:19px 0 0;min-width:0}
.feedback legend{float:left;width:100%;margin:0 0 13px;padding:0;color:#e5f0e9;font-size:15px;font-weight:750}
.feedback legend span{color:#aec8c2;font-size:13px;font-weight:500}
.feedback-options{display:flex;gap:10px;flex-wrap:wrap;clear:both}
.feedback-options label{display:inline-flex;align-items:center;gap:7px;border:1px solid #73998d;border-radius:6px;padding:9px 13px;min-height:43px;color:#e1f1e8;font-size:14px;cursor:pointer}
.feedback-options label:has(input:checked){background:#365b52;border-color:#aacdbd}
.feedback-options input{accent-color:#a8ddc6}
.feedback-privacy,.feedback-status{font-size:13px;line-height:1.5;color:#aec8c2;margin:12px 0 0}
.feedback-status:empty{display:none}
.result-footer{border-top:1px solid #37595a;color:#a9cabe;font-size:12px;font-weight:750;letter-spacing:.09em;padding:16px 32px;display:flex;justify-content:space-between;gap:20px}
@media(max-width:880px){.workspace{grid-template-columns:1fr}.result-panel{position:static;min-height:330px}.page{padding-top:34px}.intro{align-items:start}.time-mark{margin-top:15px}}
@media(max-width:560px){.topbar-inner{padding:15px 18px;flex-wrap:wrap}.topbar-actions{justify-content:space-between;width:100%}.page{padding:30px 15px 55px}.intro{display:block;margin-bottom:23px}.time-mark{margin-top:19px}.form-panel{padding:20px 17px}.result-inner{padding:24px 22px}.result-footer{padding:15px 22px}.field-block legend,.field-title{font-size:16px;gap:10px}.step-num{flex-basis:31px;width:31px;height:31px}.field-hint,.picker,.basis-options,.field-error{margin-left:0;width:100%}.field-hint{margin-top:10px}.picker-options{max-height:245px}.primary-button{width:100%;justify-content:space-between}.quiet-button{padding-left:2px}.lead{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}