@import"https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=JetBrains+Mono:wght@400;600&display=swap";:root{color-scheme:dark;--canvas: #140404;--surface: #2a0808;--surface-raised: #3a1010;--line: #f2d4cc;--ink: #f8ece8;--muted: #c99a94;--accent: #e11d2e;--accent-bright: #ff4d55;--edge-inner: #4a1212;--font-display: "Oswald", "Impact", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body{height:100%;margin:0}body{min-height:100%;display:grid;place-items:center;overflow:auto;font-family:var(--font-display);background:radial-gradient(120% 80% at 12% 0%,#5a1010 0%,transparent 55%),radial-gradient(90% 70% at 100% 100%,#2a0606 0%,transparent 48%),linear-gradient(165deg,#1c0606 0%,var(--canvas) 48%,#0a0202 100%);color:var(--ink)}main{width:min(24rem,calc(100% - 1.5rem));max-height:calc(100% - 1.5rem);margin:.75rem;padding:1.25rem;overflow:hidden;background:var(--surface);border:3px solid var(--line);box-shadow:inset 0 0 0 3px var(--edge-inner)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--muted);margin:0}h1{margin:.4rem 0 1.1rem;font-size:2rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.calc{display:grid;gap:.65rem}.calc label{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.calc input{font:inherit;color:var(--ink);background:var(--canvas);border:3px solid var(--line);box-shadow:inset 0 0 0 3px var(--edge-inner);padding:.65rem .75rem;border-radius:0}button.edge{font:inherit;cursor:pointer;color:var(--ink);background:var(--surface-raised);border:3px solid var(--line);box-shadow:inset 0 0 0 3px var(--edge-inner);padding:.6rem .9rem;border-radius:0;justify-self:start;letter-spacing:.08em;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,background .15s ease,color .15s ease}button.edge:hover{background:var(--accent);color:var(--ink);transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--edge-inner),inset 0 0 0 3px var(--edge-inner)}.result{margin:.25rem 0 0;font-size:1.05rem}.result strong{color:var(--accent-bright)}.calc-logs{margin-top:1.25rem;padding-top:1rem;border-top:3px solid var(--line);display:grid;gap:.55rem}.calc-logs-head{display:flex;justify-content:space-between;gap:.5rem;align-items:baseline}.calc-log-meta{margin:0;font-size:.72rem;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.calc-log-debug{margin:0;font-family:var(--font-mono);font-size:.68rem;line-height:1.35;color:var(--muted);letter-spacing:0;text-transform:none}.calc-log-empty{margin:0;color:var(--muted);font-size:.9rem}.thick-edge-scroll{display:grid;grid-template-columns:minmax(0,1fr) 1.15rem;max-height:12rem;min-height:0;align-items:stretch}.thick-edge-scroll-viewport{min-height:0;max-height:12rem;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.thick-edge-scroll-viewport::-webkit-scrollbar{display:none;width:0;height:0}.thick-edge-scroll-rail{position:relative;min-height:0;border:3px solid var(--line);background:var(--canvas);box-shadow:inset 0 0 0 3px var(--edge-inner);opacity:.35;transition:opacity .15s ease,background .15s ease}.thick-edge-scroll.is-active .thick-edge-scroll-rail,.thick-edge-scroll-rail.is-active{opacity:1}.thick-edge-scroll-thumb{position:absolute;left:3px;right:3px;top:0;min-height:2.25rem;padding:0;border:3px solid var(--line);background:var(--surface-raised);color:transparent;font-size:0;box-shadow:inset 0 0 0 3px var(--edge-inner);cursor:grab;touch-action:none;transition:background .15s ease,transform .15s ease,box-shadow .15s ease}.thick-edge-scroll-thumb:hover{background:var(--surface);transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--line),inset 0 0 0 3px var(--edge-inner)}.thick-edge-scroll-thumb:active,.thick-edge-scroll-thumb.is-dragging{cursor:grabbing;background:var(--accent)}.calc-log-list{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.calc-log-list li{display:grid;grid-template-columns:1fr auto;gap:.15rem .65rem;padding:.45rem .55rem;border:3px solid var(--line);background:var(--canvas);box-shadow:inset 0 0 0 3px var(--edge-inner);font-size:.88rem}.calc-log-list li.is-error{border-color:var(--accent)}.calc-log-list code{font-family:var(--font-mono);grid-column:1 / -1}.calc-log-result{color:var(--accent-bright)}.calc-log-list time{color:var(--muted);font-size:.72rem;justify-self:end;font-family:var(--font-mono)}
