.modal.open{display:flex}.calc-wrap{background:#f8fafc;border-radius:12px;padding:18px}.calc-display{background:#1e293b;color:white;padding:14px 16px;border-radius:10px;font-size:1.6rem;text-align:left;min-height:56px;word-break:break-all;margin-bottom:14px;font-family:monospace}.calc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc-btn.op{background:var(--primary);color:white;border-color:var(--primary)}.calc-btn.eq{background:var(--success);color:white;border-color:var(--success)}.result-box{background:#fff;border:1.5px solid var(--border);border-radius:10px;padding:14px;margin-top:14px;font-size:1.05rem;text-align:center;line-height:1.7;display:none}.toast.success{border-right:4px solid var(--success)}.toast.error{border-right:4px solid var(--error)}.toast.warning{border-right:4px solid var(--warning)}.toast.info{border-right:4px solid var(--primary)}.loading-overlay.on{display:flex}html.dark-mode{--bg:#0f172a;--card:#1e293b;--text:#f1f5f9;--muted:#94a3b8;--border:#334155}html.dark-mode body{background:var(--bg)}html.dark-mode .form-group input,html.dark-mode .form-group select,html.dark-mode .form-group textarea{background:#334155;color:#f1f5f9;border-color:#475569}html.dark-mode .calc-btn{background:#334155;color:#f1f5f9;border-color:#475569}html.dark-mode .tool-card{background:#1e293b}html.dark-mode .result-box,html.dark-mode .calc-wrap{background:#334155}html.dark-mode .btn-reset{background:#334155;color:#f1f5f9;border-color:#475569}html.dark-mode .platform-btn,html.dark-mode .size-btn{background:#334155;color:#f1f5f9;border-color:#475569}html.dark-mode .modal-box{background:#1e293b}html.dark-mode .preview-wrapper{background:#0f172a}