:root{--fx-ink:#152238;--fx-muted:#5d6b7c;--fx-bg:#f7f8fb;--fx-surface:#fff;--fx-line:#dbe2ea;--fx-brand:#176b57;--fx-accent:#dff4ec;--fx-warn:#8b5b19;--fx-danger:#a33b2a;--fx-radius:14px;--fx-space:8px;--fx-shadow:0 8px 24px rgba(21,34,56,.08);--fx-font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{font-family:var(--fx-font);color:var(--fx-ink);background:var(--fx-bg)}body{margin:0;min-width:320px}button,input,select{font:inherit}button{min-height:44px;border:1px solid var(--fx-line);border-radius:10px;padding:10px 16px;background:var(--fx-surface);color:var(--fx-ink);cursor:pointer;font-weight:650}button:hover{border-color:var(--fx-brand)}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #76d6bc;outline-offset:2px}.fx-primary{background:var(--fx-brand);border-color:var(--fx-brand);color:#fff}.fx-quiet{background:transparent}.fx-link{border:0;padding:8px;background:transparent;color:var(--fx-brand);text-decoration:underline}.fx-app{min-height:100vh;padding:clamp(16px,4vw,48px)}.fx-frame{max-width:900px;margin:0 auto}.fx-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.fx-logo{font-weight:800;letter-spacing:.02em}.fx-caption{font-size:.82rem;color:var(--fx-muted)}.fx-progress{display:flex;gap:5px;margin:0 0 26px}.fx-progress span{height:5px;flex:1;border-radius:99px;background:var(--fx-line)}.fx-progress span.on{background:var(--fx-brand)}.fx-screen{display:none}.fx-screen.active{display:block}.fx-title{font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.06;letter-spacing:-.04em;margin:0 0 10px}.fx-subtitle{color:var(--fx-muted);max-width:650px;margin:0 0 24px;line-height:1.55}.fx-card{background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:var(--fx-radius);box-shadow:var(--fx-shadow);padding:clamp(18px,3vw,30px);margin:14px 0}.fx-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.fx-plan{position:relative;text-align:left;min-height:176px;padding:20px}.fx-plan.selected{border:2px solid var(--fx-brand);background:var(--fx-accent)}.fx-plan .fx-recommend{position:absolute;top:12px;right:12px;color:var(--fx-brand);font-size:.75rem;font-weight:750}.fx-plan h3{margin:0 0 7px;font-size:1.1rem}.fx-plan p{color:var(--fx-muted);line-height:1.45;margin:7px 0}.fx-cost{font-weight:800;color:var(--fx-brand);margin-top:12px}.fx-detail{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:16px}.fx-detail div{padding:10px;border-radius:10px;background:var(--fx-bg);font-size:.8rem}.fx-detail b{display:block;font-size:.94rem;margin-top:3px}.fx-row{display:flex;justify-content:space-between;gap:12px;align-items:center}.fx-actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}.fx-sticky{position:sticky;bottom:14px;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding:14px 18px;border:1px solid var(--fx-line);border-radius:14px;background:color-mix(in srgb,var(--fx-surface) 92%,transparent);backdrop-filter:blur(10px);box-shadow:var(--fx-shadow)}.fx-total{font-weight:800}.fx-total small{display:block;color:var(--fx-muted);font-weight:500}.fx-person{display:flex;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--fx-line)}.fx-person input{width:20px;height:20px}.fx-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--fx-accent);color:var(--fx-brand);font-weight:800}.fx-field{display:grid;gap:6px;margin:14px 0}.fx-field label{font-size:.85rem;font-weight:700}.fx-field input,.fx-field select{min-height:44px;border:1px solid var(--fx-line);border-radius:9px;padding:10px;background:var(--fx-surface)}.fx-glossary{font-size:.82rem;color:var(--fx-muted);border-bottom:1px dotted currentColor;cursor:help}.fx-success{padding:18px;border-radius:12px;background:var(--fx-accent);color:var(--fx-brand)}.fx-dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.fx-metric{background:var(--fx-surface);border:1px solid var(--fx-line);border-radius:12px;padding:16px}.fx-metric strong{display:block;font-size:1.55rem;margin-top:8px}.fx-embed{max-width:700px;margin:0 auto}.fx-hidden{display:none!important}@media(max-width:650px){.fx-grid,.fx-dashboard{grid-template-columns:1fr}.fx-detail{grid-template-columns:repeat(2,1fr)}.fx-top{align-items:flex-start;flex-direction:column}.fx-sticky{position:relative;bottom:auto;margin-top:18px;padding:12px 14px}.fx-actions{padding:0;background:transparent}.fx-actions button{flex:1}.fx-total{min-width:92px}}@media(prefers-color-scheme:dark){:root{--fx-ink:#f2f5f7;--fx-muted:#aab6c4;--fx-bg:#111923;--fx-surface:#182332;--fx-line:#304052;--fx-brand:#66d2b2;--fx-accent:#173c37;--fx-shadow:0 8px 24px rgba(0,0,0,.22)}.fx-plan.selected{color:var(--fx-ink)}.fx-field input,.fx-field select{color:var(--fx-ink)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}