@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Outfit:wght@500;700&family=Syne:wght@700;800&display=swap";:root{color-scheme:dark;font-family:Syne,sans-serif;background:#09090f;color:#eeeef6}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(110,255,204,.035),transparent 330px),linear-gradient(180deg,#09090f,#07070b)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;content:"";opacity:.18;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 84%,transparent)}button,input,select{font:inherit}button{cursor:pointer}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:16px 32px;border-bottom:1px solid rgba(255,255,255,.06)}.brand-link{display:inline-flex;align-items:center}.brand-link img{width:146px;height:28px;object-fit:contain}.site-nav{display:flex;gap:32px;align-items:center}.nav-action{border:0;border-bottom:2px solid transparent;background:transparent;color:#eeeef694;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;padding:4px 0}.nav-action:hover{color:#fff;border-color:#78f4c6}.page-main{width:min(900px,100%);margin:0 auto;padding:52px 32px 80px}.hero-block{margin-bottom:34px}.section-marker{display:flex;align-items:center;gap:10px;margin-bottom:20px;color:#79ffd0;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.22em}.section-marker i{flex:1;height:1px;background:linear-gradient(90deg,#79ffd08c,#ffffff09)}h1{margin:0;color:#f0f0f8;font-size:clamp(62px,11vw,104px);font-weight:800;line-height:.78;letter-spacing:0;text-transform:uppercase}.hero-block p{max-width:620px;margin:20px 0 0;color:#eeeef680;font-size:15px;line-height:1.65}.mode-tabs{display:flex;flex-wrap:wrap;gap:28px;margin:0 0 30px}.mode-tab{border:0;border-bottom:2px solid transparent;background:transparent;color:#eeeef661;font-family:Outfit,sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;padding:4px 0}.mode-tab.is-active{color:#fff;border-image:linear-gradient(90deg,#78f4c6,#80a8ff) 1}.tool-section,.history-section{margin-top:34px}.display-card,.history-card{position:relative;border:1px solid rgba(255,255,255,.07);border-radius:16px;background:#0d0d14eb;box-shadow:0 24px 80px #00000038}.display-card{padding:20px}.display-card:before{position:absolute;top:24px;bottom:24px;left:18px;width:18px;content:"";opacity:.22;background:repeating-linear-gradient(90deg,transparent 0 3px,rgba(255,255,255,.42) 3px 4px)}.display-topline{display:flex;justify-content:space-between;gap:16px;padding-left:22px;color:#eeeef657;font-family:DM Mono,monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.expression-input{width:100%;margin-top:20px;border:0;outline:0;background:transparent;color:#eeeef6;font-family:DM Mono,monospace;font-size:clamp(24px,4vw,36px);letter-spacing:0}.display-divider{height:1px;margin:16px 0;background:#ffffff12}.result{display:block;min-height:46px;color:#f0f0f8;font-family:DM Mono,monospace;font-size:clamp(32px,6vw,56px);line-height:1;overflow-wrap:anywhere}.result.is-error{color:#ff6178;font-size:clamp(16px,3vw,24px);line-height:1.35}.control-strip{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.chip,.calc-key,.history-item,select{border:1px solid rgba(255,255,255,.085);border-radius:10px;background:#11111b;color:#eeeef6}.chip{min-height:38px;padding:0 14px;color:#eeeef69e;font-family:DM Mono,monospace;font-size:12px}.chip.is-active{border-color:#79ffd0b8;color:#79ffd0}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:20px}.keypad--advanced{grid-template-columns:repeat(5,minmax(0,1fr))}.calc-key{min-height:62px;font-family:DM Mono,monospace;font-size:15px;transition:border-color .16s ease,color .16s ease,background .16s ease}.calc-key:hover,.chip:hover,.history-item:hover,select:hover{border-color:#79ffd06b;background:#151521}.calc-key:focus-visible,.chip:focus-visible,.mode-tab:focus-visible,.nav-action:focus-visible,.history-item:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #79ffd0;outline-offset:3px}.calc-key.is-operator{color:#8fb0ff}.calc-key.is-equals{border-color:#79ffd0b8;background:linear-gradient(90deg,#79ffd0,#9ab6ff);color:#08080b;font-weight:700}.base-grid,.unit-grid{display:grid;gap:12px;margin-top:20px}.base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.base-grid div,.unit-grid label{border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#0d0d14eb;padding:16px}.base-grid span,.unit-grid label{color:#eeeef67a;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}.base-grid strong{display:block;margin-top:8px;color:#eeeef6;font-family:DM Mono,monospace;font-size:15px;overflow-wrap:anywhere}select{width:100%;min-height:46px;margin-top:10px;padding:0 12px;color:#eeeef6;font-family:DM Mono,monospace;font-size:13px}.history-card{display:grid;gap:8px;min-height:96px;padding:16px}.history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;width:100%;padding:14px 16px;text-align:left}.history-item span,.history-item strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:DM Mono,monospace;font-size:13px}.history-item span{color:#eeeef685}.history-item strong{color:#fff}.empty-state{align-self:center;justify-self:center;margin:0;color:#eeeef661;font-family:DM Mono,monospace;font-size:13px}.site-footer{display:flex;justify-content:center;gap:10px;padding:40px 24px;color:#eeeef65c;font-family:DM Mono,monospace;font-size:12px}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{color:#eeeef6}@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;gap:20px;padding:20px}.site-nav,.mode-tabs{gap:18px}.page-main{padding:42px 20px 64px}h1{font-size:clamp(54px,20vw,86px)}.display-card{padding:22px}.display-card:before{display:none}.display-topline{padding-left:0}.keypad,.keypad--advanced,.unit-grid,.base-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-item{grid-template-columns:1fr}}