:root{--kag-blue: #0E0D6A;--kag-blue-bright: #009DEC;--kag-pink: #FF0066;--kag-text: #262626;--kag-text-secondary: #595959;--kag-surface: #ffffff;--kag-surface-subtle: #f5f8fc;--kag-border: #e3e8ef;--kag-bg: linear-gradient(180deg, #f5f8fc 0%, #eef2f8 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--kag-bg);color:var(--kag-text);font-family:Inter Tight,Zen Kaku Gothic New,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.calculator-container{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:16px}.calculator{background:var(--kag-surface);border:1px solid var(--kag-border);border-radius:12px;padding:24px;box-shadow:0 4px 16px -8px #0e0d6a2e;width:100%;max-width:320px}.display{background:var(--kag-surface-subtle);border:1px solid var(--kag-border);border-radius:8px;padding:20px 16px;margin-bottom:20px;font-size:32px;font-weight:600;text-align:right;color:var(--kag-blue);font-family:JetBrains Mono,monospace;word-wrap:break-word;word-break:break-all;min-height:60px;display:flex;align-items:center;justify-content:flex-end}.buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.btn{padding:16px;font-size:18px;font-weight:600;border:1px solid var(--kag-border);border-radius:8px;background:var(--kag-surface-subtle);color:var(--kag-text);cursor:pointer;transition:all .2s ease;font-family:Inter Tight,Zen Kaku Gothic New,system-ui,sans-serif}.btn:hover{background:var(--kag-border);transform:translateY(-2px)}.btn:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0000001a}.btn-operation{background:var(--kag-blue);color:#fff;border-color:var(--kag-blue)}.btn-operation:hover{background:var(--kag-blue-bright);border-color:var(--kag-blue-bright)}.btn-equals{background:var(--kag-blue);color:#fff;border-color:var(--kag-blue)}.btn-equals:hover{background:var(--kag-blue-bright);border-color:var(--kag-blue-bright)}.btn-clear{background:#fdecee;color:#c4314b;border-color:#fdecee}.btn-clear:hover{background:#f5d5dd}.btn-backspace{background:var(--kag-surface-subtle);color:var(--kag-text);border-color:var(--kag-border)}.btn-backspace:hover{background:var(--kag-border)}.btn-zero{grid-column:span 2}@media (max-width: 480px){.calculator{padding:16px}.display{font-size:28px;padding:16px 12px}.btn{padding:14px;font-size:16px}.buttons{gap:6px}}