*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
:root{--sci-sticky-top:60px;--sci-glow:#34d399;--sci-deep:#047857}
body.sci-body{margin:0;font-family:"Space Grotesk",system-ui,sans-serif;background:#fff;color:#0f172a;line-height:1.55;min-height:100vh}
.sci-bg{position:fixed;inset:0;z-index:-2;background:#fff}
.sci-bg::before,.sci-bg::after{content:"";position:absolute;border-radius:50%;filter:blur(90px);animation:sciDrift 18s ease-in-out infinite alternate;opacity:.55}
.sci-bg::before{width:min(55vw,420px);height:min(55vw,420px);background:rgba(16,185,129,.18);top:-8%;left:-5%}
.sci-bg::after{width:min(45vw,360px);height:min(45vw,360px);background:rgba(52,211,153,.12);bottom:10%;right:-8%;animation-delay:-6s}
.sci-grid-lines{position:fixed;inset:0;z-index:-1;opacity:.06;background-image:linear-gradient(rgba(5,150,105,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(5,150,105,.2) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse 80% 60% at 50% 30%,#000 20%,transparent 75%)}
@keyframes sciDrift{0%{transform:translate(0,0) scale(1)}100%{transform:translate(40px,-30px) scale(1.08)}}
@keyframes sciFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@keyframes sciPulse{0%,100%{box-shadow:0 0 0 0 rgba(52,211,153,.35)}50%{box-shadow:0 0 0 12px rgba(52,211,153,0)}}
.ac-layout{display:block;max-width:none;margin:0;padding:0 0 5rem}
.ac-rail{display:none}
.ac-main{max-width:none;padding:0}
.ac-topbar{position:sticky;top:0;z-index:70;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(16,185,129,.15);margin:0;padding:0 1.25rem;box-shadow:0 4px 24px rgba(5,150,105,.06)}
.ac-topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:58px;max-width:none;margin:0 auto}
.ac-brand{color:#064e3b;font-weight:700;font-size:1.05rem;text-decoration:none;display:inline-flex;align-items:center;gap:.65rem}
.ac-logo{border-radius:12px;box-shadow:0 8px 22px rgba(16,185,129,.25)}
.ac-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;border:1px solid #bbf7d0;background:#ecfdf5;border-radius:12px;cursor:pointer}
.ac-menu-btn span{display:block;height:2px;background:#059669;border-radius:2px}
@media(min-width:769px){.ac-menu-btn{display:none}}
.ac-nav{display:none;flex-wrap:wrap;gap:.35rem .5rem}
@media(min-width:769px){.ac-nav{display:flex}}
.ac-nav.open{display:flex;position:fixed;inset:58px 0 auto 0;background:#fff;flex-direction:column;padding:1rem 1.25rem;border-bottom:1px solid #d1fae5;z-index:65;max-height:calc(100vh - 58px);overflow:auto;box-shadow:0 12px 40px rgba(15,23,42,.08)}
body.ac-nav-open::after{content:"";position:fixed;inset:0;background:rgba(15,23,42,.25);z-index:64}
.ac-nav a{color:#334155;text-decoration:none;font-weight:600;font-size:.88rem;padding:.55rem .75rem;border-radius:10px}
.ac-nav a:hover,.ac-nav a.active{background:#ecfdf5;color:var(--ac-primary,#059669)}
.ac-tagline-bar{text-align:center;margin:0;padding:.5rem 1.25rem .65rem;color:#64748b;font-size:.82rem;border-bottom:1px solid #ecfdf5}
.sci-app{padding:0 0 2rem;animation:sciFadeUp .55s ease-out}
.sci-intro{padding:1.35rem 1.25rem 1rem;max-width:none}
.sci-intro h1{margin:0 0 .45rem;font-size:clamp(1.65rem,4vw,2.35rem);font-weight:700;background:linear-gradient(120deg,#064e3b 0%,#059669 55%,#10b981 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.sci-lead{margin:0;color:#475569;font-size:.95rem;max-width:40rem}
.sci-tab-rail{position:sticky;top:var(--sci-sticky-top);z-index:60;width:100%;margin:0;padding:.65rem 0;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92));border-bottom:1px solid #d1fae5;box-shadow:0 6px 20px rgba(5,150,105,.05)}
.sci-tab-rail-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;width:100%;padding:0 1.25rem}
@media(min-width:640px){.sci-tab-rail-inner{padding:0 2rem;gap:.65rem}}
@media(min-width:1024px){.sci-tab-rail-inner{padding:0 2.75rem}}
.sci-tab{border:1px solid #bbf7d0;background:#f0fdf4;color:#047857;padding:.85rem .5rem;border-radius:14px;font:inherit;font-weight:700;font-size:.78rem;cursor:pointer;transition:transform .15s,background .2s,box-shadow .2s,border-color .2s}
@media(min-width:480px){.sci-tab{font-size:.88rem;padding:.9rem .65rem}}
.sci-tab:hover{border-color:#6ee7b7;transform:translateY(-1px)}
.sci-tab.active{background:linear-gradient(135deg,var(--ac-primary,#059669),var(--ac-secondary,#10b981));color:#fff;border-color:transparent;box-shadow:0 10px 28px rgba(16,185,129,.35);animation:sciPulse 2.5s ease infinite}
.sci-workspace{width:100%;padding:1.15rem 1.25rem 0}
@media(min-width:640px){.sci-workspace{padding:1.35rem 2rem 0}}
@media(min-width:1024px){.sci-workspace{padding:1.5rem 2.75rem 0}}
.sci-panel{display:none;animation:sciFadeUp .4s ease-out}
.sci-panel.active{display:block}
.sci-calc-shell{background:#fff;border:1px solid #bbf7d0;border-radius:28px;padding:1.15rem 1.1rem 1.35rem;box-shadow:0 24px 60px rgba(5,150,105,.1),0 0 0 1px rgba(236,253,245,.8);margin-bottom:1rem}
.sci-display-shell{margin-bottom:.85rem}
.sci-keypad-shell{margin-bottom:0}
@media(min-width:640px){.sci-calc-shell{padding:1.35rem 1.35rem 1.5rem;border-radius:32px}}
.sci-display-wrap{margin-bottom:1rem}
.sci-mode-row{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.65rem;align-items:center}
.sci-pill{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;padding:.35rem .65rem;border-radius:999px;border:1px solid #bbf7d0;color:#047857;background:#ecfdf5;cursor:pointer;transition:all .15s}
.sci-pill.active{background:var(--ac-primary,#059669);color:#fff;border-color:transparent}
.sci-display{font-family:"JetBrains Mono",ui-monospace,monospace;font-size:clamp(1.35rem,4.5vw,2rem);font-weight:500;text-align:right;padding:1rem 1.1rem;min-height:3.2rem;border-radius:18px;background:linear-gradient(180deg,#f8fafc,#fff);border:2px solid #d1fae5;color:#0f172a;word-break:break-all;box-shadow:inset 0 2px 12px rgba(5,150,105,.06)}
.sci-display-sub{font-size:.72rem;color:#64748b;text-align:right;margin-top:.35rem;padding-right:.25rem}
.sci-keypad{display:grid;gap:.45rem}
.sci-keypad--std{grid-template-columns:repeat(4,1fr)}
.sci-keypad--sci{grid-template-columns:repeat(5,1fr)}
@media(max-width:520px){.sci-keypad--sci{grid-template-columns:repeat(4,1fr)}}
.sci-key{border:none;border-radius:14px;padding:.75rem .35rem;font:inherit;font-weight:700;font-size:.82rem;cursor:pointer;color:#0f172a;background:linear-gradient(180deg,#fff,#f0fdf4);border:1px solid #d1fae5;box-shadow:0 3px 0 #bbf7d0,0 2px 8px rgba(5,150,105,.06);transition:transform .08s,box-shadow .08s}
.sci-key:active{transform:translateY(2px);box-shadow:0 1px 0 #bbf7d0}
.sci-key--fn{font-size:.72rem;color:#047857;background:linear-gradient(180deg,#ecfdf5,#d1fae5)}
.sci-key--op{color:#059669}
.sci-key--eq{grid-column:span 2;background:linear-gradient(135deg,var(--ac-primary,#059669),var(--ac-secondary,#10b981));border-color:transparent;color:#fff;font-size:.95rem;box-shadow:0 6px 20px rgba(5,150,105,.3)}
.sci-key--wide{grid-column:span 2}
.sci-key--danger{color:#dc2626;border-color:#fecaca;background:linear-gradient(180deg,#fff,#fef2f2)}
.sci-hint-card{margin:1rem 0 0;padding:.85rem 1rem;border-radius:16px;border:1px solid #bbf7d0;background:#ecfdf5;color:#475569;font-size:.84rem;line-height:1.5}
.sci-history-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.55rem;max-height:420px;overflow:auto}
.sci-history-item{padding:.85rem 1rem;border-radius:16px;background:#f8fafc;border:1px solid #d1fae5;cursor:pointer;transition:border-color .15s,background .15s}
.sci-history-item:hover{border-color:#6ee7b7;background:#ecfdf5}
.sci-history-item .expr{font-family:"JetBrains Mono",monospace;font-size:.78rem;color:#64748b;word-break:break-all}
.sci-history-item .val{font-family:"JetBrains Mono",monospace;font-size:1.05rem;color:#059669;font-weight:600;margin-top:.25rem}
.sci-history-empty{text-align:center;color:#64748b;padding:2rem 1rem}
.sci-ref-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.65rem;margin-top:.75rem}
.sci-ref-chip{padding:.65rem .75rem;border-radius:14px;background:#f0fdf4;border:1px solid #d1fae5;font-size:.78rem;color:#475569}
.sci-ref-chip code{font-family:"JetBrains Mono",monospace;color:#059669;font-size:.72rem}
.ac-article-full{width:100%;max-width:none;margin:2.5rem 0 0;padding:0}
.sci-article-inner{width:100%;padding:0 1.25rem 2.75rem}
@media(min-width:640px){.sci-article-inner{padding:0 2rem 3rem}}
@media(min-width:1024px){.sci-article-inner{padding:0 2.75rem 3.5rem}}
.sci-article-inner .pf-article-inner{background:#fff;border:1px solid #bbf7d0;border-radius:28px;padding:1.75rem 1.35rem;color:#334155;box-shadow:0 20px 55px rgba(5,150,105,.08)}
@media(min-width:768px){.sci-article-inner .pf-article-inner{padding:2.25rem 2.5rem}}
.sci-article-inner .pf-prose p{color:#475569}
.sci-article-inner h2,.sci-article-inner h3{color:#064e3b}
.ac-site-footer{margin-top:2rem;padding:2rem 1.25rem;border-top:1px solid #ecfdf5;background:linear-gradient(180deg,transparent,#f0fdf4)}
.ac-footer-inner{max-width:none;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between;padding:0 .25rem}
.ac-footer-brand strong{color:#064e3b}
.ac-footer-brand p{color:#64748b;font-size:.88rem}
.ac-footer-links a{color:var(--ac-primary,#059669);font-weight:600;text-decoration:none;font-size:.88rem}
.ac-footer-copy{text-align:center;color:#94a3b8;font-size:.78rem;margin:1.25rem 0 0}
.ac-legal-main{padding:1rem 1.25rem 2rem;color:#334155}
.ac-legal-h1{color:#064e3b}
.ac-ad-wrap{padding:0 1.25rem;margin:1rem auto;max-width:none}
@media(min-width:640px){.ac-ad-wrap{padding:0 2rem}}
.ac-ad-slot{background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;color:#94a3b8;min-height:90px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600}
.ac-ad-slot.ac-live{border-style:solid;border-color:#e2e8f0;background:#fff}
.ac-ad-premium-card{background:#ecfdf5;border:1px solid #bbf7d0;border-radius:20px;padding:1rem}
.ac-sticky-ad{position:fixed;bottom:0;left:0;right:0;z-index:40;pointer-events:none}
.ac-sticky-ad .ac-ad-slot{pointer-events:auto;border-radius:0}
.ac-footer{display:none}