:root{--ink: #2a2b2e;--muted: #70737a;--line: #ebe8e1;--accent: #d97757;--accent-strong: #c05f42;--accent-soft: #fdf2ed;--teal: #4a8f86;--surface: #ffffff;--page: #ffffff;--tint: #faf9f7;--ok-bg: #eaf6ef;--ok-ink: #2f8f63;--no-bg: #fbeef0;--no-ink: #b45454;--maybe-bg: #fbf5e7;--maybe-ink: #a97b2a;--shadow-sm: 0 1px 2px rgba(42, 43, 46, .05);--shadow-md: 0 6px 18px rgba(42, 43, 46, .08);--radius: 14px}[hidden]{display:none!important}*{box-sizing:border-box}html{color-scheme:light only}body{margin:0;background:var(--page);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Noto Sans TC,PingFang TC,Microsoft JhengHei,sans-serif;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{width:100%;max-width:760px;margin:0 auto;padding:0 1rem}a{color:var(--accent);text-underline-offset:.15em}a:hover{color:var(--accent-strong)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.site-header{background:var(--surface);border-bottom:1px solid var(--line)}.site-header .wrap{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;padding-top:.9rem;padding-bottom:.9rem}.brand{color:var(--ink);font-size:1.05rem;font-weight:700;text-decoration:none}.brand:hover{color:var(--accent-strong)}.tagline{margin:0;color:var(--muted);font-size:.85rem}main{padding:2rem 0 2.5rem}h1{margin:0 0 .75rem;font-size:clamp(1.6rem,5vw,2.1rem);line-height:1.3;letter-spacing:.01em}h2{margin:2rem 0 .6rem;font-size:1.3rem;line-height:1.4}h3{margin:1.4rem 0 .5rem;font-size:1.1rem;line-height:1.4}p{margin:0 0 .9rem}ul,ol{padding-left:1.35rem}li{margin-bottom:.35rem}.eyebrow{margin-bottom:.4rem;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.08em}.lede{font-size:1.05rem}.muted{color:var(--muted);font-size:.9rem}.card{margin:1.2rem 0;padding:1.15rem 1.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}form{margin-top:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.field{display:flex;flex-direction:column;gap:.3rem}.field label{font-weight:700}.field .hint{color:var(--muted);font-size:.82rem;line-height:1.45}input[type=number]{width:100%;padding:.55rem .65rem;color:var(--ink);background:var(--surface);border:1px solid #767676;border-radius:6px;font:inherit}button{margin-top:.4rem;min-height:44px;padding:.7rem 1.35rem;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:999px;font:inherit;font-weight:650;letter-spacing:.01em;cursor:pointer;transition:background .14s ease-out,transform .14s ease-out,box-shadow .14s ease-out}button:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong);box-shadow:var(--shadow-md)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}button.secondary{color:var(--ink);background:transparent;border-color:var(--line)}button.secondary:hover:not(:disabled){color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.badge{display:inline-block;padding:.2rem .7rem;border:0;border-radius:999px;font-size:.84rem;font-weight:650;line-height:1.5}.badge-ok{color:var(--ok-ink);background:var(--ok-bg)}.badge-no{color:var(--no-ink);background:var(--no-bg)}.badge-maybe{color:var(--maybe-ink);background:var(--maybe-bg)}.table-wrap{overflow-x:auto;margin:.6rem 0 1rem}table{width:100%;background:var(--surface);border-collapse:collapse;font-size:.95rem}caption{padding:0 0 .5rem;font-weight:700;text-align:left}th,td{padding:.5rem .6rem;text-align:left;vertical-align:top;border:1px solid var(--line)}thead th{background:#eef2f0}tbody th{font-weight:600}th.num,td.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}.result-card{border-left:5px solid var(--accent)}.result-head{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem}.result-head h3{margin:0}.result-card h4{margin:1.1rem 0 .35rem;font-size:1rem}.result-card .disclaimer{margin-bottom:0;color:var(--muted);font-size:.85rem}.negative{color:var(--no-ink);font-weight:700}.note{margin:1rem 0;padding:.8rem 1rem;background:#fff8e6;border:1px solid #d9b44a;border-radius:8px}.site-footer{padding:1.2rem 0 1.5rem;color:var(--muted);background:var(--surface);border-top:1px solid var(--line);font-size:.82rem}.site-footer p{margin-bottom:.5rem}.site-footer strong{color:var(--ink)}.site-footer a{color:var(--accent)}fieldset{margin:0;padding:0;border:0}legend{padding:0;margin-bottom:.35rem;font-size:clamp(1.4rem,3.2vw,1.75rem);font-weight:650;line-height:1.34;letter-spacing:-.01em;text-wrap:pretty}.step-hint{margin:0 0 1rem;color:var(--muted);font-size:.92rem}.option-grid{display:grid;gap:.6rem;margin-bottom:1.25rem}.option-card{position:relative;display:flex;align-items:flex-start;gap:.7rem;min-height:56px;padding:.85rem 1rem;background:var(--surface);border:1px solid var(--line);border-radius:12px;cursor:pointer;transition:border-color .14s ease-out,background .14s ease-out,transform .14s ease-out,box-shadow .14s ease-out}.option-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:var(--shadow-md)}.option-card input{position:absolute;width:1px;height:1px;opacity:0}.option-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.option-card:has(input:checked){background:var(--accent-soft);border:2px solid var(--accent);padding:calc(.85rem - 1px) calc(1rem - 1px)}.option-card:has(input:checked) .option-label{color:var(--accent-strong)}.option-body{display:flex;flex-direction:column;gap:.15rem}.option-label{font-weight:650;line-height:1.45}.option-note{color:var(--muted);font-size:.85rem;line-height:1.45}.step-actions{display:flex;flex-wrap:wrap;gap:.6rem}.step[data-step]{animation:step-in .16s ease-out both}@keyframes step-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.progress{display:flex;align-items:center;gap:.5rem;margin:1.3rem 0 1.6rem}.progress .seg{flex:1;height:4px;border-radius:999px;background:var(--line);transition:background .2s ease-out}.progress .seg.is-done{background:var(--accent)}.progress .seg.is-current{background:var(--accent);opacity:1}.progress-label{flex:0 0 auto;color:var(--muted);font-size:.78rem;letter-spacing:.08em;font-variant-numeric:tabular-nums}#result{position:relative;margin-top:1.2rem;padding-left:1.1rem}#result:before{content:"";position:absolute;left:3px;top:.7rem;bottom:.7rem;width:2px;background:var(--line)}.result-card{position:relative;margin:.85rem 0;border-left:0;animation:card-in .22s ease-out both}.result-card:before{content:"";position:absolute;left:-1.1rem;top:1.2rem;width:10px;height:10px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px var(--page)}.result-card:nth-child(2){animation-delay:45ms}.result-card:nth-child(3){animation-delay:90ms}.result-card:nth-child(4){animation-delay:135ms}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}table{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}thead th{background:var(--accent-soft);font-size:.9rem}tbody tr:nth-child(2n){background:var(--tint, #faf9f7)}h1{text-wrap:balance}.eyebrow{letter-spacing:.12em}@media(prefers-reduced-motion:reduce){.step[data-step],.result-card{animation:none!important}.option-card,.progress .seg,button{transition:none!important}*{scroll-behavior:auto!important}}
