:root{--em:#059669;--em-d:#065F46;--amb:#FBBF5C;--ink:#111827}
*{box-sizing:border-box}
body{margin:0;font-family:Aptos,"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;color:var(--ink);min-height:100vh;
background:linear-gradient(135deg,#FFE8D6 0%,#FFF8EC 45%,#DDF5E8 100%);background-attachment:fixed}
#bg{position:fixed;inset:0;z-index:-1;background-size:cover;background-position:center;opacity:.85;transition:opacity 1s}
#bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,248,236,.25),rgba(255,248,236,.55))}
.glass{background:rgba(255,255,255,.88);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;
box-shadow:0 10px 40px -12px rgba(120,80,30,.25),0 1px 0 rgba(255,255,255,.9) inset;border:1px solid rgba(255,255,255,.7)}
.serif{font-family:Fraunces,Georgia,serif}
.btn{background:var(--em);color:#fff;border-radius:14px;font-weight:700;transition:.15s}
.btn:hover{background:#047857;transform:translateY(-1px)}
.btn:disabled{opacity:.5;transform:none}
.chip{border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600;border:1.5px solid #d1d5db;background:#fff;transition:.15s}
.chip.on{background:var(--em);color:#fff;border-color:var(--em)}
.chip.severe{outline:2px solid #991B1B;outline-offset:1px}
input,select{border:1.5px solid #e5e7eb;border-radius:12px;padding:8px 10px;background:#fff;font:inherit;min-width:0}
:focus-visible{outline:3px solid var(--amb)!important;outline-offset:2px}
.crit{background:#FEE2E2;color:#991B1B}.soon{background:#FEF3C7;color:#92400E}.fresh{background:#D1FAE5;color:#065F46}
.pulse{animation:pulse 2s infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(153,27,27,.25)}50%{box-shadow:0 0 0 6px rgba(153,27,27,0)}}
.rise{animation:rise .5s both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.tabline{position:relative}.tabline.on::after{content:"";position:absolute;left:20%;right:20%;bottom:-4px;height:3px;border-radius:3px;background:var(--amb)}
.scroll{max-height:62vh;overflow:auto}
.confetti{position:fixed;top:-20px;font-size:22px;animation:fall 2.4s linear forwards;pointer-events:none;z-index:99}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}
.logo{mix-blend-mode:multiply}