:root{--bg-deep: #121417;--bg-panel: #1c1f24;--bg-shell: #2a2e35;--bg-key: #3a404a;--bg-key-fn: #4a515c;--bg-key-hover: #4c545f;--accent: #3d8f6e;--accent-hover: #48a37e;--accent-pressed: #32755a;--text: #f2f4f7;--text-dim: #9aa3b2;--text-mute: #6b7380;--danger: #d98989;--focus: #7eb6ff;--radius: 14px;--font-ui: "Outfit", "Hiragino Sans", "Noto Sans JP", sans-serif;--font-mono: "IBM Plex Mono", "Source Han Code JP", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--font-ui);color:var(--text);background:radial-gradient(1200px 600px at 50% -10%,#2a3340 0%,transparent 55%),linear-gradient(180deg,#16191e 0%,var(--bg-deep) 40%,#0e1013 100%);-webkit-font-smoothing:antialiased}button{font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.digit-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.digit-btn{min-height:44px;border:1px solid #454c58;border-radius:10px;background:#30363f;color:var(--text-dim);font-size:.88rem;cursor:pointer}.digit-btn:hover{background:var(--bg-key-hover);color:var(--text)}.digit-btn.active{background:#3a4a43;border-color:var(--accent);color:#d7efe4}.keypad{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.key{min-height:52px;border:none;border-radius:12px;background:var(--bg-key);color:var(--text);font-size:1.25rem;font-weight:560;cursor:pointer;box-shadow:inset 0 1px #ffffff0d}.key:hover{background:var(--bg-key-hover)}.key:active{transform:translateY(1px)}.key-wide{grid-column:span 2}.key-fn{background:var(--bg-key-fn);font-size:1.05rem;color:#d7dbe3}.key-accent{background:var(--accent);color:#f4fff9}.key-accent:hover{background:var(--accent-hover)}.key-accent:active{background:var(--accent-pressed)}@media(prefers-reduced-motion:reduce){.key:active{transform:none}}@media(max-width:360px){.key{min-height:48px;font-size:1.1rem}}.result-wrap{position:relative;background:#14171c;border-radius:12px;border:1px solid #2c313a;overflow:hidden}.result-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding:14px 14px 16px;scrollbar-width:thin;scrollbar-color:#4a515c transparent}.result-scroll:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.result-text{margin:0;font-family:var(--font-mono);font-size:clamp(32px,8vw,40px);font-weight:500;line-height:1.2;color:#f7f8fa;white-space:nowrap;width:max-content;min-width:100%;text-align:left;-webkit-user-select:none;user-select:none}.result-text.selectable{-webkit-user-select:text;user-select:text}.result-fade-in{animation:resultIn .15s ease-out}@media(prefers-reduced-motion:reduce){.result-fade-in{animation:none}}@keyframes resultIn{0%{opacity:0}to{opacity:1}}.result-hint{pointer-events:none;position:absolute;inset:0 0 0 auto;width:120px;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.result-fade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,rgba(20,23,28,.92) 55%)}.result-hint-label{position:relative;font-size:.72rem;color:var(--text-dim);white-space:nowrap}.calc-app{width:min(420px,calc(100% - 32px));margin:0 auto;padding:28px 0 48px}.calc-header{text-align:center;margin-bottom:20px}.calc-lab{margin:0 0 6px;font-size:12px;letter-spacing:.08em;color:var(--text-mute)}.calc-title{margin:0;font-size:clamp(1.15rem,4.2vw,1.45rem);font-weight:600;letter-spacing:.02em;line-height:1.35;color:var(--text)}.calc-sub{margin:8px 0 0;font-size:.92rem;color:var(--text-dim)}.calc-body{background:linear-gradient(160deg,#323842 0%,var(--bg-shell) 45%,#23272e 100%);border:1px solid #3d4450;border-radius:22px;padding:18px 16px 20px;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff0f}.calc-expression{min-height:1.4em;margin-bottom:6px;padding:0 4px;text-align:right;font-size:.95rem;color:var(--text-dim);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calc-status{margin:10px 0 12px;text-align:right;font-size:.85rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.calc-aux{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.aux-btn{min-height:44px;border:1px solid #4a5160;border-radius:10px;background:#343a44;color:var(--text);font-size:.85rem;cursor:pointer}.aux-btn:hover:not(:disabled){background:var(--bg-key-hover)}.aux-btn:disabled{opacity:.45;cursor:not-allowed}.calc-feedback{margin:10px 0 0;text-align:center;font-size:.85rem;color:#b7d7c8}.calc-quip{margin:16px 0 0;text-align:center;font-size:.9rem;color:var(--text-dim)}.calc-note{margin:6px 0 0;text-align:center;font-size:.78rem;color:var(--text-mute)}.calc-help{margin:12px 0 0;text-align:center;font-size:.72rem;line-height:1.5;color:var(--text-mute)}@media(max-width:360px){.calc-app{width:calc(100% - 32px)}.aux-btn{font-size:.78rem}}