:root{font-family:Noto Sans,Noto Sans Devanagari,Segoe UI,sans-serif;line-height:1.4;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;height:100%}body{margin:0;min-width:320px;min-height:100dvh;background:transparent}button,input,select{font:inherit}.app-shell{min-height:100dvh;width:100%;--bg: #f3f6fb;--surface: #ffffff;--surface-alt: #f8fafc;--text: #0f172a;--muted: #475569;--display-bg: #e9eff8;--display-text: #0b1222;--display-muted: #334155;--border: #d7deea;--shadow: 0 1px 0 rgba(15, 23, 42, .06);--key-bg: #ffffff;--key-action: #fef2f2;--key-special: #ecfdf5;--key-equals: #fef3c7;--key-bracket: #ede9fe;--key-divide: #dbeafe;--key-multiply: #e0f2fe;--key-minus: #ffe4e6;--key-plus: #dcfce7;--backdrop: rgba(2, 6, 23, .52);background:var(--bg);color:var(--text)}.theme-dark{--bg: #0b1220;--surface: #111a2d;--surface-alt: #1a253b;--text: #e2e8f0;--muted: #94a3b8;--display-bg: #1f2a41;--display-text: #f8fafc;--display-muted: #cbd5e1;--border: #29364f;--shadow: 0 1px 0 rgba(148, 163, 184, .15);--key-bg: #172238;--key-action: #3a1f2a;--key-special: #1c3a32;--key-equals: #3f3316;--key-bracket: #2a2350;--key-divide: #1e3155;--key-multiply: #183b4a;--key-minus: #4a2632;--key-plus: #1d3d2a;--backdrop: rgba(2, 6, 23, .7)}.calculator{min-height:100dvh;width:100%;max-width:34rem;margin:0 auto;padding:max(.9rem,env(safe-area-inset-top)) .9rem max(.9rem,env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:flex-start;gap:.75rem}.brand-row{display:flex;align-items:center}.brand-name{margin:0;font-size:.92rem;font-weight:700;letter-spacing:.01em;color:var(--muted)}.display-panel{background:var(--display-bg);color:var(--display-text);border:1px solid var(--border);border-radius:.9rem;padding:.9rem;min-height:7rem}.expression,.result{margin:0;white-space:nowrap;overflow-x:auto}.expression{color:var(--display-muted);font-size:.92rem}.result{margin-top:.5rem;font-size:1.38rem;font-weight:700}.result-error{color:#ef4444}.utility-row{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.utility-btn{border:1px solid var(--border);border-radius:.72rem;min-height:2.8rem;background:var(--surface-alt);color:var(--text);font-size:.93rem;font-weight:600;box-shadow:var(--shadow)}.utility-btn:disabled{opacity:.52}.history-panel{flex:1;min-height:5.5rem;border:1px solid var(--border);border-radius:.82rem;background:var(--surface);padding:.7rem;overflow:hidden;display:flex;flex-direction:column;gap:.45rem}.history-header{display:flex;justify-content:space-between;align-items:baseline;gap:.6rem}.history-header p{margin:0;font-size:.9rem;font-weight:700}.history-header span{margin:0;color:var(--muted);font-size:.76rem}.history-empty{margin:.2rem 0 0;color:var(--muted);font-size:.84rem}.history-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;overflow-y:auto}.history-item{border:1px solid var(--border);border-radius:.65rem;padding:.45rem .55rem;background:var(--surface-alt)}.history-expression{margin:0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow-x:auto}.history-result{margin-top:.22rem;border:none;background:transparent;color:var(--text);font-size:.95rem;font-weight:700;padding:0;white-space:nowrap;overflow-x:auto;width:100%;text-align:left;cursor:pointer}.keypad{margin-top:.25rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}.key{border:1px solid var(--border);border-radius:.74rem;height:3.5rem;background:var(--key-bg);color:var(--text);font-size:1rem;font-weight:650;box-shadow:var(--shadow)}.btn-action{background:var(--key-action)}.btn-special{background:var(--key-special);font-size:.92rem}.btn-bracket{background:var(--key-bracket)}.btn-divide{background:var(--key-divide)}.btn-multiply{background:var(--key-multiply)}.btn-minus{background:var(--key-minus)}.btn-plus{background:var(--key-plus)}.btn-equals{background:var(--key-equals)}.key:active,.utility-btn:active,.close-btn:active{transform:translateY(1px)}.key:focus-visible,.utility-btn:focus-visible,.close-btn:focus-visible,.field input:focus-visible,.field select:focus-visible{outline:2px solid #3b82f6;outline-offset:2px}.modal-backdrop{position:fixed;inset:0;background:var(--backdrop);display:grid;place-items:center;padding:1rem}.modal{width:min(100%,32rem);max-height:86vh;overflow-y:auto;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:.95rem;padding:1rem}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:.8rem}.modal-head h2{margin:0;font-size:1.06rem}.modal-source{margin:.7rem 0 1rem;font-size:.94rem;color:var(--muted)}.modal-group h3{margin:.7rem 0;font-size:.97rem}.modal-group p{margin:.32rem 0}.close-btn{border:1px solid var(--border);border-radius:.6rem;min-height:2rem;padding:.35rem .7rem;background:var(--surface-alt);color:var(--text);font-weight:600}.field{display:grid;gap:.35rem;margin-bottom:.9rem}.field span{font-size:.9rem;font-weight:600;color:var(--muted)}.field select,.field input{width:100%;min-height:2.4rem;border:1px solid var(--border);border-radius:.6rem;background:var(--surface-alt);color:var(--text);padding:.5rem .6rem;font:inherit}.copy-modal .copy-value{margin:.15rem 0 .85rem;font-size:1.05rem;font-weight:700}.copy-action{width:100%}.copy-status{margin:.6rem 0 0;color:var(--muted);font-size:.86rem}@media(max-height:760px){.key{height:3.1rem}.display-panel{min-height:6.2rem}.history-panel{min-height:4.2rem}}@media(min-width:900px){.calculator{padding-left:1.2rem;padding-right:1.2rem}.key{height:3.7rem;font-size:1.05rem}}