@import"https://fonts.googleapis.com/css2?family=Fraunces:wght@500;600;700&family=Space+Grotesk:wght@400;500;700&display=swap";:root{color-scheme:light;--bg-cream: #f6efe5;--bg-blue: #b8cee0;--bg-apricot: #f4b26b;--surface: rgba(255, 252, 247, .82);--surface-strong: rgba(255, 255, 255, .94);--text-primary: #1d2a37;--text-muted: #5d6a79;--accent: #d95d39;--accent-deep: #9f3414;--outline: rgba(42, 61, 78, .12);--shadow-lg: 0 32px 80px rgba(36, 47, 56, .2);--shadow-sm: 0 10px 30px rgba(45, 54, 61, .14);--radius-xl: 32px;--radius-lg: 22px;--radius-md: 16px;--transition: .18s ease;--pill-blue: #2563eb;--pill-blue-deep: #1d4ed8}*{box-sizing:border-box}html{font-size:16px}body{margin:0;min-height:100vh;font-family:Space Grotesk,Avenir Next,Segoe UI,sans-serif;color:var(--text-primary);background:radial-gradient(circle at top left,rgba(255,255,255,.45),transparent 34%),radial-gradient(circle at bottom right,rgba(217,93,57,.18),transparent 28%),linear-gradient(135deg,var(--bg-cream) 0%,#dde7f0 48%,var(--bg-apricot) 100%)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,rgba(255,255,255,.1),transparent 28%),repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 2px,transparent 2px,transparent 18px);pointer-events:none}code{font-family:Space Grotesk,monospace}.app-shell{position:relative;z-index:1;width:min(1120px,calc(100% - 2rem));min-height:100vh;margin:0 auto;padding:2rem 0;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,420px);gap:1.5rem;align-items:stretch}.hero-panel,.calculator-panel{border:1px solid var(--outline);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:rise .72s var(--transition)}.hero-panel{position:relative;padding:clamp(1.75rem,4vw,3rem);display:flex;flex-direction:column;justify-content:space-between;min-height:640px;color:#fefbf7;background:linear-gradient(180deg,#141e2947,#141e29db),linear-gradient(145deg,rgba(217,93,57,.28),transparent 48%),url(./mathematics-Dhp5lUof.jpg) center / cover}.hero-panel:after{content:"";position:absolute;inset:auto 2rem 2rem auto;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.35),transparent 70%);filter:blur(10px)}.eyebrow,.calculator-kicker,.calculator-hint,.highlight-card span{margin:0;letter-spacing:.16em;text-transform:uppercase;font-size:.75rem;font-weight:700}.eyebrow{color:#fff6eccc}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1rem;padding:0;list-style:none}.pill{display:inline-flex;align-items:center;padding:.4rem .8rem;border-radius:999px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:linear-gradient(180deg,#3b82f6 0%,var(--pill-blue) 100%);border:1px solid rgba(255,255,255,.28);box-shadow:0 6px 16px #2563eb59}.pill-row--hero{margin-bottom:1.1rem}.pill-row--calculator{display:none;margin-bottom:.65rem}.calculator-header__main{min-width:0}.hero-panel h1,.calculator-panel h2{margin:0;font-family:Fraunces,Iowan Old Style,serif;line-height:.95}.hero-panel h1{max-width:10ch;font-size:clamp(3.6rem,9vw,6.8rem)}.lead{max-width:34rem;margin:1.25rem 0 0;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.65;color:#fffaf4e6}.hero-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:auto}.highlight-card{padding:1rem 1.1rem;border:1px solid rgba(255,255,255,.14);border-radius:var(--radius-lg);background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.highlight-card strong{display:block;margin-top:.45rem;font-size:1rem;line-height:1.5}.shortcut-note{margin:1.1rem 0 0;font-size:.98rem;color:#fff6ecd6}.shortcut-note code{padding:.15rem .45rem;border-radius:999px;background:#ffffff1f}.calculator-panel{display:flex;flex-direction:column;padding:1.5rem;background:linear-gradient(180deg,#ffffffd1,#f9f4edf2),var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.calculator-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.calculator-kicker{color:var(--accent-deep)}.calculator-panel h2{margin-top:.5rem;font-size:2.35rem;color:var(--text-primary)}.calculator-hint{padding:.65rem .85rem;border-radius:999px;background:#d95d391a;color:var(--accent-deep)}.display-shell{margin:1.5rem 0;padding:1.25rem;border-radius:26px;border:1px solid rgba(42,61,78,.08);background:var(--surface-strong);box-shadow:inset 0 1px #ffffffbf}.expression,.status{margin:0;min-height:1.4rem}.expression{color:var(--text-muted);font-size:.95rem;letter-spacing:.04em}.display{display:block;margin:.5rem 0;font-size:clamp(2.6rem,6vw,4rem);font-weight:700;text-align:right;line-height:1.1;word-break:break-all}.display--error{color:var(--accent-deep)}.status{text-align:right;color:var(--text-muted);font-size:.95rem}.button-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.85rem}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid rgba(42,61,78,.12);border-radius:var(--radius-md);padding:1rem .75rem;min-height:4.25rem;font:inherit;font-size:1.2rem;font-weight:700;color:var(--text-primary);background:#ffffffb8;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--transition),border-color var(--transition),background var(--transition),color var(--transition)}.button:hover{transform:translateY(-2px);border-color:#d95d3952}.button:focus-visible{outline:3px solid rgba(217,93,57,.35);outline-offset:2px}.button--muted{background:#2a3d4e14}.button--accent,.button--equals{color:#fff8f2;border-color:#9f341433;background:linear-gradient(180deg,#fb8e6af0,#d95d39)}.button--equals{background:linear-gradient(180deg,#21446cf0,#18304c)}.button[data-active=true]{transform:translateY(-2px);border-color:#9f341461;box-shadow:0 16px 32px #d95d3938}@media(max-width:960px){.app-shell{grid-template-columns:1fr;width:min(760px,calc(100% - 1.5rem))}.hero-panel{min-height:360px}.hero-highlights{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:768px){.app-shell{display:flex;flex-direction:column;width:100%;min-height:100dvh;padding:max(.75rem,env(safe-area-inset-top)) max(.75rem,env(safe-area-inset-right)) max(.75rem,env(safe-area-inset-bottom)) max(.75rem,env(safe-area-inset-left));gap:.75rem}.calculator-panel{order:-1;flex:1 1 auto;display:flex;flex-direction:column;min-height:0;padding:1rem;border-radius:22px}.hero-panel{order:1;flex:0 0 auto;min-height:unset;padding:1rem 1.1rem;border-radius:20px}.hero-panel:after{display:none}.hero-panel h1{max-width:none;font-size:clamp(1.85rem,7vw,2.35rem);line-height:1.05}.pill-row--hero{display:none}.pill-row--calculator{display:flex}.lead,.hero-highlights,.shortcut-note{display:none}.eyebrow{font-size:.68rem;letter-spacing:.14em}.calculator-header{align-items:flex-start;flex-direction:row;gap:.75rem}.calculator-header__main{flex:1 1 auto;min-width:0}.pill-row--calculator{margin-bottom:.5rem}.pill{font-size:.62rem;padding:.32rem .62rem}.calculator-panel h2{font-size:1.65rem;margin-top:.25rem}.calculator-hint{margin-left:auto;flex-shrink:0;padding:.5rem .7rem;font-size:.68rem;letter-spacing:.12em}.display-shell{margin:.85rem 0;padding:1rem;border-radius:18px}.display{font-size:clamp(2.25rem,10vw,3rem)}.button-grid{flex:1 1 auto;align-content:end;gap:clamp(.45rem,1.8vw,.65rem);margin-top:auto;grid-auto-rows:minmax(3.25rem,1fr)}.button{min-height:3.25rem;padding:.65rem .35rem;font-size:clamp(1rem,4.2vw,1.15rem);border-radius:14px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.button:hover{transform:none}.button:active{transform:scale(.97)}}@media(max-width:480px){.app-shell{gap:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.hero-panel{display:none}.calculator-panel{flex:1 1 auto;min-height:100dvh;border-radius:0;border-left:none;border-right:none;box-shadow:none;padding:max(.85rem,env(safe-area-inset-top)) max(.85rem,env(safe-area-inset-right)) max(.85rem,env(safe-area-inset-bottom)) max(.85rem,env(safe-area-inset-left))}.calculator-kicker{font-size:.65rem}.calculator-panel h2{font-size:1.5rem}.display-shell{margin:.75rem 0 1rem}.button-grid{gap:.5rem;grid-auto-rows:minmax(3.5rem,1fr)}.button{min-height:3.5rem;font-size:1.2rem}.button[data-action=toggle-sign]{font-size:.95rem;letter-spacing:-.02em}}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}