.calculator-container{max-width:700px;margin:0 auto;padding:1.5rem 1rem}.calc-header{text-align:center;border-bottom:2px solid var(--border);margin-bottom:1.5rem;padding-bottom:.75rem}.calc-header h1{color:var(--text);margin-bottom:.25rem;font-size:1.75rem}.calc-header p{color:var(--text-secondary);margin:0;font-size:.9rem}.mode-switcher{background:0 0;border-radius:0;justify-content:center;align-self:center;gap:1rem;width:fit-content;max-width:100%;margin-bottom:0;margin-left:auto;margin-right:auto;padding:0;display:flex}.calc-mode-shell{justify-self:center;width:100%}.calc-workspace-shell{width:100%}.mode-switcher button{background:var(--bg-elevated);min-width:140px;min-height:52px;color:var(--text);border:1px solid var(--border);justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:1rem;display:flex}.mode-switcher button.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%);border-color:#0000}.mode-switcher button:not(.active):hover{border-color:var(--primary);color:var(--primary)}[data-theme=dark] .mode-switcher button.active{color:#fff;background:linear-gradient(135deg,#4f46e5 0%,#2563eb 100%);border-color:#0000}.mode-icon{width:1.2rem;height:1.2rem}.mode-label{-webkit-line-clamp:2;line-clamp:2;text-align:center;-webkit-box-orient:vertical;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.calc-workspace{gap:2rem;max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}.calc-workspace.mode-calculator{grid-template-columns:1fr}.calc-workspace.mode-graph{grid-template-columns:1fr;max-width:900px}.calc-workspace.mode-split{grid-template-columns:minmax(0,550px) 1fr;max-width:900px}.calc-section{flex-direction:column;display:flex}@media (width<=968px){.calc-workspace.mode-split{grid-template-columns:1fr}.calc-workspace{max-width:100%}}.calc-panel{background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;padding:1.25rem;box-shadow:0 2px 8px #0000001a}.calc-screen{background:#e8f0e8;border:2px solid #999;border-radius:4px;flex-direction:column;justify-content:space-between;height:110px;margin-bottom:1.25rem;padding:1rem;display:flex;overflow:hidden}.calc-input{color:#000;text-align:right;background:0 0;border:none;outline:none;width:100%;height:2rem;margin:0;padding:0;font-family:Courier New,monospace;font-size:1.5rem;line-height:2rem}.calc-preview{color:#2e7d32;text-align:right;height:1.5rem;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600;line-height:1.5rem}.calc-error{color:#d32f2f;text-align:right;height:1.5rem;font-size:.9rem;font-weight:500;line-height:1.5rem}.calc-grid{flex-direction:column;gap:.4rem;display:flex}.calc-grid-row{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.calc-key{cursor:pointer;transition:background-color var(--transition-fast) ease, color var(--transition-fast) ease, border-color var(--transition-fast) ease, transform var(--transition-fast) ease;color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;justify-content:center;align-items:center;min-height:42px;padding:.6rem .3rem;font-size:.95rem;font-weight:500;display:flex}.calc-key:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.calc-key:active{transform:scale(.95)}.calc-key.num{background:#f5f5f5;font-size:1.1rem;font-weight:600}.calc-key.op{color:#1976d2;background:#e3f2fd;font-size:1.1rem;font-weight:600}.calc-key.func{color:#e65100;background:#fff3e0;font-weight:600}.calc-key.equals{background:var(--primary);color:#fff;font-size:1.2rem;font-weight:600}.calc-key.equals:hover{background:var(--primary-hover)}.graph-panel{background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 2px 8px #0000001a}.graph-input label{color:var(--text);margin-bottom:.5rem;font-size:1rem;font-weight:600;display:block}.graph-input-field{border:2px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:6px;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:1.2rem}.graph-input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f46e51a}.graph-error{color:var(--error);margin-top:.25rem;font-size:.9rem;font-weight:500}.graph-controls{background:var(--bg);border-radius:6px;flex-wrap:wrap;align-items:center;gap:.75rem;padding:.75rem;display:flex}.range-control{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.range-control label{color:var(--text);align-items:center;font-size:.9rem;font-weight:500;display:flex}.range-control input{border:2px solid var(--border);border-radius:4px;width:80px;height:36px;min-height:36px;padding:.25rem .5rem;font-size:.95rem}.graph-canvas{border:2px solid var(--border);background:#fff;border-radius:6px;justify-content:center;align-items:center;height:450px;padding:1rem;display:flex}.graph-placeholder{text-align:center;color:var(--text-secondary)}.graph-placeholder div:first-child{opacity:.3;margin-bottom:.75rem;font-size:3rem}.graph-placeholder p{margin:0;font-size:1rem}.history-panel{background:var(--bg-secondary);border:2px solid var(--border);border-radius:8px;margin-bottom:2rem;padding:1.25rem;box-shadow:0 2px 8px #0000001a}.history-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.history-header h3{color:var(--text);margin:0;font-size:1.2rem}.history-header button{padding:.5rem 1rem;font-size:.9rem}.history-list{flex-direction:column;gap:.5rem;max-height:300px;display:flex;overflow-y:auto}.history-item{background:var(--bg);border:1px solid var(--border);cursor:pointer;transition:border-color var(--transition-fast) ease, background-color var(--transition-fast) ease, color var(--transition-fast) ease, transform var(--transition-fast) ease;border-radius:6px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.95rem;display:flex}.history-item:hover{border-color:var(--primary);background:var(--primary);color:#fff;transform:translate(2px)}.graph-panel-skeleton{min-height:520px}.graph-skeleton-line{height:1rem}.graph-skeleton-line--hero{width:11rem;margin-bottom:.5rem}.graph-skeleton-line--canvas{border-radius:18px;height:360px;margin-top:.5rem}.history-item:hover .history-expr,.history-item:hover .history-result{color:#fff}.history-expr{color:var(--text);font-family:Courier New,monospace;font-weight:500}.history-result{color:var(--success);font-family:Courier New,monospace;font-weight:600}.history-type{margin-right:.5rem;font-size:1.1rem}@media (width<=768px){.calculator-container{padding:1rem .5rem}.calc-header h1{font-size:1.5rem}.calc-header p{font-size:.85rem}.mode-switcher{flex-direction:row;gap:.5rem;padding:.5rem}.mode-switcher button{flex:1;width:auto;min-width:auto;padding:.5rem .75rem;font-size:.85rem}.mode-icon{font-size:1rem}.mode-label{font-size:.85rem}.calc-workspace{gap:1rem;max-width:100%}.calc-workspace.mode-calculator{max-width:100%}.calc-panel{padding:1rem}.calc-screen{height:100px;padding:.75rem}.calc-key{min-height:48px;padding:.5rem .2rem;font-size:1rem}.calc-key.num,.calc-key.op{font-size:1.15rem}.calc-input{font-size:1.3rem}.calc-preview{font-size:1rem}.graph-panel{padding:1rem}.graph-canvas{height:300px}.range-control input{width:60px}.history-panel{padding:1rem}}.calculator-container.premium-tool-page{max-width:none}.calculator-container.premium-tool-page .calc-mode-shell,.calculator-container.premium-tool-page .calc-workspace-shell{border-radius:8px}.calculator-container.premium-tool-page .mode-switcher{gap:.6rem;width:100%;max-width:none}.calculator-container.premium-tool-page .mode-switcher button{color:#aeb7c5;white-space:normal;background:linear-gradient(#ffffff09,#ffffff03),#060a0fb8;border-color:#ff8a0038;border-radius:8px}.calculator-container.premium-tool-page .mode-switcher button.active,[data-theme=dark] .calculator-container.premium-tool-page .mode-switcher button.active{color:#9eeaff;background:radial-gradient(180px 100px at 0 0,#34d6ff38,#0000 70%),linear-gradient(#34d6ff2b,#34d6ff12),#080b10d1;border-color:#34d6ff7a;box-shadow:0 14px 34px -28px #34d6ffb3}.calculator-container.premium-tool-page .mode-switcher button:not(.active):hover{color:#d9f7ff;border-color:#34d6ff9e}.calculator-container.premium-tool-page .calc-panel,.calculator-container.premium-tool-page .graph-panel,.calculator-container.premium-tool-page .history-panel{background:radial-gradient(420px 240px at 12% 0,#ff8a001a,#0000 64%),linear-gradient(#0d0f14e6,#05080dc7);border:1px solid #ff8a003d;border-radius:8px;box-shadow:inset 0 1px #ffffff0b,0 22px 64px -44px #000000f0}.calculator-container.premium-tool-page .calc-screen{background:linear-gradient(#0c171bf5,#070d11f2);border-color:#34d6ff42;border-radius:8px;box-shadow:inset 0 1px #ffffff0f,inset 0 0 22px #34d6ff14}.calculator-container.premium-tool-page .calc-input,.calculator-container.premium-tool-page .calc-preview{color:#b9f4ff}.calculator-container.premium-tool-page .calc-error{color:#ff8fa3}.calculator-container.premium-tool-page .calc-key{color:#f7f8fb;background:#070a0fc2;border-color:#ff8a0033;border-radius:8px}.calculator-container.premium-tool-page .calc-key.num{background:radial-gradient(120px 80px at 0 0,#ffb43a29,#0000 70%),#070a0fcc}.calculator-container.premium-tool-page .calc-key.op,.calculator-container.premium-tool-page .calc-key.func{color:#9eeaff;background:radial-gradient(120px 80px at 0 0,#34d6ff29,#0000 70%),#070a0fd1;border-color:#34d6ff47}.calculator-container.premium-tool-page .calc-key.equals{color:#ffd08a;background:radial-gradient(140px 90px at 0 0,#ffb43a3d,#0000 70%),#0a0c10e6;border-color:#ffb43a7a}.calculator-container.premium-tool-page .calc-key:hover{color:#d9f7ff;background:radial-gradient(140px 90px at 0 0,#34d6ff38,#0000 70%),#080d12eb;border-color:#34d6ff9e}.calculator-container.premium-tool-page .graph-input-field,.calculator-container.premium-tool-page .range-control input{color:#f7f8fb;background:#03070cb8;border-color:#ff8a0038;border-radius:8px}.calculator-container.premium-tool-page .graph-controls,.calculator-container.premium-tool-page .graph-canvas,.calculator-container.premium-tool-page .history-item{background:#04080d9e;border:1px solid #ff8a002e;border-radius:8px}.calculator-container.premium-tool-page .history-header{border-bottom-color:#ff8a002e}@media (width<=768px){.calculator-container.premium-tool-page .mode-switcher{flex-direction:column}}