:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#12201b;background:#f6f7f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg: #f6f7f1;--panel: #ffffff;--panel-strong: #10251f;--line: #d9dfd4;--muted: #5d6c64;--text: #12201b;--green: #2f7d4f;--green-strong: #175f3f;--mint: #dff3de;--gold: #f0b84a;--blue: #3b6ea8;--rose: #b85054;--shadow: 0 16px 40px rgba(31, 49, 41, .1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(180deg,#dff3dea6,#f6f7f100 340px),var(--bg)}button,input{font:inherit}button{cursor:pointer}a{color:inherit}code{border:1px solid var(--line);border-radius:6px;background:#f2f4ef;padding:.08rem .32rem;font-size:.92em}.site-shell{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:14px 0 32px}.topbar,.section-heading,.code-row,.timer,.metric-grid,.mini-stat-row{display:flex;align-items:center}.status-pill,.icon-button,.quick-tools{display:inline-flex;align-items:center;gap:8px}.status-pill svg,.icon-button svg,.heading-icon{width:18px;height:18px;flex:0 0 auto}.topbar{position:relative;width:100%;display:flex;flex-direction:column;margin-bottom:24px;background:#ffffffbf;border-bottom:1px solid rgba(23,95,63,.08);padding:10px 0;box-shadow:0 1px 3px #10251f03,0 4px 16px #10251f03}.topbar-main{display:flex;align-items:center;justify-content:space-between;width:min(1120px,calc(100% - 28px));margin:0 auto}.brand{display:inline-flex;align-items:center;gap:8px;min-width:0;color:var(--panel-strong);font-weight:800;text-decoration:none;font-size:1.05rem;letter-spacing:-.015em;transition:opacity .2s ease}.brand:hover{opacity:.85}.brand-name{display:flex;align-items:baseline;overflow:hidden;white-space:nowrap}.brand-highlight{font-weight:800;overflow:hidden;text-overflow:ellipsis}.brand-ext{font-weight:400;opacity:.55;font-size:.9em}.brand svg{color:var(--green);width:20px;height:20px;flex:0 0 auto}.small-link{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:20px;background:#22c55e17;padding:6px 12px;color:var(--green-strong);font-weight:700;font-size:.85rem;text-decoration:none;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1)}.small-link:hover{background:#22c55e29;transform:translateY(-1px)}.small-link:active{transform:translateY(0)}.live-dot-wrapper{display:inline-flex;position:relative;width:8px;height:8px}.live-dot{width:8px;height:8px;background-color:#22c55e;border-radius:50%;z-index:2}.live-dot-ping{position:absolute;top:0;left:0;width:8px;height:8px;background-color:#22c55e;border-radius:50%;animation:live-ping 1.6s cubic-bezier(0,0,.2,1) infinite;opacity:.85;z-index:1}@keyframes live-ping{75%,to{transform:scale(2.8);opacity:0}}.mobile-menu-button,.mobile-jump-menu{display:none}.intro-grid{display:grid;gap:14px;margin-bottom:14px}.intro-copy{padding:8px 0 2px}.eyebrow{margin:0 0 6px;color:var(--green-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2,h3,p{overflow-wrap:anywhere}h1{max-width:720px;margin:0;color:var(--panel-strong);font-size:2.15rem;line-height:1.05}h2{margin:0;color:var(--panel-strong);font-size:1.22rem;line-height:1.2}h3{margin:0 0 12px;color:var(--panel-strong);font-size:1.65rem;line-height:1.15}.result-panel h3{color:#fff}.intro-note,.muted,.source-note,.result-note,.warning-note,.empty-state,footer p{color:var(--muted)}.intro-note{max-width:660px;margin:10px 0 0;font-size:1.02rem}.quick-tools{flex-wrap:wrap;margin-top:16px}.quick-tools a{border:1px solid rgba(23,95,63,.22);border-radius:8px;background:#fff;padding:9px 11px;color:var(--green-strong);font-size:.9rem;font-weight:800;text-decoration:none}.panel,.calculator-band{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.panel{padding:16px}.active-panel{border-color:#2f7d4f61}.section-heading{justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:14px}.status-pill{flex:0 0 auto;border:1px solid rgba(47,125,79,.25);border-radius:999px;background:var(--mint);padding:7px 10px;color:var(--green-strong);font-size:.78rem;font-weight:800;white-space:nowrap}.heading-actions{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto}.icon-only-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--green-strong)}.icon-only-button svg{width:18px;height:18px}.live-status.loading,.live-status.refreshing{background:#edf3ff;color:var(--blue)}.live-status.error{border-color:#b8505447;background:#fff0f1;color:var(--rose)}.heading-icon{color:var(--green-strong)}.stack{display:grid;gap:10px}.code-row{justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fbfcf8;padding:12px}.code-text{margin:0 0 2px;color:var(--panel-strong);font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:1.1rem;font-weight:800}.muted,.source-note,.result-note,.warning-note,.empty-state{margin:0;font-size:.92rem}.source-note{margin-top:12px}.icon-button{min-width:106px;justify-content:center;border:0;border-radius:8px;background:var(--green);color:#fff;padding:10px 12px;font-weight:800}.icon-button:hover,.icon-button:focus-visible{background:var(--green-strong)}.two-column{display:grid;gap:14px;margin-top:14px}.steps{margin:0;padding-left:22px;color:var(--text)}.steps li+li{margin-top:7px}.source-box{margin-top:14px;border:1px solid var(--line);border-radius:8px;background:#fbfcf8;padding:12px}.source-box p{margin:0;color:var(--muted);font-size:.92rem}.source-box .source-box-title{margin-bottom:4px;color:var(--panel-strong);font-weight:800}.calculator-band{margin-top:14px;padding:16px;background:linear-gradient(135deg,#10251ffa,#194d36f5),var(--panel-strong)}.calculator-band h2,.calculator-band .eyebrow,.calculator-band .heading-icon{color:#fff}.calculator-band .eyebrow{color:#bce9c4}.calculator-grid{display:grid;gap:14px}.calculator-form{display:grid;gap:12px}label,fieldset{display:grid;gap:7px;margin:0;color:#ecf5ee;font-weight:800}fieldset{border:0;padding:0}legend{margin-bottom:7px;padding:0}input{width:100%;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#fffffff5;color:var(--panel-strong);padding:12px;font-weight:700}input:focus,button:focus-visible,summary:focus-visible{outline:3px solid rgba(240,184,74,.55);outline-offset:2px}.segmented{display:flex;background:#10251f2e;border-radius:8px;padding:2px;gap:2px;width:100%}.segmented button{flex:1;border:none;border-radius:6px;background:transparent;color:#fffc;padding:8px 10px;font-weight:700;font-size:.85rem;transition:all .2s cubic-bezier(.4,0,.2,1);text-align:center}.segmented button.active{background:#fff;color:var(--panel-strong);box-shadow:0 1px 3px #0000001f,0 1px 1px #00000014}.result-panel{border:1px solid rgba(255,255,255,.18);border-radius:8px;background:#ffffff1a;padding:14px}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.metric-grid div{border-radius:8px;background:#ffffff1f;padding:10px}.metric-grid span{display:block;color:#c9ddd2;font-size:.78rem;font-weight:800}.metric-grid strong{display:block;color:#fff;font-size:1.24rem}.result-note,.calculator-band .source-note{color:#dcebe1}.warning-note{margin-top:10px;color:#ffe3a1;font-weight:800}.table-wrap{width:100%;overflow-x:auto}table{width:100%;min-width:720px;border-collapse:collapse}th,td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left}th{color:var(--panel-strong);font-size:.8rem;text-transform:uppercase}td{color:var(--text);font-weight:650}.estimate-tag{display:inline-flex;margin-left:8px;border-radius:999px;background:#edf1e8;padding:2px 7px;color:var(--muted);font-size:.72rem;font-weight:800}.restock-panel{background:linear-gradient(180deg,#fff,#fbfbf4)}.timer-focus{margin-top:14px}.timer-grid{display:grid;gap:10px;margin-bottom:10px}.live-timer-grid{margin-bottom:14px}.timer{gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px;color:var(--panel-strong)}.timer svg{width:34px;height:34px;color:var(--blue)}.timer span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.timer strong{display:block;font-size:1.92rem;line-height:1}.secondary-timer svg{color:var(--rose)}.api-error,.live-meta,.live-placeholder{display:flex;align-items:center;gap:8px}.api-error{margin-bottom:12px;border:1px solid rgba(184,80,84,.28);border-radius:8px;background:#fff4f4;padding:10px 12px;color:var(--rose);font-size:.9rem;font-weight:800}.api-error svg,.live-meta svg,.live-placeholder svg{width:18px;height:18px;flex:0 0 auto}.live-meta{flex-wrap:wrap;margin-bottom:12px;color:var(--muted);font-size:.82rem;font-weight:800}.live-meta span{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:5px 8px}.live-placeholder{min-height:96px;grid-column:1 / -1;justify-content:center;border:1px dashed rgba(23,95,63,.25);border-radius:8px;background:#fbfcf8;color:var(--muted);font-weight:800}.stock-grid,.live-tools-grid{display:grid;gap:12px}.stock-card{border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.stock-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:10px}.stock-card h3{margin:0;font-size:1rem}.stock-card-head span,.mini-stat-row span{color:var(--muted);font-size:.78rem;font-weight:800;white-space:nowrap}.stock-list,.value-list,.weather-list{display:grid;gap:8px}.stock-item,.value-item,.weather-item{display:grid;align-items:center;gap:10px;border:1px solid #edf1e8;border-radius:8px;background:#fbfcf8;padding:8px}.stock-item{grid-template-columns:42px minmax(0,1fr)}.value-item{grid-template-columns:42px minmax(0,1fr) auto}.weather-item{grid-template-columns:34px minmax(0,1fr)}.stock-item img,.value-item img,.item-fallback{width:42px;height:42px;border-radius:8px;object-fit:contain;background:#edf1e8}.item-fallback{display:inline-flex;align-items:center;justify-content:center;border:1px dashed #cad5c8;color:#83928a;background:repeating-linear-gradient(135deg,#ffffff8c 0 6px,#edf1e8b3 6px 12px),#edf1e8}.item-fallback svg{width:18px;height:18px;stroke-width:2}.stock-item strong,.value-item strong,.weather-item strong{display:block;min-width:0;color:var(--panel-strong);font-size:.9rem;line-height:1.2}.stock-item span,.value-item span,.weather-item span{display:block;color:var(--muted);font-size:.78rem;font-weight:800;text-transform:capitalize}.value-item b{border-radius:999px;background:#edf3ff;padding:4px 8px;color:var(--blue);font-size:.86rem}.weather-item svg{width:28px;height:28px;color:var(--blue)}.mini-stat-row{justify-content:space-between;gap:8px;margin-bottom:10px}.live-tools-grid{margin-top:14px}.faq-list{display:grid;gap:8px}.faq-panel{margin-top:14px}details{border:1px solid var(--line);border-radius:8px;background:#fbfcf8}summary{cursor:pointer;padding:12px;color:var(--panel-strong);font-weight:800}details p{margin:0;padding:0 12px 12px;color:var(--muted)}footer{margin-top:18px;border-top:1px solid var(--line);padding-top:18px}footer p{margin:0;font-size:.9rem}@media(min-width:720px){.site-shell{width:min(1120px,calc(100% - 48px));padding-top:22px}.intro-grid{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);align-items:stretch}h1{font-size:3rem}.panel,.calculator-band{padding:20px}.two-column{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.calculator-grid{grid-template-columns:minmax(0,.85fr) minmax(360px,1fr);align-items:start}.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-timer-grid,.stock-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.live-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.topbar{position:-webkit-sticky;position:sticky;top:0;z-index:100;padding:10px 0;margin-bottom:16px;border-radius:0;background:#fff;border-bottom:1px solid rgba(23,95,63,.06);box-shadow:0 1px 2px #10251f08}.topbar-main{position:relative;display:flex;align-items:center;justify-content:space-between;width:calc(100% - 16px);margin:0 auto;height:44px}.brand-ext{display:none}.brand{position:absolute;left:50%;transform:translate(-50%);z-index:1;font-size:.95rem;gap:6px}.brand svg{width:18px;height:18px}.small-link{position:relative;z-index:2;padding:4px 10px;font-size:.8rem}.mobile-menu-button{position:relative;z-index:2;display:inline-flex;align-items:center;gap:6px;border:none;border-radius:20px;background:#22c55e17;color:var(--green-strong);padding:4px 10px;font-weight:700;font-size:.8rem;white-space:nowrap;transition:all .2s cubic-bezier(.4,0,.2,1)}.mobile-menu-button svg{width:15px;height:15px;flex:0 0 auto}.mobile-menu-button:hover{background:#22c55e29;opacity:1}.mobile-menu-button:active{transform:scale(.96)}.mobile-menu-button[aria-expanded=true]{color:var(--green-strong);background:#22c55e29}.mobile-jump-menu{display:flex;flex-direction:column;width:calc(100% - 16px);margin:0 auto;border-radius:12px;border:1px solid transparent;background:#fff;padding:0;box-shadow:none;max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-4px);transition:max-height .25s ease,opacity .2s ease,transform .2s ease,border-color .2s ease,background-color .2s ease,box-shadow .2s ease,margin-top .2s ease,padding .2s ease}.mobile-jump-menu.open{margin-top:10px;padding:6px 14px;border-color:#22c55e26;background:#fff;box-shadow:0 8px 30px #1f312914;max-height:320px;opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-jump-menu a{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:42px;border-radius:8px;border-bottom:1px solid rgba(34,197,94,.08);padding:10px 8px;color:var(--green-strong);font-weight:700;text-decoration:none;text-align:left;transition:background .15s ease,padding-left .15s ease}.mobile-jump-menu a:last-child{border-bottom:none}.mobile-jump-menu a:after{content:"→";font-weight:700;color:var(--green);opacity:.45;transition:transform .15s ease}.mobile-jump-menu a:active{background:#22c55e14;padding-left:12px}}@media(max-width:520px){.site-shell{width:auto;margin:0 10px}.topbar-main,.mobile-jump-menu{width:calc(100% - 12px);margin:0 auto}h1{font-size:2rem}.section-heading{align-items:flex-start}.heading-actions{width:100%;justify-content:space-between}.status-pill{white-space:normal}.code-row{align-items:stretch;flex-direction:column}.copy-button{width:100%}.metric-grid{grid-template-columns:1fr}}@media(max-width:380px){.topbar{padding:6px 0}.topbar-main,.mobile-jump-menu{width:calc(100% - 8px);margin:0 auto}.brand{font-size:.85rem;gap:4px}.brand svg{width:16px;height:16px}.mobile-menu-button{padding:4px 8px;font-size:.75rem}.mobile-menu-button svg{width:13px;height:13px}.small-link{padding:4px 8px;font-size:.75rem;gap:4px}.live-dot,.live-dot-ping{width:6px;height:6px}}