:root{--bg: #f4f7f8;--surface: #ffffff;--surface-muted: #f7fafb;--surface-strong: #eef4f4;--text: #17212b;--text-soft: #5d6b7a;--text-muted: #7b8794;--border: #dbe4e7;--accent: #0f766e;--accent-strong: #115e59;--accent-soft: #dff7f4;--warning-bg: #fff1ef;--warning-text: #a33a31;--notice-bg: #fff7ed;--notice-text: #9a4b10;--shadow: 0 18px 45px rgba(15, 23, 42, .08);color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=dark]{--bg: #101418;--surface: #171d22;--surface-muted: #1e252b;--surface-strong: #222b31;--text: #edf4f5;--text-soft: #b6c2c7;--text-muted: #89989f;--border: #2d3940;--accent: #2dd4bf;--accent-strong: #14b8a6;--accent-soft: #123f3b;--warning-bg: #3b1d1a;--warning-text: #ffb4aa;--notice-bg: #332615;--notice-text: #fed7aa;--shadow: 0 18px 45px rgba(0, 0, 0, .3)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:var(--bg)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}.app-shell{width:min(1180px,calc(100% - 32px));min-height:100vh;margin:0 auto;padding:32px 0}.top-bar{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:8px 0 24px}.top-actions{display:flex;align-items:center;gap:12px}.app-kicker,.eyebrow{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}h1,h2{margin:0;color:var(--text);letter-spacing:0}h1{font-size:clamp(2rem,4vw,3.35rem);line-height:1}h2{font-size:1.25rem;line-height:1.2}.theme-toggle,.status-badge,.source-link,.counter{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-soft);font-size:.9rem;font-weight:800;white-space:nowrap}.theme-toggle{gap:8px;padding:8px 13px}.theme-toggle strong{color:var(--text)}.status-badge{gap:10px;padding:8px 14px;text-decoration:none;transition:border-color .16s ease,color .16s ease,transform .16s ease}.status-badge:hover,.status-badge:focus-visible{border-color:var(--accent);color:var(--text);transform:translateY(-1px)}.status-dot{width:10px;height:10px;border-radius:50%;background:#e16259}.status-badge.is-online .status-dot{background:#12a679}.view-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:24px;padding:6px;border:1px solid var(--border);border-radius:8px;background:var(--surface-strong)}.view-tabs button{min-height:42px;border:0;border-radius:6px;background:transparent;color:var(--text-soft);font-weight:900}.view-tabs button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}.workspace,.converter-layout{display:grid;gap:24px;align-items:start}.workspace{grid-template-columns:380px minmax(0,1fr)}.converter-layout{grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr)}.control-panel,.result-panel,.empty-state,.converter-card,.conversion-result-panel,.history-panel{border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.control-panel{position:sticky;top:24px;padding:22px}.converter-card,.conversion-result-panel,.history-panel,.result-panel,.empty-state{padding:28px}.converter-card{min-height:470px}.conversion-result-panel,.history-panel{min-height:220px}.history-panel{grid-column:1 / -1}.panel-heading,.range-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.source-link{padding:8px 12px;text-decoration:none}.converter-form,.query-form{display:grid;gap:16px}.converter-form{grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr);align-items:end}.converter-form label,.converter-form .field,.query-form label,.query-form .field{display:grid;gap:8px;color:var(--text-soft);font-size:.9rem;font-weight:800}.converter-form label:nth-of-type(3),.converter-form .field,.converter-form .primary-button{grid-column:1 / -1}.converter-form select,.converter-form input,.converter-form .date-picker-trigger,.query-form select,.query-form .date-picker-trigger{width:100%;min-height:46px;border:1px solid var(--border);border-radius:8px;padding:0 12px;background:var(--surface-muted);color:var(--text)}.converter-form select:focus,.converter-form input:focus,.converter-form .date-picker-trigger:focus-visible,.query-form select:focus,.query-form input:focus,.query-form .date-picker-trigger:focus-visible{outline:3px solid rgba(20,184,166,.22);border-color:var(--accent)}.date-picker{position:relative;width:100%}.date-picker-trigger{display:flex;align-items:center;justify-content:space-between;text-align:left}.date-picker-trigger:after{content:"▾";color:var(--text-muted);font-size:.95rem}.date-picker-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:30;width:min(300px,calc(100vw - 32px));border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--surface);box-shadow:0 22px 60px #0f172a33}.date-picker-header{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:6px;margin-bottom:10px}.date-picker-header strong{color:var(--text);font-size:.98rem;text-align:center;text-transform:capitalize}.date-picker-nav,.date-picker-day{border:1px solid var(--border);border-radius:8px;background:var(--surface-muted);color:var(--text);font-weight:900}.date-picker-nav{height:34px;font-size:1.2rem}.date-picker-nav:hover,.date-picker-day:hover{border-color:var(--accent);color:var(--accent-strong)}.date-picker-weekdays,.date-picker-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.date-picker-weekdays{margin-bottom:8px}.date-picker-weekdays span{display:grid;min-height:22px;place-items:center;color:var(--text-muted);font-size:.72rem;font-weight:900;text-transform:uppercase}.date-picker-day,.date-picker-empty-day{aspect-ratio:1;min-width:0}.date-picker-day{font-size:.84rem}.date-picker-day.is-today{border-color:var(--accent)}.date-picker-day.is-selected{border-color:var(--accent);background:var(--accent);color:#fff}:root[data-theme=dark] .date-picker-day.is-selected{color:#09201d}.swap-button{width:44px;height:46px;border:1px solid var(--border);border-radius:8px;background:var(--accent-soft);color:var(--accent-strong);font-size:1.35rem;font-weight:900}.checkbox-field{display:flex!important;grid-template-columns:unset;align-items:center;gap:10px!important;color:var(--text-soft)!important}.checkbox-field input{width:18px;height:18px;accent-color:var(--accent)}.primary-button{min-height:46px;border:0;border-radius:8px;padding:0 18px;background:var(--accent);color:#fff;font-weight:900;transition:background .18s ease,transform .18s ease}:root[data-theme=dark] .primary-button{color:#09201d}.primary-button:hover:not(:disabled){background:var(--accent-strong);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.65}.secondary-button,.copy-button{min-height:38px;border:1px solid var(--border);border-radius:8px;padding:0 14px;background:var(--surface-muted);color:var(--text);font-weight:900}.secondary-button:hover,.copy-button:hover{border-color:var(--accent);color:var(--accent-strong)}.copy-button.compact{min-height:32px;padding:0 10px;font-size:.82rem}.error-banner{margin-top:18px;border-left:4px solid #e16259;border-radius:8px;padding:12px 14px;background:var(--warning-bg);color:var(--warning-text);font-weight:800}.page-error{margin:0 0 18px}.results-column{min-width:0}.result-panel,.empty-state{min-height:460px}.empty-state,.empty-conversion{display:grid;place-content:center;gap:8px;color:var(--text-muted);text-align:center}.empty-state strong,.empty-conversion strong{color:var(--text);font-size:1.1rem}.conversion-total{display:grid;gap:8px;margin:18px 0 24px;padding:24px;border-radius:8px;background:linear-gradient(135deg,#12343b,#0f766e);color:#fff}.conversion-total small{color:#ccfbf1;font-weight:800}.conversion-total strong{font-size:clamp(2rem,5vw,3.8rem);line-height:1;overflow-wrap:anywhere}.result-heading,.heading-actions{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.heading-actions{align-items:center}.value-block{display:flex;align-items:flex-end;gap:12px;margin:28px 0;padding:24px;border-radius:8px;background:linear-gradient(135deg,#12343b,#0f766e);color:#fff}.value-block span{font-size:clamp(2rem,6vw,4rem);font-weight:900;line-height:1}.value-block small{padding-bottom:8px;color:#ccfbf1;font-weight:800}.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}.detail-grid div,.summary-row div{border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--surface-muted)}.detail-grid dt,.summary-label{display:block;margin-bottom:6px;color:var(--text-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.detail-grid dd{margin:0;color:var(--text);font-weight:800;overflow-wrap:anywhere}.notice{margin:18px 0 0;border-radius:8px;padding:12px 14px;background:var(--notice-bg);color:var(--notice-text);font-weight:800}.counter{flex:0 0 auto;padding:8px 12px;background:var(--accent-soft);color:var(--accent-strong)}.summary-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0}.summary-row strong{color:var(--text)}.mini-chart{width:100%;height:180px;margin-bottom:22px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.mini-chart line{stroke:var(--border);stroke-width:2}.mini-chart polyline{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:4}.chart-empty{display:grid;min-height:160px;place-items:center;margin-bottom:22px;border:1px dashed var(--border);border-radius:8px;color:var(--text-muted);font-weight:800}.table-shell{max-height:310px;overflow:auto;border:1px solid var(--border);border-radius:8px}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;white-space:nowrap}th{position:sticky;top:0;background:var(--surface-muted);color:var(--text-soft);font-size:.78rem;text-transform:uppercase}td:last-child,th:last-child{text-align:right}tr:last-child td{border-bottom:0}.history-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.history-heading span:last-child{display:grid;width:32px;height:32px;place-items:center;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-weight:900}.history-list{display:grid;gap:10px}.history-item{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--surface-muted)}.history-item div{display:grid;gap:4px}.history-item span{color:var(--text-soft);font-weight:800}.history-item>span{color:var(--text);text-align:right}.history-actions{display:flex!important;align-items:center;justify-content:flex-end;gap:10px!important}.history-actions>span{color:var(--text);font-weight:900;text-align:right}.history-empty{margin:0;color:var(--text-muted);font-weight:800}.copy-toast{position:fixed;right:24px;bottom:24px;z-index:50;display:flex;align-items:flex-start;gap:14px;width:min(360px,calc(100% - 32px));border:1px solid var(--border);border-radius:8px;padding:14px 14px 14px 16px;background:var(--surface);color:var(--text);box-shadow:0 18px 55px #0000002e;animation:toast-in .18s ease-out}.copy-toast:before{content:"";flex:0 0 auto;width:10px;height:10px;margin-top:7px;border-radius:999px;background:var(--accent)}.copy-toast div{display:grid;flex:1;gap:3px}.copy-toast strong{color:var(--text);font-size:.95rem}.copy-toast span{color:var(--text-soft);font-size:.88rem;font-weight:700}.copy-toast button{width:28px;height:28px;border:0;border-radius:6px;background:var(--surface-muted);color:var(--text-muted);font-weight:900}.copy-toast button:hover{color:var(--text)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.workspace,.converter-layout{grid-template-columns:1fr}.control-panel{position:static}}@media(max-width:640px){.app-shell{width:min(100% - 20px,1180px);padding:18px 0}.top-bar,.top-actions,.panel-heading,.range-heading{align-items:stretch;flex-direction:column}.view-tabs,.converter-form{grid-template-columns:1fr}.swap-button{width:100%}.result-panel,.empty-state,.control-panel,.converter-card,.conversion-result-panel,.history-panel{padding:18px}.detail-grid,.summary-row{grid-template-columns:1fr}.value-block{display:grid;align-items:start;padding:20px}.history-item{align-items:flex-start;flex-direction:column}.history-actions{width:100%;justify-content:space-between}.history-item>span,.history-actions>span{text-align:left}.copy-toast{right:10px;bottom:10px;width:calc(100% - 20px)}th,td{padding:10px}}