:root,[data-theme=light]{--bg:#f8f9fa;--bg-card:#fff;--bg-input:#fff;--text:#1a1a2e;--text-muted:#6c757d;--border:#dee2e6;--primary:#4361ee;--primary-hover:#3a56d4;--accent:#7209b7;--result-bg:#f1f3f5;--history-bg:#f8f9fa;--history-hover:#e9ecef;--error:#e63946;--shadow:0 1px 3px #00000014;--shadow-lg:0 4px 12px #0000001a}[data-theme=dark]{--bg:#0f0f1a;--bg-card:#1a1a2e;--bg-input:#16213e;--text:#e0e0e0;--text-muted:#8a8a9a;--border:#2a2a3e;--primary:#4cc9f0;--primary-hover:#3ab5db;--accent:#b5179e;--result-bg:#16213e;--history-bg:#12121e;--history-hover:#1e1e32;--error:#ff6b6b;--shadow:0 1px 3px #0000004d;--shadow-lg:0 4px 12px #0006}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;transition:background .3s,color .3s}#app{max-width:720px;margin:0 auto;padding:1rem 1rem 2rem}header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 0 1.5rem;display:flex}.header-left h1{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}#theme-toggle{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow);color:var(--text);border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s,border-color .2s;display:flex}#theme-toggle:hover{border-color:var(--primary)}[data-theme=light] .icon-moon,[data-theme=dark] .icon-sun{display:none}[data-theme=light] .icon-sun,[data-theme=dark] .icon-moon{display:inline}.converter-section,.history-section{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}.input-group{flex-direction:column;gap:.5rem;display:flex}.input-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.8rem;font-weight:600}select,textarea{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:8px;outline:none;padding:.6rem .8rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}select:focus,textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #4361ee26}textarea{resize:vertical;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace}button{cursor:pointer;font-family:inherit;transition:background .2s,border-color .2s,transform .1s}button:active{transform:scale(.97)}.actions-row{gap:.5rem;margin:1rem 0;display:flex}.actions-row button{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:8px;padding:.55rem 1rem;font-size:.9rem;font-weight:500}.actions-row button:hover{border-color:var(--primary)}.actions-row button.primary{background:var(--primary);color:#fff;border-color:var(--primary);flex:1}.actions-row button.primary:hover{background:var(--primary-hover)}.results{flex-direction:column;gap:.5rem;display:flex}.result-row{background:var(--result-bg);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem .8rem;transition:background .2s;display:flex}.result-label{color:var(--text-muted);white-space:nowrap;min-width:120px;font-size:.8rem;font-weight:600}.result-value-wrap{flex:1;justify-content:flex-end;align-items:center;gap:.5rem;display:flex;overflow:hidden}.result-value{word-break:break-all;text-align:right;background:0 0;padding:0;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.9rem}.btn-copy{opacity:.6;color:var(--text);background:0 0;border:none;flex-shrink:0;padding:.2rem;font-size:.85rem}.btn-copy:hover{opacity:1}.history-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.history-header h2{font-size:1.1rem;font-weight:600}#btn-clear-history{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:6px;padding:.3rem .7rem;font-size:.8rem}#btn-clear-history:hover{border-color:var(--error);color:var(--error)}#history-list{flex-direction:column;gap:.4rem;max-height:300px;display:flex;overflow-y:auto}.history-item{background:var(--history-bg);border:1px solid var(--border);cursor:pointer;border-radius:8px;padding:.6rem .8rem;transition:background .15s,border-color .15s}.history-item:hover{background:var(--history-hover);border-color:var(--primary)}.history-meta{justify-content:space-between;margin-bottom:.25rem;display:flex}.history-format{color:var(--primary);text-transform:uppercase;letter-spacing:.03em;font-size:.75rem;font-weight:600}.history-time{color:var(--text-muted);font-size:.75rem}.history-value{color:var(--text);word-break:break-all;background:0 0;padding:0;font-family:SF Mono,Fira Code,Cascadia Code,ui-monospace,monospace;font-size:.85rem}.empty-state{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.9rem}.error{color:var(--error);text-align:center;background:#e6394614;border-radius:8px;padding:.8rem;font-weight:500}footer{text-align:center;color:var(--text-muted);padding:1rem 0;font-size:.8rem}@media (width<=520px){.result-row{flex-direction:column;align-items:flex-start;gap:.25rem}.result-value-wrap{justify-content:space-between;width:100%}.result-label{min-width:auto}}