:root{--bg: #f4f7fb;--bg-soft: #ffffff;--text: #111827;--muted: #6b7280;--card: #ffffff;--border: #d8e0ea;--accent: #0d9488;--accent-strong: #0f766e;--input-bg: #ffffff;--chip: #effaf8;--shadow: 0 8px 28px rgba(17, 24, 39, .08);--tool-illust-bg: linear-gradient(135deg, #eef2f7 0%, #e4eaf2 100%);--tool-illust-fg: #475569}[data-theme=dark]{--bg: #0b1220;--bg-soft: #111a2b;--text: #e5e7eb;--muted: #94a3b8;--card: #111a2b;--border: #253247;--accent: #14b8a6;--accent-strong: #2dd4bf;--input-bg: #0b1220;--chip: #13312e;--shadow: 0 8px 26px rgba(2, 6, 23, .45);--tool-illust-bg: linear-gradient(135deg, #1a2a40 0%, #0d1b2a 100%);--tool-illust-fg: #4a90d9}[data-theme=ocean]{--bg: #e6f4ff;--bg-soft: #ffffff;--text: #0c2238;--muted: #4f6c86;--card: #ffffff;--border: #bfd8ec;--accent: #0a84ff;--accent-strong: #0369d6;--input-bg: #ffffff;--chip: #eaf5ff;--tool-illust-bg: linear-gradient(135deg, #dceefb 0%, #c8e2f5 100%);--tool-illust-fg: #2468a0}[data-theme=forest]{--bg: #edf7ee;--bg-soft: #ffffff;--text: #1a2c1c;--muted: #547059;--card: #ffffff;--border: #c7e0cc;--accent: #2f855a;--accent-strong: #276749;--input-bg: #ffffff;--chip: #eef9f0;--tool-illust-bg: linear-gradient(135deg, #dceedd 0%, #c8e0cc 100%);--tool-illust-fg: #2d6a3e}[data-theme=sunset]{--bg: #1a0e1e;--bg-soft: #261428;--text: #f5e6d8;--muted: #c49a7e;--card: #261428;--border: #3d2340;--accent: #e8782a;--accent-strong: #f59e4b;--input-bg: #1a0e1e;--chip: #2e1a30;--shadow: 0 8px 26px rgba(10, 4, 14, .5);--tool-illust-bg: linear-gradient(135deg, #2e1428 0%, #1f0d1e 100%);--tool-illust-fg: #d4845a}[data-theme=amber]{--bg: #fff9e6;--bg-soft: #ffffff;--text: #32260c;--muted: #7f6a3a;--card: #ffffff;--border: #f2dfaa;--accent: #d69e2e;--accent-strong: #b7791f;--input-bg: #ffffff;--chip: #fff9eb;--tool-illust-bg: linear-gradient(135deg, #f5e8c8 0%, #eeddb0 100%);--tool-illust-fg: #8a6d2e}[data-theme=rose]{--bg: #fff0f4;--bg-soft: #ffffff;--text: #3b1724;--muted: #8b5c6e;--card: #ffffff;--border: #f2c9d8;--accent: #d53f8c;--accent-strong: #b83280;--input-bg: #ffffff;--chip: #fff2f7;--tool-illust-bg: linear-gradient(135deg, #f7dce6 0%, #f0c8d6 100%);--tool-illust-fg: #8b3a5e}[data-theme=slate]{--bg: #eef1f5;--bg-soft: #ffffff;--text: #1b2430;--muted: #5f6b7a;--card: #ffffff;--border: #cfd8e3;--accent: #334155;--accent-strong: #1e293b;--input-bg: #ffffff;--chip: #f2f5f9;--tool-illust-bg: linear-gradient(135deg, #e0e5ec 0%, #d0d8e2 100%);--tool-illust-fg: #3d4c5e}[data-theme=nebula]{--bg: #2E073F;--bg-soft: #3a1150;--text: #EBD3F8;--muted: #c9a6dc;--card: #3a1150;--border: #7A1CAC;--accent: #AD49E1;--accent-strong: #c76ff0;--input-bg: #2E073F;--chip: #3d1456;--shadow: 0 8px 26px rgba(20, 3, 28, .5);--tool-illust-bg: linear-gradient(135deg, #3a1150 0%, #2a0838 100%);--tool-illust-fg: #AD49E1}[data-theme=crimson]{--bg: #5D0E41;--bg-soft: #6e1a50;--text: #fce4ec;--muted: #d4899a;--card: #6e1a50;--border: #A0153E;--accent: #FF204E;--accent-strong: #ff5c7f;--input-bg: #5D0E41;--chip: #72205a;--shadow: 0 8px 26px rgba(30, 4, 20, .5);--tool-illust-bg: linear-gradient(135deg, #6e1a50 0%, #4d0c34 100%);--tool-illust-fg: #FF204E}[data-theme=retro]{--bg: #EAEFEF;--bg-soft: #ffffff;--text: #25343F;--muted: #5e6f7a;--card: #ffffff;--border: #BFC9D1;--accent: #FF9B51;--accent-strong: #e07d2e;--input-bg: #ffffff;--chip: #f5f0eb;--tool-illust-bg: linear-gradient(135deg, #dce2e2 0%, #cdd6d6 100%);--tool-illust-fg: #5a6e78}[data-theme=vintage]{--bg: #F9F8F6;--bg-soft: #ffffff;--text: #3a3530;--muted: #8a7e72;--card: #ffffff;--border: #EFE9E3;--accent: #C9B59C;--accent-strong: #a89578;--input-bg: #ffffff;--chip: #f5f1ec;--tool-illust-bg: linear-gradient(135deg, #ede5da 0%, #e0d6c8 100%);--tool-illust-fg: #6e6050}[data-theme=summer]{--bg: #FFFADC;--bg-soft: #ffffff;--text: #2a3000;--muted: #5a6330;--card: #ffffff;--border: #e5e0a8;--accent: #98CD00;--accent-strong: #7ab300;--input-bg: #ffffff;--chip: #f5ffd6;--tool-illust-bg: linear-gradient(135deg, #eef5c0 0%, #e2eda8 100%);--tool-illust-fg: #4a5520}[data-theme=spring]{--bg: #FFEDFA;--bg-soft: #ffffff;--text: #3b1a2e;--muted: #8a5f74;--card: #ffffff;--border: #FFB8E0;--accent: #EC7FA9;--accent-strong: #BE5985;--input-bg: #ffffff;--chip: #fff0f8;--tool-illust-bg: linear-gradient(135deg, #ffdcf0 0%, #ffc8e6 100%);--tool-illust-fg: #a04878}*{box-sizing:border-box}body{margin:0;font-family:Manrope,Segoe UI,sans-serif;color:var(--text);background:var(--bg);min-height:100vh}[data-embed="1"] body{background:transparent}.app{max-width:920px;margin:0 auto;padding:20px 14px 42px}[data-embed="1"] .app{max-width:100%;padding:8px}.header{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:16px}[data-embed="1"] .header{margin-bottom:8px}[data-embed="1"] .title-wrap p{display:none}[data-embed="1"] .title-wrap h1{font-size:1rem}[data-embed="1"] .header-actions .btn{padding:8px 10px}.header-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;align-items:center}#languageWrap,#themeWrap{min-width:auto}#languageWrap .unit-select,#themeWrap .unit-select{min-width:0}#languageWrap .unit-select-panel,#themeWrap .unit-select-panel{min-width:220px;max-width:calc(100vw - 32px);inset-inline-start:auto;inset-inline-end:0}@media(max-width:600px){#languageWrap .unit-select-panel,#themeWrap .unit-select-panel{min-width:auto;width:auto;max-width:calc(100vw - 32px)}}.title-wrap h1{margin:0;font-size:clamp(1.3rem,3vw,1.9rem)}.title-wrap p{margin:0;color:var(--muted);font-size:.95rem}.btn,button{border:0;background:var(--accent);color:#fff;border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer}.btn.secondary{background:var(--bg-soft);color:var(--text);border:1px solid var(--border)}.btn:hover,button:hover{filter:brightness(1.08)}.btn.secondary:hover{border-color:var(--accent);filter:none}.grid{display:grid;gap:14px}.app>section+section{margin-top:18px}.mini-footer{margin-top:16px;padding:8px 14px 12px;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--muted);font-size:.75rem}.footer-top{display:flex;flex-direction:column;align-items:center;gap:4px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 0}.footer-links>a{color:inherit;text-decoration:none}.footer-links>a:before{content:"·";margin:0 8px;opacity:.6;color:var(--muted);text-decoration:none;display:inline-block}.footer-links>a:first-child:before{content:none}.footer-links>a:hover{text-decoration:underline}.footer-bottom{display:flex;flex-direction:column;align-items:center;gap:4px}.footer-dot{display:none;opacity:.4}.footer-note{text-align:center;color:var(--muted);font-size:.68rem;font-weight:400;line-height:1.35;opacity:.6}.footer-note a{color:inherit;text-decoration:underline;text-transform:lowercase}.footer-copy{text-align:center;color:var(--muted);font-size:.65rem;opacity:.7}.footer-copy a{color:inherit;text-decoration:none;font-weight:600}.footer-copy a:hover{text-decoration:underline}.footer-settings-row{display:flex;justify-content:center;margin-bottom:4px}.footer-settings-toggle{display:inline-flex;align-items:center;gap:4px;background:transparent;border:1px solid var(--border);border-radius:6px;color:var(--muted);font-size:.72rem;font-weight:600;padding:3px 10px;cursor:pointer;transition:all .15s}.footer-settings-toggle:hover{border-color:var(--accent);color:var(--accent)}.footer-settings-panel{display:flex;flex-direction:column;gap:10px;padding:10px 12px;margin-bottom:8px;border:1px solid var(--border);border-radius:10px;background:var(--card, var(--bg))}.footer-settings-section{display:flex;flex-direction:column;gap:6px}.footer-settings-label{font-size:.7rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.footer-theme-swatches{display:grid;grid-template-columns:repeat(7,22px);gap:6px}.footer-theme-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .15s;padding:0;box-shadow:0 1px 3px #00000026}.footer-theme-swatch:hover{transform:scale(1.15)}.footer-theme-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.footer-lang-wrapper{position:relative;max-width:200px}.footer-lang-btn{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%;padding:5px 10px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg, var(--bg));color:var(--text);font-size:.8rem;cursor:pointer;transition:border-color .15s}.footer-lang-btn:hover{border-color:var(--accent)}.footer-lang-menu{position:absolute;bottom:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;background:var(--card, #fff);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;z-index:10;display:flex;flex-direction:column;padding:4px}.footer-lang-option{background:transparent;border:none;padding:6px 10px;text-align:start;font-size:.8rem;color:var(--text);cursor:pointer;border-radius:4px;transition:background .12s}.footer-lang-option:hover{background:var(--chip, rgba(0, 0, 0, .04))}.footer-lang-option.active{color:var(--accent);font-weight:600}@media(min-width:600px){.footer-top{flex-direction:row;gap:0}.footer-links-legal>a:first-child:before{content:"·"}.footer-bottom{flex-direction:row;gap:0}.footer-dot{display:inline;margin:0 8px}.footer-note,.footer-copy{font-size:.68rem}}.info-page{max-width:920px;margin:0 auto;padding:20px 14px;min-height:100vh;display:flex;flex-direction:column}.info-page>.mini-footer{margin-top:auto;padding-top:24px}.info-page .card h1{margin:0 0 8px;font-size:clamp(1.2rem,2.8vw,1.7rem)}.info-page .card h2{margin:16px 0 6px;font-size:1rem}.info-page .card h3{margin:12px 0 4px;font-size:.9rem}.info-page .card p,.info-page .card li{color:var(--text);line-height:1.5}.info-page .back-link{display:inline-block;margin-bottom:10px;color:var(--accent-strong);text-decoration:none;font-weight:600}.info-page .back-link:hover{text-decoration:underline}.info-page .card a{color:var(--accent-strong);text-decoration:none}.info-page .card a:hover{text-decoration:underline}.card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:14px}[data-embed="1"] .card{box-shadow:none;border-radius:0;border:none}[data-embed="1"] .converter-toolbar,[data-embed="1"] .advanced-panel{display:none}[data-embed-noborder="1"] .card{border:none;box-shadow:none}[data-embed-nobg="1"] .card{background:transparent}.card>*{min-width:0}.tabs{display:flex;gap:8px;overflow-x:auto;max-width:100%;padding-bottom:4px}.tab-btn{flex:0 0 auto;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);white-space:nowrap;padding:8px 11px;border-radius:999px}.tab-btn.active{background:var(--accent);color:#fff;border-color:transparent}.cat-dropdown{position:relative}.cat-dropdown-trigger{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--input-bg);color:var(--text);cursor:pointer;text-align:start}.cat-dropdown-trigger:hover{border-color:var(--accent)}.cat-dropdown-icon{display:flex;align-items:center;flex-shrink:0;pointer-events:none}.cat-dropdown-label{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.cat-dropdown-name{font-weight:600;font-size:.9rem}.cat-dropdown-hint{font-size:.75rem;color:var(--muted)}.cat-dropdown-chevron{display:flex;align-items:center;flex-shrink:0;color:var(--muted);pointer-events:none}.cat-dropdown-menu{position:absolute;top:calc(100% + 4px);inset-inline-start:0;inset-inline-end:0;z-index:100;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:8px}.cat-dropdown-filter{padding:0 0 8px}.cat-dropdown-filter-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:var(--input-bg);color:var(--text);font-size:14px;outline:none;box-sizing:border-box;transition:border-color .15s}.cat-dropdown-filter-input:focus{border-color:var(--accent)}.cat-dropdown-items{max-height:260px;overflow-y:auto;border-top:1px solid var(--border);padding-top:6px}.cat-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--text);cursor:pointer;text-align:start}.cat-dropdown-item:hover{background:var(--bg-soft)}.cat-dropdown-item.active{background:var(--accent);color:#fff}.cat-dropdown-item.active .cat-dropdown-hint{color:#ffffffb3}.controls{display:grid;gap:12px;grid-template-columns:1fr}.controls.three,.controls.advanced-grid{grid-template-columns:1fr}.advanced-panel{border:1px solid var(--border);background:var(--bg-soft);border-radius:12px;padding:12px}.advanced-panel .field{display:grid;align-content:start}.field label{display:block;margin-bottom:6px;color:var(--muted);font-size:.85rem}input[type=number],input[type=text],textarea,select{width:100%;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:12px;font:inherit;transition:border-color .15s}input[type=number]:hover,input[type=text]:hover,textarea:hover,select:hover{border-color:var(--accent)}input[type=number]:focus,input[type=text]:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}input[type=number]{font-size:1.08rem;font-weight:600}textarea{resize:vertical;min-height:120px}.toggle-line{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;column-gap:10px;color:var(--text);font-size:.95rem;min-height:48px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--input-bg)}.field .toggle-line{margin-bottom:0}.toggle-line input{display:block;width:22px;height:22px;margin:0;accent-color:var(--accent);align-self:center;justify-self:start}.toggle-text{display:flex;align-items:center;line-height:1.2;align-self:center}.row{display:grid;gap:8px;grid-template-columns:minmax(0,1fr);align-items:center}.row-actions{align-items:start}.converter-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.toolbar-toast{display:none}.bottom-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--card);color:var(--text);border:1px solid var(--border);box-shadow:0 8px 24px #00000026;padding:10px 24px;border-radius:10px;font-size:.85rem;font-weight:500;z-index:9999;pointer-events:none;animation:toastInOut 2.5s ease forwards;white-space:nowrap}@keyframes toastInOut{0%{opacity:0;transform:translate(-50%) translateY(12px)}10%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-6px)}}.swap-overlay-btn{position:absolute;inset-inline-end:6px;bottom:8px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%;border:none!important;background:none!important;box-shadow:none!important;z-index:50;opacity:.55;transition:opacity .18s ease;cursor:pointer}.swap-overlay-btn:hover,.swap-overlay-btn:focus-visible{opacity:1;border:none!important;box-shadow:none!important;background:none!important}.actions-inline{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;max-width:100%}.actions-inline .btn{max-width:100%}.menu-dropdown{position:relative}.menu-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:260px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:25;display:grid;gap:4px}.menu-item{width:100%;text-align:start;display:grid;gap:2px;background:var(--bg-soft);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 12px}.menu-item:hover{background:var(--chip)}.menu-item small{color:var(--muted);font-size:.8rem}.result{padding:12px;border-radius:12px;background:var(--chip);border:1px solid var(--border);font-size:1.05rem;min-height:48px;display:flex;align-items:center;font-weight:600;word-break:break-all;overflow-wrap:anywhere}.meta{color:var(--muted);font-size:.85rem;margin-top:4px}.meta.warn{color:#b45309}.meta.error{color:#dc2626}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.list{display:grid;gap:0}.history-item,.favorite-item{width:100%;text-align:start;border:1px solid var(--border);background:var(--bg-soft);color:var(--text);padding:10px;border-radius:10px}.history-item small,.favorite-item small{color:var(--muted);display:block}.batch-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.batch-header-text{display:flex;flex-direction:column;gap:2px}.batch-desc{font-size:.82rem;color:var(--muted)}.batch-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:8px}.batch-output-actions{display:flex;align-items:center;gap:6px}.help-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1px solid var(--border);background:var(--bg-soft);color:var(--muted);font-size:.72rem;font-weight:700;cursor:pointer;padding:0;line-height:1}.help-badge:hover{color:var(--text);border-color:var(--accent)}.help-example{margin:6px 0 0;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);font-size:.82rem;font-family:monospace;overflow-x:auto;white-space:pre}.list-item{padding:16px 0;border-bottom:1px solid var(--border)}.list-item:last-child{border-bottom:none}.list-item-head{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px;flex-wrap:wrap}.list-item .controls{gap:8px}.list-item-actions{display:flex;gap:12px;align-items:center}.target-header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.target-list{display:grid;gap:8px}.target-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.multi-result-list{display:grid;gap:6px;width:100%}.multi-result-row{padding:8px 10px;border:1px solid var(--border);border-radius:10px;background:var(--chip);word-break:break-all;overflow-wrap:anywhere}.unit-select{position:relative}.unit-select-button{width:100%;text-align:start;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:12px;padding:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s}.unit-select-button:hover{border-color:var(--accent)}.icon-trigger-button{width:48px;height:48px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.icon-trigger-button svg{display:block}.header-icon-panel{width:max-content}.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}.unit-select-panel{position:absolute;z-index:20;top:calc(100% + 6px);inset-inline-start:0;inset-inline-end:0;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:8px}.unit-options{max-height:230px;overflow:auto;margin-top:8px;border-top:1px solid var(--border);padding-top:6px}.unit-options.simple-options{margin-top:0;border-top:0;padding-top:0;max-height:180px}.unit-options.simple-options .unit-option{display:flex;align-items:center;justify-content:flex-start;gap:8px}.option-title{font-weight:600}.theme-swatch{display:inline-grid;grid-template-columns:8px 8px;grid-template-rows:8px 8px;gap:2px;flex-shrink:0}.theme-swatch>span{border-radius:2px;border:.5px solid rgba(128,128,128,.25)}.option-desc{color:var(--muted);font-size:.8rem}.unit-option{padding:8px 10px;border-radius:9px;cursor:pointer;display:flex;justify-content:space-between;gap:8px}.unit-option:hover,.unit-option.active{background:var(--chip)}.muted-option{color:var(--muted);cursor:default}.unit-option-group{padding:10px 10px 4px;margin-top:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);border-top:1px solid var(--border)}.unit-option-group:first-child{margin-top:0;border-top:none}.recent-badge{color:var(--accent-strong)}.hidden{display:none}[data-readonly="1"] .read-only-hide,[data-readonly="1"] #languageWrap,[data-readonly="1"] #themeWrap,[data-readonly="1"] #toggleAdvanced,[data-readonly="1"] #advancedPanel,[data-readonly="1"] .row-actions,[data-readonly="1"] .converter-toolbar,[data-readonly="1"] #categoryTabs,[data-readonly="1"] .section-title button,[data-readonly="1"] #singleSection .controls,[data-readonly="1"] [aria-label="Conversion list"] button{display:none!important}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#02061773;display:grid;place-items:center;padding:16px;z-index:999}.dialog-backdrop.hidden{display:none}.dialog{width:min(100%,420px);background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px;box-shadow:var(--shadow)}.dialog h3{margin:0 0 6px}.dialog .actions-inline{margin-top:12px;justify-content:flex-end}.help-dialog{width:min(100%,480px)}.help-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.help-dialog-header h3{margin:0;font-size:1.1rem}.help-close-btn{flex-shrink:0;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}.help-dialog-category{font-size:.82rem;color:var(--muted);margin-bottom:12px}.help-dialog-sections{display:flex;flex-direction:column;gap:10px}.help-section{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;background:var(--bg);border-radius:10px;border:1px solid var(--border)}.help-section-icon{flex-shrink:0;margin-top:2px;color:var(--accent)}.help-section-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:2px}.help-section-value{font-size:.95rem;line-height:1.4}.help-section-value.mono{font-family:SF Mono,Fira Code,monospace;font-size:.88rem}@media(max-width:760px){.header{flex-direction:column;align-items:flex-start}.header-actions,.actions-inline{justify-content:flex-start}.row{grid-template-columns:1fr}.list-item-head{flex-direction:column}.list-item-actions{width:100%;justify-content:space-between}.target-row{grid-template-columns:1fr}}@media(min-width:700px){.controls.two{grid-template-columns:1fr 1fr}.controls.two .span-two{grid-column:1 / -1}.controls.three{grid-template-columns:repeat(3,1fr)}.controls.advanced-grid{grid-template-columns:repeat(2,1fr)}}.color-panel{padding:4px 0}.color-input-row{display:flex;align-items:center;gap:10px}.color-input-row input{flex:1}.color-swatch{width:48px;height:48px;min-width:48px;border-radius:10px;border:2px solid var(--border);box-shadow:0 1px 4px #0000001a;transition:background-color .2s ease}.color-formats{display:flex;flex-direction:column;gap:6px;margin-top:16px}.color-format-row{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg);border:1px solid var(--border);border-radius:8px;transition:background .15s ease}.color-format-row:hover{background:var(--hover)}.color-format-label{font-weight:600;font-size:.8rem;min-width:52px;color:var(--label);text-transform:uppercase;letter-spacing:.04em}.color-format-value{flex:1;font-family:var(--mono, "SF Mono", "Cascadia Mono", "Monaco", "Consolas", monospace);font-size:.92rem;color:var(--fg);word-break:break-all;background:transparent;padding:0}.color-copy-btn{width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.list-actions-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.list-actions-left{display:flex;gap:6px;flex-wrap:wrap}.list-actions-left .btn{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;padding:5px 10px}.list-actions-left .btn svg{flex-shrink:0}.custom-unit-dialog{max-width:500px}.custom-unit-form{display:flex;flex-direction:column;gap:10px}.custom-unit-form-row{display:flex;flex-direction:column;gap:4px}.custom-unit-form-row label{font-size:.82rem;color:var(--muted);font-weight:500}.custom-unit-form-row input,.custom-unit-form-row select{padding:7px 10px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);color:var(--text);font-size:.9rem}.custom-unit-mode-toggle{display:flex;gap:6px}.custom-unit-preview{padding:8px 12px;background:var(--chip);border-radius:6px;font-size:.85rem;color:var(--accent);font-weight:500}.custom-unit-empty{text-align:center;color:var(--muted);padding:24px 0;font-size:.9rem}.custom-unit-list{display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto}.custom-unit-item{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--bg);border-radius:6px;border:1px solid var(--border)}.custom-unit-item-info{display:flex;flex-direction:column;gap:2px}.custom-unit-item-info strong{font-size:.9rem}.custom-unit-item-info small{color:var(--muted);font-size:.78rem}.actions-inline{display:flex;justify-content:flex-end;gap:8px}.saved-lists-dialog{max-width:560px}.saved-lists-list{display:flex;flex-direction:column;gap:8px;max-height:400px;overflow-y:auto}.saved-list-item{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:10px 12px;background:var(--bg);border-radius:8px;border:1px solid var(--border)}.saved-list-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.saved-list-info strong{font-size:.9rem}.saved-list-info small{color:var(--muted);font-size:.78rem}.saved-list-units-preview{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.saved-list-units-preview .chip{font-size:.72rem;padding:2px 6px}.saved-list-actions{display:flex;gap:4px;flex-shrink:0;align-items:center}.saved-list-action-btn{font-size:.78rem;padding:4px 10px;height:28px;line-height:1}.saved-list-icon-btn{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;flex-shrink:0}.saved-list-edit-row{display:flex;gap:6px;align-items:center}.saved-list-edit-row input{flex:1;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--input-bg);color:var(--text);font-size:.85rem}.saved-list-edit-row .btn{padding:4px 8px;min-width:28px;font-size:.85rem}.unit-page{min-height:100vh;display:flex;flex-direction:column}.unit-page-container{max-width:920px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.unit-page-container>.mini-footer{margin-top:auto;padding-top:24px}.unit-page-back{display:inline-flex;align-items:center;gap:6px;color:var(--accent-strong);text-decoration:none;font-weight:600;font-size:.9rem;margin-bottom:16px}.unit-page-back span{display:inline-flex;align-items:center;line-height:0}[dir=rtl] .unit-page-back span{transform:scaleX(-1)}.unit-page-back:hover{text-decoration:underline}.unit-page-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.unit-page-header h1{margin:0;font-size:clamp(1.5rem,4vw,2rem);line-height:1.2}.unit-page-category-pill{display:inline-block;padding:4px 12px;border-radius:999px;background:var(--chip);border:1px solid var(--border);font-size:.8rem;font-weight:600;color:var(--accent);white-space:nowrap}.unit-page-card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:16px;padding:20px;margin-bottom:16px}.unit-page-card h2{margin:0 0 14px;font-size:1.1rem;font-weight:700}.unit-page-count{font-weight:500;color:var(--muted);font-size:.9rem}.unit-page-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.unit-page-info-full{grid-column:1 / -1}.unit-page-info-label{font-size:.78rem;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}.unit-page-info-value{font-size:.95rem;font-weight:600;word-break:break-word}.unit-page-info-value.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;background:var(--bg);padding:6px 10px;border-radius:8px;border:1px solid var(--border)}.unit-page-input-wrap{display:flex;align-items:center;gap:8px;margin-bottom:16px}.unit-page-input{flex:1;border-radius:12px;border:1px solid var(--border);background:var(--input-bg);color:var(--text);padding:12px;font:inherit;font-size:1.08rem;font-weight:600;transition:border-color .15s}.unit-page-input:focus{border-color:var(--accent);outline:none}.unit-page-input-unit{font-size:.85rem;font-weight:600;color:var(--muted);white-space:nowrap;flex-shrink:0}.unit-page-examples-anchor{position:relative;flex-shrink:0}.unit-page-examples-btn{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--chip);color:var(--muted);font-weight:700;font-size:.82rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.unit-page-examples-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.unit-page-examples-dropdown{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:220px;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;z-index:100;padding:6px;animation:unitExFadeIn .12s ease-out}@keyframes unitExFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.unit-page-examples-header{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:6px 10px 4px}.unit-page-examples-item{display:block;width:100%;text-align:start;padding:8px 10px;border:none;background:none;border-radius:8px;cursor:pointer;font:inherit;color:var(--text);transition:background .1s}.unit-page-examples-item:hover{background:var(--chip)}.unit-page-examples-item:active{background:var(--border)}.unit-page-examples-item code{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;font-weight:600;color:var(--accent-strong)}.unit-page-share-btn{width:40px;height:40px;min-width:40px;min-height:40px;flex-shrink:0;margin-inline-start:auto}.unit-page-share-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.unit-page-table-wrap{overflow-x:auto;border-radius:12px;border:1px solid var(--border)}.unit-page-table{width:100%;border-collapse:collapse;font-size:.9rem}.unit-page-table thead th{text-align:start;padding:10px 14px;font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:var(--bg);border-bottom:1px solid var(--border)}.unit-page-table tbody tr{transition:background .1s}.unit-page-table tbody tr:nth-child(2n){background:var(--bg)}.unit-page-table tbody tr:hover{background:var(--chip)}.unit-page-table td{padding:10px 14px;border-bottom:1px solid var(--border)}.unit-page-table tbody tr:last-child td{border-bottom:none}.unit-page-result-cell{font-weight:600;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.88rem;white-space:nowrap}.unit-page-row-err .unit-page-result-cell{color:var(--muted)}.unit-page-unit-link{color:var(--accent-strong);text-decoration:none;font-weight:500}.unit-page-unit-link:hover{text-decoration:underline}.help-learn-more{display:inline-flex;align-items:center;gap:4px;color:var(--accent-strong);text-decoration:none;font-size:.85rem;font-weight:600;margin-top:12px}.help-learn-more:hover{text-decoration:underline}[dir=rtl] .help-learn-more-arrow{display:inline-block;transform:scaleX(-1)}@media(max-width:540px){.unit-page-info-grid{grid-template-columns:1fr}.unit-page-card{padding:14px}.unit-page-table-wrap{overflow-x:visible}.unit-page-table thead{display:none}.unit-page-table,.unit-page-table tbody,.unit-page-table tr,.unit-page-table td{display:block;width:100%}.unit-page-table tbody tr{padding:10px 14px;border-bottom:1px solid var(--border)}.unit-page-table tbody tr:last-child{border-bottom:none}.unit-page-table td{padding:0;border-bottom:none}.unit-page-table td:last-child{order:-1;font-size:.82rem;color:var(--muted);margin-bottom:2px}.unit-page-table td.unit-page-result-cell{white-space:normal;word-break:break-all;font-size:1rem}.unit-page-table tbody tr{display:flex;flex-direction:column}.unit-page-table tbody tr:nth-child(2n){background:var(--bg)}}.rwscale-section h2{display:flex;align-items:center;gap:8px}.rwscale-info-btn{margin-left:auto;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--border);background:var(--bg);color:var(--muted);font-size:.75rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:all .15s;padding:0;line-height:1;flex-shrink:0}.rwscale-info-btn:hover,.rwscale-info-btn.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--bg))}.rwscale-dims-panel{background:color-mix(in srgb,var(--accent) 4%,var(--bg));border:1px solid var(--border);border-radius:10px;padding:10px 14px;margin-bottom:12px;display:flex;flex-direction:column;gap:6px}.rwscale-dims-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:.82rem}.rwscale-dims-name{font-weight:600;color:var(--fg);white-space:nowrap}.rwscale-dims-value{color:var(--muted);font-family:SF Mono,Fira Code,monospace;font-size:.78rem;text-align:right}.rwscale-title-icon{display:inline-flex;align-items:center;color:var(--accent);line-height:0}.rwscale-items{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px;-webkit-overflow-scrolling:touch}.rwscale-items::-webkit-scrollbar{height:4px}.rwscale-items::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.rwscale-item{flex:0 0 200px;scroll-snap-align:start;display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--border);background:var(--bg);overflow:hidden;transition:border-color .15s,box-shadow .15s}.rwscale-item:hover{border-color:var(--accent);box-shadow:0 2px 12px #00000014}.rwscale-canvas{width:100%;height:140px;display:block}.rwscale-info{padding:10px 14px 14px;display:flex;flex-direction:column;gap:2px}.rwscale-multiplier{font-size:1.6rem;font-weight:800;letter-spacing:-.02em;color:var(--accent);line-height:1.1}.rwscale-label{font-size:.82rem;font-weight:600;color:var(--muted);white-space:nowrap}@media(max-width:540px){.rwscale-item{flex:0 0 170px}.rwscale-canvas{height:120px}.rwscale-multiplier{font-size:1.3rem}}.browse-page{min-height:100vh;display:flex;flex-direction:column}.browse-container{max-width:920px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.browse-container>.mini-footer{margin-top:auto;padding-top:24px}.browse-header{margin-bottom:24px}.browse-header h1{font-size:1.75rem;margin:0 0 6px}.browse-subtitle{color:var(--muted);font-size:.95rem;margin:0}.browse-search-wrap{position:relative;margin-bottom:28px}.browse-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--muted);display:flex;pointer-events:none}[dir=rtl] .browse-search-icon{left:auto;right:14px}input.browse-search{width:100%;padding:12px 40px 12px 44px;border:1.5px solid var(--border);border-radius:12px;background:var(--card);color:var(--fg);font-size:1rem;outline:none;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}[dir=rtl] input.browse-search{padding:12px 44px 12px 40px}input.browse-search:focus{border-color:var(--accent, #3b82f6);box-shadow:0 0 0 3px #3b82f626}.browse-search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;padding:4px 8px;line-height:1}[dir=rtl] .browse-search-clear{right:auto;left:12px}.browse-search-clear:hover{color:var(--fg)}.browse-empty{text-align:center;padding:48px 16px;color:var(--muted);font-size:1.05rem}.browse-categories{display:flex;flex-direction:column;gap:20px}.browse-category-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 24px;transition:box-shadow .2s}.browse-category-card:hover{box-shadow:0 2px 12px #00000014}.browse-category-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.browse-category-header h2{font-size:1.15rem;margin:0;font-weight:600}.browse-category-icon{display:flex;align-items:center;color:var(--muted);flex-shrink:0}.browse-category-count{background:var(--accent, #3b82f6);color:#fff;font-size:.75rem;font-weight:700;padding:2px 8px;border-radius:999px;min-width:22px;text-align:center}.browse-unit-grid{display:flex;flex-wrap:wrap;gap:8px}.browse-unit-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;background:var(--bg);border:1px solid var(--border);color:var(--fg);text-decoration:none;font-size:.88rem;transition:background .15s,border-color .15s,transform .1s}.browse-unit-chip:hover{background:var(--accent, #3b82f6);color:#fff;border-color:var(--accent, #3b82f6);transform:translateY(-1px)}.browse-unit-chip:hover .browse-unit-key{color:#ffffffb3}.browse-unit-name{font-weight:500}.browse-unit-key{color:var(--muted);font-size:.78rem;font-family:var(--mono, monospace)}@media(max-width:600px){.browse-category-card{padding:14px 16px}.browse-header h1{font-size:1.4rem}.browse-unit-chip{font-size:.82rem;padding:6px 10px}}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:5px 10px;border-radius:6px;background:var(--text);color:var(--bg);font-size:.75rem;font-weight:500;line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:9999}[data-tooltip]:before{content:"";position:absolute;bottom:calc(100% + 2px);left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text);pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:9999}[data-tooltip]:hover:after,[data-tooltip]:hover:before{opacity:1}[data-tooltip].tooltip-below:after{bottom:auto;top:calc(100% + 6px)}[data-tooltip].tooltip-below:before{bottom:auto;top:calc(100% + 2px);border-top-color:transparent;border-bottom-color:var(--text)}@media(max-width:600px){[data-tooltip]:after,[data-tooltip]:before{display:none}}.tools-page{min-height:100vh;display:flex;flex-direction:column}.tools-container{max-width:920px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.tools-container>.mini-footer{margin-top:auto;padding-top:24px}.tools-header{margin-bottom:28px}.tools-header h1{font-size:1.75rem;margin:0 0 6px}.tools-subtitle{color:var(--muted);font-size:.95rem;margin:0}.tools-search-wrap{position:relative;display:flex;align-items:center;margin-bottom:20px}.tools-search-icon{position:absolute;inset-inline-end:14px;color:var(--muted);display:flex;pointer-events:none}.tools-search-input{width:100%;padding:10px;padding-inline-start:16px;padding-inline-end:40px;border:1.5px solid var(--border, #e5e7eb);border-radius:10px;font-size:.92rem;background:var(--card, #fff);color:var(--fg);outline:none;transition:border-color .15s}.tools-search-input:focus{border-color:var(--accent, #4a90d9)}.tools-search-input::placeholder{color:var(--muted);opacity:.7}.tools-search-clear{position:absolute;inset-inline-end:10px;background:none;border:none;color:var(--muted);font-size:1rem;cursor:pointer;padding:4px 6px;border-radius:4px;line-height:1}.tools-search-clear:hover{color:var(--fg)}.tools-recent{margin-bottom:24px}.tools-recent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.tools-recent-title{font-size:.85rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.tools-recent-clear{background:none;border:none;cursor:pointer;font-size:.8rem;color:var(--muted);opacity:.6;padding:2px 6px;border-radius:4px;transition:opacity .15s,color .15s}.tools-recent-clear:hover{opacity:1;color:#e53935}.tools-recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tools-recent-card{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1.5px solid var(--border, #e5e7eb);border-radius:10px;background:var(--card, #fff);text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s}.tools-recent-card:hover{border-color:var(--accent, #4a90d9);box-shadow:0 2px 8px #0000000f}.tools-recent-icon{width:44px;height:44px;flex-shrink:0;color:var(--fg);border-radius:8px;background:var(--bg, #f8f9fa);padding:4px;overflow:hidden}.tools-recent-icon svg{width:100%;height:100%}.tools-recent-info{display:flex;flex-direction:column;gap:3px;min-width:0;align-items:flex-start}.tools-recent-name{font-size:.82rem;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tools-section-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.tools-all-title{font-size:.85rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.tools-view-toggle{display:flex;gap:2px;background:var(--border, #e5e7eb);border-radius:8px;padding:2px}.tools-view-btn{display:flex;align-items:center;justify-content:center;padding:6px;border:none;border-radius:6px;background:transparent;color:var(--fg);opacity:.45;cursor:pointer;transition:all .15s}.tools-view-btn svg{display:block;width:20px;height:20px}.tools-view-btn.active{background:var(--card, #fff);color:var(--text);opacity:1;box-shadow:0 1px 3px #00000014}.tools-view-btn:hover:not(.active){color:var(--fg)}.tools-grid--compact{grid-template-columns:1fr!important;gap:6px!important}.tools-grid--compact .tool-card{flex-direction:row;align-items:center;padding:10px 16px;gap:12px}.tools-grid--compact .tool-card-illustration{display:none}.tools-grid--compact .tool-card-body{flex:1;padding:0;display:flex;align-items:center;gap:10px;min-width:0}.tools-grid--compact .tool-card-title{font-size:.88rem;margin:0;white-space:nowrap;flex-shrink:0}.tools-grid--compact .tool-card-desc{font-size:.78rem;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.tools-grid--compact .tool-card-tags{margin-top:0;flex-shrink:0}.tools-grid--compact .tool-card-footer{display:none}@media(max-width:600px){.tools-grid--compact .tool-card-body{flex-direction:column;align-items:flex-start;gap:2px}.tools-grid--compact .tool-card-desc{white-space:normal}}@media(max-width:600px){.tools-recent-grid{grid-template-columns:1fr}}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.tool-card{display:flex;flex-direction:column;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;cursor:pointer}.tool-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000001a;border-color:var(--accent, #4a90d9)}.tool-card-illustration{position:relative;height:140px;overflow:hidden;background:var(--tool-illust-bg, linear-gradient(135deg, #eef2f7 0%, #e4eaf2 100%));color:var(--tool-illust-fg, #475569);display:flex;align-items:center;justify-content:center}.tool-blueprint-svg{width:100%;height:100%}.tool-card-body{padding:16px 18px 8px;flex:1}.tool-card-title{font-size:1.15rem;font-weight:650;margin:0 0 6px}.tool-card-desc{color:var(--muted);font-size:.88rem;line-height:1.45;margin:0}.tool-card-footer{padding:10px 18px 16px;display:flex;justify-content:flex-end}.tool-open-btn{font-size:.85rem;font-weight:600;color:var(--accent, #4a90d9);letter-spacing:.01em;transition:color .15s ease}.tool-card--dev{border:2px dashed var(--border, #e5e7eb);opacity:.85;position:relative}.tool-dev-badge{position:absolute;top:8px;right:8px;background:#e8782a;color:#fff;font-size:.65rem;font-weight:800;padding:2px 7px;border-radius:4px;letter-spacing:.06em;z-index:2;line-height:1.4}.tools-dev-toggle{position:fixed;bottom:20px;right:20px;z-index:9999;padding:8px 16px;border:1px solid var(--border, #e5e7eb);border-radius:24px;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:.82rem;font-weight:700;cursor:pointer;box-shadow:0 2px 12px #0000001f;transition:background .2s,color .2s,border-color .2s;color:#333}.tools-dev-toggle:hover{background:#fffffff2;box-shadow:0 4px 18px #00000029}.tools-dev-toggle--prod{background:#4caf501f;border-color:#4caf50;color:#2e7d32}[data-theme=dark] .tools-dev-toggle{background:#1e1e1ed9;color:#ddd;border-color:#555}[data-theme=dark] .tools-dev-toggle--prod{background:#4caf502e;color:#81c784;border-color:#4caf50}.tools-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:26px;padding:0 8px;border-radius:999px;background:var(--accent, #4a90d9);color:#fff;font-size:.8rem;font-weight:700;vertical-align:middle;margin-inline-start:6px;margin-bottom:2px}.tool-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.tool-tag{display:inline-block;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:999px;line-height:1.4;letter-spacing:.01em;white-space:nowrap}.tool-tag--length{background:#0ea5e91f;color:#0284c7}.tool-tag--mass{background:#f59e0b1f;color:#d97706}.tool-tag--temperature{background:#ef44441a;color:#dc2626}.tool-tag--volume{background:#6366f11f;color:#6366f1}.tool-tag--time{background:#8b5cf61f;color:#7c3aed}.tool-tag--speed{background:#06b6d41f;color:#0891b2}.tool-tag--pressure{background:#a855f71f;color:#9333ea}.tool-tag--energy{background:#eab3081f;color:#ca8a04}.tool-tag--power{background:#f973161f;color:#ea580c}.tool-tag--data{background:#22c55e1a;color:#16a34a}.tool-tag--angle{background:#ec48991a;color:#db2777}.tool-tag--fuelEconomy{background:#dc26261a;color:#dc2626}.tool-tag--currency{background:#16a34a1f;color:#15803d}.tool-tag--density{background:#64748b1f;color:#475569}.tool-tag--force{background:#ef44441f;color:#dc2626}.tool-tag--frequency{background:#8b5cf61f;color:#7c3aed}.tool-tag--dataRate{background:#06b6d41f;color:#0891b2}.tool-tag--flowRate{background:#0ea5e91f;color:#0284c7}.tool-tag--torque{background:#f59e0b1f;color:#d97706}.tool-tag--voltage{background:#f973161f;color:#ea580c}.tool-tag--acceleration{background:#a855f71f;color:#9333ea}.tool-tag--illuminance{background:#facc1526;color:#a16207}.tool-tag--resistance{background:#64748b1f;color:#475569}.tool-tag--numberBase{background:#6366f11f;color:#6366f1}.tool-tag--color{background:#ec48991a;color:#db2777}.tool-tag--datetime{background:#8b5cf61f;color:#7c3aed}.tool-tag--coordinates{background:#0d94881f;color:#0d9488}.tool-tag--timezone{background:#6366f11f;color:#4f46e5}[data-theme=dark] .tool-tag--length,[data-theme=sunset] .tool-tag--length,[data-theme=nebula] .tool-tag--length,[data-theme=crimson] .tool-tag--length{background:#0ea5e938;color:#38bdf8}[data-theme=dark] .tool-tag--mass,[data-theme=sunset] .tool-tag--mass,[data-theme=nebula] .tool-tag--mass,[data-theme=crimson] .tool-tag--mass{background:#f59e0b38;color:#fbbf24}[data-theme=dark] .tool-tag--temperature,[data-theme=sunset] .tool-tag--temperature,[data-theme=nebula] .tool-tag--temperature,[data-theme=crimson] .tool-tag--temperature{background:#ef444433;color:#f87171}[data-theme=dark] .tool-tag--volume,[data-theme=sunset] .tool-tag--volume,[data-theme=nebula] .tool-tag--volume,[data-theme=crimson] .tool-tag--volume{background:#6366f138;color:#a5b4fc}[data-theme=dark] .tool-tag--time,[data-theme=sunset] .tool-tag--time,[data-theme=nebula] .tool-tag--time,[data-theme=crimson] .tool-tag--time{background:#8b5cf638;color:#c4b5fd}[data-theme=dark] .tool-tag--speed,[data-theme=sunset] .tool-tag--speed,[data-theme=nebula] .tool-tag--speed,[data-theme=crimson] .tool-tag--speed{background:#06b6d438;color:#22d3ee}[data-theme=dark] .tool-tag--pressure,[data-theme=sunset] .tool-tag--pressure,[data-theme=nebula] .tool-tag--pressure,[data-theme=crimson] .tool-tag--pressure{background:#a855f738;color:#c084fc}[data-theme=dark] .tool-tag--energy,[data-theme=sunset] .tool-tag--energy,[data-theme=nebula] .tool-tag--energy,[data-theme=crimson] .tool-tag--energy{background:#eab30838;color:#facc15}[data-theme=dark] .tool-tag--power,[data-theme=sunset] .tool-tag--power,[data-theme=nebula] .tool-tag--power,[data-theme=crimson] .tool-tag--power{background:#f9731638;color:#fb923c}[data-theme=dark] .tool-tag--data,[data-theme=sunset] .tool-tag--data,[data-theme=nebula] .tool-tag--data,[data-theme=crimson] .tool-tag--data{background:#22c55e33;color:#4ade80}[data-theme=dark] .tool-tag--angle,[data-theme=sunset] .tool-tag--angle,[data-theme=nebula] .tool-tag--angle,[data-theme=crimson] .tool-tag--angle{background:#ec489933;color:#f472b6}[data-theme=dark] .tool-tag--fuelEconomy,[data-theme=sunset] .tool-tag--fuelEconomy,[data-theme=nebula] .tool-tag--fuelEconomy,[data-theme=crimson] .tool-tag--fuelEconomy{background:#dc262633;color:#f87171}[data-theme=dark] .tool-tag--currency,[data-theme=sunset] .tool-tag--currency,[data-theme=nebula] .tool-tag--currency,[data-theme=crimson] .tool-tag--currency{background:#16a34a38;color:#4ade80}[data-theme=dark] .tool-tag--density,[data-theme=sunset] .tool-tag--density,[data-theme=nebula] .tool-tag--density,[data-theme=crimson] .tool-tag--density{background:#64748b38;color:#94a3b8}[data-theme=dark] .tool-tag--force,[data-theme=sunset] .tool-tag--force,[data-theme=nebula] .tool-tag--force,[data-theme=crimson] .tool-tag--force{background:#ef444438;color:#f87171}[data-theme=dark] .tool-tag--frequency,[data-theme=sunset] .tool-tag--frequency,[data-theme=nebula] .tool-tag--frequency,[data-theme=crimson] .tool-tag--frequency{background:#8b5cf638;color:#c4b5fd}[data-theme=dark] .tool-tag--dataRate,[data-theme=sunset] .tool-tag--dataRate,[data-theme=nebula] .tool-tag--dataRate,[data-theme=crimson] .tool-tag--dataRate{background:#06b6d438;color:#22d3ee}[data-theme=dark] .tool-tag--flowRate,[data-theme=sunset] .tool-tag--flowRate,[data-theme=nebula] .tool-tag--flowRate,[data-theme=crimson] .tool-tag--flowRate{background:#0ea5e938;color:#38bdf8}[data-theme=dark] .tool-tag--torque,[data-theme=sunset] .tool-tag--torque,[data-theme=nebula] .tool-tag--torque,[data-theme=crimson] .tool-tag--torque{background:#f59e0b38;color:#fbbf24}[data-theme=dark] .tool-tag--voltage,[data-theme=sunset] .tool-tag--voltage,[data-theme=nebula] .tool-tag--voltage,[data-theme=crimson] .tool-tag--voltage{background:#f9731638;color:#fb923c}[data-theme=dark] .tool-tag--acceleration,[data-theme=sunset] .tool-tag--acceleration,[data-theme=nebula] .tool-tag--acceleration,[data-theme=crimson] .tool-tag--acceleration{background:#a855f738;color:#c084fc}[data-theme=dark] .tool-tag--illuminance,[data-theme=sunset] .tool-tag--illuminance,[data-theme=nebula] .tool-tag--illuminance,[data-theme=crimson] .tool-tag--illuminance{background:#facc1533;color:#fde047}[data-theme=dark] .tool-tag--resistance,[data-theme=sunset] .tool-tag--resistance,[data-theme=nebula] .tool-tag--resistance,[data-theme=crimson] .tool-tag--resistance{background:#64748b38;color:#94a3b8}[data-theme=dark] .tool-tag--numberBase,[data-theme=sunset] .tool-tag--numberBase,[data-theme=nebula] .tool-tag--numberBase,[data-theme=crimson] .tool-tag--numberBase{background:#6366f138;color:#a5b4fc}[data-theme=dark] .tool-tag--color,[data-theme=sunset] .tool-tag--color,[data-theme=nebula] .tool-tag--color,[data-theme=crimson] .tool-tag--color{background:#ec489933;color:#f472b6}[data-theme=dark] .tool-tag--datetime,[data-theme=sunset] .tool-tag--datetime,[data-theme=nebula] .tool-tag--datetime,[data-theme=crimson] .tool-tag--datetime{background:#8b5cf638;color:#c4b5fd}[data-theme=dark] .tool-tag--coordinates,[data-theme=sunset] .tool-tag--coordinates,[data-theme=nebula] .tool-tag--coordinates,[data-theme=crimson] .tool-tag--coordinates{background:#0d948838;color:#2dd4bf}[data-theme=dark] .tool-tag--timezone,[data-theme=sunset] .tool-tag--timezone,[data-theme=nebula] .tool-tag--timezone,[data-theme=crimson] .tool-tag--timezone{background:#6366f138;color:#a5b4fc}[data-theme=dark] .tool-card:hover,[data-theme=sunset] .tool-card:hover,[data-theme=nebula] .tool-card:hover,[data-theme=crimson] .tool-card:hover{box-shadow:0 8px 24px #0000004d}[data-theme=dark] .tools-recent-card:hover,[data-theme=sunset] .tools-recent-card:hover,[data-theme=nebula] .tools-recent-card:hover,[data-theme=crimson] .tools-recent-card:hover{box-shadow:0 2px 8px #00000040}.tool-card:hover .tool-open-btn{color:var(--accent-hover, #3a7bc8)}@media(max-width:600px){.tools-grid{grid-template-columns:1fr}}.construction-calc-page{min-height:100vh;display:flex;flex-direction:column}.construction-calc-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.construction-calc-header{margin-bottom:24px}.construction-calc-header h1{font-size:1.75rem;margin:0 0 4px}.construction-calc-subtitle{color:var(--muted);font-size:.93rem;margin:0}.construction-calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1}@media(max-width:720px){.construction-calc-layout{grid-template-columns:1fr}}.construction-calc-input-panel{display:flex;flex-direction:column;gap:18px}.cc-field-group{display:flex;flex-direction:column;gap:8px}.cc-label{font-size:.82rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cc-section-desc{font-size:.78rem;color:var(--muted);margin:0 0 6px;line-height:1.4}.cc-section-desc--module{margin:8px 0 2px;padding-inline-start:4px}.cc-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.cc-shape-grid{display:flex;flex-direction:column;gap:10px}.cc-shape-group{display:flex;flex-direction:column;gap:4px}.cc-shape-group-label{font-size:.68rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding-inline-start:2px}.cc-shape-group-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.cc-shape-btn{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;border:1.5px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));cursor:pointer;transition:border-color .15s,background .15s;color:var(--fg)}.cc-shape-btn:hover{border-color:var(--accent)}.cc-shape-btn.active{border-color:#e8782a;background:#e8782a14}.cc-shape-icon{font-size:1.4rem;line-height:1}.cc-shape-label{font-size:.72rem;font-weight:500}.cc-shape-diagram{display:block;max-width:140px;height:auto;margin:6px auto 8px}.cc-dim-focused{outline:2px solid var(--accent, #4a90d9);outline-offset:2px;border-radius:6px}.cc-dims-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px}.cc-dim-input-wrap{display:flex;flex-direction:column;gap:3px}.cc-dim-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--input-bg);color:var(--text);font:inherit;font-size:.95rem;outline:none;transition:border-color .15s;box-sizing:border-box}.cc-dim-input:hover{border-color:var(--accent)}.cc-dim-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.cc-dim-label{font-size:.72rem;color:var(--muted);text-align:center}.cc-dim-label--primary{font-weight:700;color:#e8782a}.cc-drop{position:relative;min-width:100px}.cc-drop--sm{min-width:64px}.cc-drop-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:10px 12px;border:1px solid var(--border);border-radius:12px;background:var(--input-bg);color:var(--text);font:inherit;font-size:.88rem;cursor:pointer;text-align:start;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color .15s,box-shadow .15s}.cc-drop--sm .cc-drop-trigger{padding:6px 10px;font-size:.82rem;border-radius:10px}.cc-drop-trigger:hover{border-color:var(--accent)}.cc-drop-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.cc-drop-chevron{display:flex;align-items:center;flex-shrink:0;color:var(--muted);transition:transform .15s}.cc-drop-panel{position:absolute;z-index:30;top:calc(100% + 4px);inset-inline-start:0;min-width:100%;max-height:240px;overflow-y:auto;background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:6px}.cc-drop-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:9px;background:transparent;color:var(--text);font:inherit;font-size:.85rem;cursor:pointer;text-align:start;white-space:nowrap;transition:background .1s}.cc-drop-option:hover,.cc-drop-option.active{background:var(--chip)}.cc-drop-option.active{font-weight:600}.cc-drop-hint{font-size:.75rem;color:var(--muted)}.cc-custom-density{display:flex;align-items:center;gap:8px;margin-top:4px}.cc-custom-density .cc-dim-input{max-width:140px}.cc-custom-density .cc-dim-label{white-space:nowrap}.construction-calc-results-panel{display:flex;flex-direction:column;gap:14px}.cc-results-title{font-size:1.1rem;font-weight:650;margin:0}.cc-results-empty{color:var(--muted);font-size:.9rem}.cc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.cc-results-grid{grid-template-columns:1fr}}.cc-result-card{border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:4px;background:var(--card-bg, var(--bg));transition:transform .15s ease}.cc-result-card:hover{transform:translateY(-2px)}.cc-result-icon{width:22px;height:22px;color:#e8782a}.cc-result-icon svg{width:100%;height:100%}.cc-result-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cc-result-value{font-size:1.35rem;font-weight:700;line-height:1.2}.cc-receipt{display:flex;flex-direction:column;gap:0}.cc-receipt-hero{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;padding:18px 16px;background:var(--card-bg, var(--bg));border:1px solid var(--border, #e5e7eb);border-radius:12px 12px 0 0;cursor:pointer;transition:background .15s}.cc-receipt-hero:hover{background:#4a90d90a}.cc-receipt-hero-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.cc-receipt-hero-value{font-size:2rem;font-weight:800;line-height:1.1;color:var(--accent, #4a90d9)}.cc-receipt-breakdown{border-inline:1px solid var(--border, #e5e7eb)}.cc-receipt-row{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px dotted var(--border, #e5e7eb);cursor:pointer;transition:background .12s}.cc-receipt-row:hover{background:#00000005}.cc-receipt-row-label{flex:1;font-size:.82rem;color:var(--muted)}.cc-receipt-row-value{font-size:.95rem;font-weight:700}.cc-receipt-row-unit{font-size:.75rem;color:var(--muted)}.cc-receipt-order{padding:14px 16px;background:#e8782a0d;border:1px solid rgba(232,120,42,.18);border-radius:0 0 12px 12px}.cc-receipt-order-title{font-size:.82rem;font-weight:700;margin:0 0 10px;color:var(--text)}.cc-results-partial{text-align:center;padding:28px 12px;color:var(--muted);font-size:.88rem;font-style:italic}.cc-reveal{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .35s ease}.cc-reveal--visible{max-height:600px;opacity:1;display:flex;flex-direction:column;gap:18px}.cc-results-tinted{background:linear-gradient(135deg,#4a90d908,#4a90d903)!important}.cc-result-drop{min-width:56px}.cc-result-drop .cc-drop-trigger{padding:4px 8px;font-size:.78rem;border-radius:8px;background:transparent}.cc-result-drop .cc-drop-panel{min-width:90px}.cc-result-unit-static{font-size:.78rem;color:var(--muted)}.cc-result-volume{border-left:3px solid #e8782a}.cc-result-area{border-left:3px solid #4a90d9}.cc-result-mass{border-left:3px solid #2f855a}.cc-result-density{border-left:3px solid #8b5cf6}.cc-unit-toggle{display:inline-flex;width:fit-content;border:1px solid var(--border, #e5e7eb);border-radius:8px;overflow:hidden;margin-bottom:12px}.cc-unit-toggle-btn{padding:6px 18px;background:transparent;border:none;font-size:.82rem;font-weight:600;color:var(--muted);cursor:pointer;transition:background .15s,color .15s}.cc-unit-toggle-btn.active{background:var(--accent, #4a90d9);color:#fff}.cc-unit-toggle-btn:not(.active):hover{background:var(--bg)}.cc-progress-bar{display:flex;align-items:center;gap:0;margin-bottom:14px;padding:10px 0}.cc-progress-step{display:flex;flex-direction:column;align-items:center;gap:3px;flex-shrink:0;opacity:.4;transition:opacity .25s}.cc-progress-step.done{opacity:1}.cc-progress-step.active .cc-progress-icon{transform:scale(1.15)}.cc-progress-icon{font-size:1.1rem;transition:transform .2s}.cc-progress-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);white-space:nowrap}.cc-progress-step.done .cc-progress-label{color:var(--accent, #4a90d9)}.cc-progress-line{flex:1;height:2px;min-width:16px;background:var(--border, #e5e7eb);margin:0 6px;border-radius:1px;transition:background .25s}.cc-progress-line.done{background:var(--accent, #4a90d9)}.cc-help-tip{position:relative;display:inline-flex;vertical-align:middle;margin-inline-start:4px}.cc-help-tip-btn{width:16px;height:16px;border-radius:50%;border:1px solid var(--muted, #999);background:transparent;color:var(--muted, #999);font-size:.6rem;font-weight:700;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:border-color .15s,color .15s}.cc-help-tip-btn:hover{border-color:var(--accent, #4a90d9);color:var(--accent, #4a90d9)}.cc-help-popover{position:absolute;bottom:calc(100% + 8px);inset-inline-start:50%;transform:translate(-50%);min-width:200px;max-width:280px;padding:10px 12px;background:var(--input-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:8px;box-shadow:0 4px 16px #0000001f;font-size:.78rem;font-weight:400;line-height:1.45;color:var(--text);z-index:30;pointer-events:none}.cc-help-popover:after{content:"";position:absolute;top:100%;inset-inline-start:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--input-bg, #fff)}.cc-btn--dup{border-color:var(--accent, #4a90d9)!important;color:var(--accent, #4a90d9)!important}.cc-btn--dup:hover{background:#4a90d914!important}.cc-tab-rename-input{width:80px;border:none;border-bottom:1.5px solid var(--accent, #4a90d9);background:transparent;color:var(--text);font-size:.78rem;padding:0 2px;outline:none}.cc-presets-bar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-bottom:16px}.cc-presets-label{font-size:.78rem;font-weight:600;color:var(--muted)}.cc-preset-chip{padding:5px 12px;border:1px solid var(--border, #d1d5db);border-radius:20px;background:transparent;color:var(--fg);font-size:.78rem;cursor:pointer;transition:all .15s}.cc-preset-chip:hover{background:var(--accent, #4a90d9);color:#fff;border-color:var(--accent, #4a90d9)}.cc-item-tabs{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:14px}.cc-item-tab{padding:5px 12px;border:1px solid var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--muted);font-size:.78rem;cursor:pointer;transition:all .15s;position:relative}.cc-item-tab.active{background:var(--accent, #4a90d9);color:#fff;border-color:var(--accent, #4a90d9)}.cc-item-tab.void{opacity:.6;text-decoration:line-through}.cc-void-badge{display:inline-block;margin-left:4px;background:#dc2626;color:#fff;border-radius:50%;width:14px;height:14px;font-size:.65rem;line-height:14px;text-align:center;text-decoration:none}.cc-copied-badge{position:absolute;top:-6px;right:-6px;background:#22c55e;color:#fff;border-radius:50%;width:16px;height:16px;font-size:.6rem;line-height:16px;text-align:center}.cc-note-input{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:12px;font:inherit;font-size:.85rem;background:var(--input-bg);color:var(--text);box-sizing:border-box;outline:none;transition:border-color .15s}.cc-note-input:hover{border-color:var(--accent)}.cc-note-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.cc-multi-controls{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.cc-btn{padding:7px 14px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s;background:transparent;color:var(--fg)}.cc-btn--add{border-color:var(--accent, #4a90d9);color:var(--accent, #4a90d9)}.cc-btn--add:hover{background:var(--accent, #4a90d9);color:#fff}.cc-btn--void{border-color:#dc2626;color:#dc2626}.cc-btn--void.active{background:#dc2626;color:#fff}.cc-btn--remove{border-color:#dc2626;color:#dc2626;opacity:.7}.cc-btn--remove:hover{background:#dc2626;color:#fff;opacity:1}.cc-range{width:100%;accent-color:var(--accent, #4a90d9)}.cc-waste-val{font-size:.88rem;font-weight:700;color:var(--accent, #4a90d9)}.cc-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.cc-results-actions{display:flex;gap:6px}.cc-copy-btn{background:transparent;border:1px solid var(--border, #d1d5db);border-radius:6px;padding:4px 8px;cursor:pointer;font-size:.82rem}.cc-copy-btn:hover{background:var(--bg)}.cc-sticky-totals{position:sticky;top:0;z-index:5;background:var(--page-bg, var(--bg));padding-bottom:8px;margin-bottom:4px}.cc-sticky-totals:not(:empty){border-bottom:1px solid var(--border, #e5e7eb)}.cc-totals-box{background:#e8782a0f;border:1px solid rgba(232,120,42,.18);border-radius:10px;padding:14px}.cc-totals-box .cc-sub-title{margin-bottom:10px;color:#e8782a}.cc-totals-row{display:flex;flex-wrap:wrap;gap:16px;font-size:.88rem}.cc-waste-line{font-size:.85rem;color:var(--muted);margin-top:8px;padding:6px 0}.cc-sub-title{font-size:.82rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin:0}.cc-module{border-top:1px solid var(--border, #e5e7eb);margin-top:14px;padding-top:10px}.construction-calc-input-panel .cc-module--collapsible{border-top:1px solid var(--border, #e5e7eb);padding-top:14px}.cc-module-header{margin-bottom:8px}.cc-module-toggle{display:flex;justify-content:space-between;align-items:center;width:100%;background:var(--input-bg);border:1px solid var(--border);border-radius:12px;padding:10px 14px;cursor:pointer;font-size:.88rem;font-weight:600;color:var(--text);text-align:left;transition:border-color .15s}.cc-module-toggle:hover{border-color:var(--accent)}.cc-chevron{font-size:.8rem;color:var(--muted);transition:transform .2s}.cc-module-body{padding:12px 4px 4px}.cc-module-picker-wrap{position:relative;margin-top:12px}.cc-module-picker-trigger{width:100%;padding:10px 14px;background:transparent;border:1.5px dashed var(--accent, #4a90d9);border-radius:10px;color:var(--accent, #4a90d9);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.cc-module-picker-trigger:hover{background:#4a90d90f}.cc-module-picker-panel{position:absolute;bottom:100%;inset-inline-start:0;inset-inline-end:0;margin-bottom:6px;background:var(--input-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;box-shadow:0 8px 24px #0000001f;padding:6px;z-index:20;display:flex;flex-direction:column;gap:2px}.cc-module-picker-item{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;background:transparent;border:none;border-radius:8px;font-size:.84rem;color:var(--text);cursor:pointer;text-align:start;transition:background .12s}.cc-module-picker-item:hover{background:var(--bg)}.cc-module-picker-item.active{background:#4a90d914;color:var(--accent, #4a90d9);font-weight:600}.cc-module-picker-item.suggested{border-inline-start:3px solid #4caf50;background:#4caf500d}.cc-module-picker-check{font-weight:700;color:var(--accent, #4a90d9);font-size:.9rem}.cc-pkg-row{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.cc-pkg-result{font-size:.95rem;font-weight:700;color:var(--accent, #4a90d9)}.cc-pkg-sublabel{font-size:.82rem;color:var(--muted);font-weight:600;min-width:100px}.cc-cost-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.cc-field-inline{display:flex;align-items:center;gap:6px}.cc-field-inline label{font-size:.78rem;font-weight:600;color:var(--muted);white-space:nowrap}.cc-field-inline .cc-dim-input{width:80px}.cc-cost-summary{border-top:1px solid var(--border, #e5e7eb);padding-top:10px;margin-top:6px}.cc-cost-line{display:flex;justify-content:space-between;font-size:.88rem;padding:3px 0}.cc-cost-total{font-weight:700;border-top:1px solid var(--border, #e5e7eb);padding-top:6px;margin-top:4px;font-size:1rem}.cc-conc-results{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.cc-conc-stat{background:var(--bg);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:12px 16px;display:flex;flex-direction:column;align-items:center;flex:1;min-width:80px}.cc-conc-val{font-size:1.3rem;font-weight:800;color:var(--accent, #4a90d9)}.cc-conc-label{font-size:.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-top:2px}.cc-formula-body{font-size:.85rem}.cc-formula-block{margin-bottom:10px}.cc-formula-block code{display:block;background:var(--bg);border:1px solid var(--border, #e5e7eb);border-radius:6px;padding:6px 10px;margin-top:4px;font-size:.82rem;overflow-x:auto}@media(max-width:600px){.cc-conc-results{flex-direction:column}.cc-cost-row{flex-direction:column;align-items:flex-start}}.electrical-calc-page{min-height:100vh;display:flex;flex-direction:column}.electrical-calc-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.electrical-calc-header{margin-bottom:24px}.electrical-calc-header h1{font-size:1.75rem;margin:0 0 4px}.electrical-calc-subtitle{color:var(--muted);font-size:.93rem;margin:0}.electrical-calc-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.electrical-calc-layout{grid-template-columns:1fr}}.ec-triangle-section{display:flex;flex-direction:column;gap:20px}.ec-triangle-visual{display:flex;justify-content:center}.ec-triangle-svg{max-width:220px;width:100%;color:var(--fg)}.ec-inputs-grid{display:flex;flex-direction:column;gap:12px}.ec-input-group{display:flex;flex-direction:column;gap:4px}.ec-input-label{font-size:.82rem;font-weight:600;display:flex;align-items:center;gap:6px;color:var(--muted)}.ec-var{font-size:1rem;font-weight:700;width:18px;text-align:center}.ec-voltage .ec-var{color:#3b82f6}.ec-current .ec-var{color:#f59e0b}.ec-resistance .ec-var{color:#10b981}.ec-input-row{display:flex;align-items:stretch;gap:6px}.ec-input{flex:1;min-width:0;width:auto;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.95rem;outline:none;transition:border-color .15s}.ec-input:focus{border-color:#3b82f6}.ec-input.ec-input--computed{background:var(--bg, #f0f0f0);border-style:dashed;color:var(--muted, #888);cursor:not-allowed}.ec-unit{font-size:.85rem;font-weight:600;color:var(--muted);min-width:32px}.ec-drop{position:relative;flex-shrink:0;display:flex}.ec-drop-btn{display:inline-flex;align-items:center;justify-content:space-between;gap:4px;box-sizing:border-box;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:8px;padding:0 10px;font-size:.85rem;font-weight:600;color:var(--fg);cursor:pointer;white-space:nowrap;width:54px;height:100%;transition:border-color .15s,background .15s}.ec-drop-btn:hover{border-color:#3b82f6;background:var(--hover-bg, rgba(59, 130, 246, .06))}.ec-drop-chevron{opacity:.45;transition:transform .15s}.ec-drop-panel{position:absolute;z-index:50;top:calc(100% + 4px);left:0;min-width:100%;background:var(--card, #fff);border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 16px #0000001f;padding:4px;display:flex;flex-direction:column}.ec-drop-option{display:flex;align-items:center;justify-content:space-between;width:100%;text-align:start;background:none;border:none;padding:6px 10px;font-size:.82rem;font-weight:500;color:var(--fg);border-radius:6px;cursor:pointer;transition:background .1s;gap:8px;white-space:nowrap}.ec-drop-name{flex:1}.ec-drop-sym{color:var(--muted, #888);font-size:.75rem;font-weight:600}.ec-drop-option:hover{background:var(--hover-bg, rgba(59, 130, 246, .08))}.ec-drop-option.active{background:#3b82f61f;font-weight:700;color:#3b82f6}.ec-drop-option.active .ec-drop-sym{color:#3b82f6}.ec-drop--compact .ec-drop-btn{padding:2px 6px;font-size:.72rem;font-weight:500;border-radius:4px;gap:3px}.ec-drop--compact .ec-drop-chevron{width:6px;height:4px}.ec-drop--compact .ec-drop-panel{min-width:140px}.ec-drop--compact .ec-drop-option{font-size:.75rem;padding:4px 8px}.ec-results-section{display:flex;flex-direction:column;gap:14px}.ec-results-title{font-size:1.1rem;font-weight:650;margin:0}.ec-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 16px;gap:8px;border:1.5px dashed var(--border);border-radius:12px;background:var(--bg)}.ec-empty-icon{font-size:2rem;line-height:1;opacity:.7}.ec-empty-formula{font-size:1.3rem;font-weight:700;letter-spacing:.04em;color:var(--text);opacity:.55;text-align:center}.ec-empty-hint{font-size:.85rem;color:var(--muted);margin-top:4px}.ec-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:500px){.ec-results-grid{grid-template-columns:1fr}}.ec-result-card{position:relative;overflow:visible;border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:var(--card-bg, var(--bg))}.ec-result-card:hover{box-shadow:0 2px 8px #00000014}.ec-res-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.ec-res-value{font-size:1.2rem;font-weight:700;margin-top:2px}.ec-res-unit{font-size:.8rem;font-weight:500;color:var(--muted)}.ec-res-voltage{border-left:3px solid #3b82f6}.ec-res-current{border-left:3px solid #f59e0b}.ec-res-resistance{border-left:3px solid #10b981}.ec-res-power{border-left:3px solid #ef4444}.ec-cost-section{margin-top:8px;border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--card-bg, var(--bg))}.ec-cost-title{font-size:.95rem;font-weight:650;margin:0 0 10px}.ec-cost-inputs{display:flex;gap:10px;margin-bottom:10px}.ec-cost-field{flex:1;display:flex;flex-direction:column;gap:4px}.ec-cost-label{font-size:.75rem;font-weight:600;color:var(--muted)}.ec-cost-label-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.ec-cost-results{display:flex;flex-direction:column}.ec-cost-result{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--border)}.ec-cost-result .ec-cost-label{font-size:.85rem;line-height:1}.ec-cost-value{font-weight:650;font-size:1rem;text-align:end}.ec-cost-val-col{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.ec-cost-val-row{display:flex;align-items:center;gap:4px}.ec-cost-total .ec-cost-value{color:#f59e0b}.ec-rates-btn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:4px;border:1px solid var(--border);background:var(--card-bg, var(--bg));color:var(--muted, #888);font-size:.7rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s}.ec-rates-btn:hover{border-color:#3b82f6;color:#3b82f6}.ec-rates-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:24px}.ec-rates-dialog{background:var(--card, #fff);border:1px solid var(--border);border-radius:14px;box-shadow:0 8px 32px #0000002e;max-width:380px;width:100%;max-height:80vh;overflow:auto;padding:20px}.ec-rates-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:14px}.ec-rates-title{font-size:1.05rem;font-weight:700;margin:0}.ec-rates-updated{font-size:.72rem;color:var(--muted, #888);font-weight:400}.ec-rates-section{margin-top:16px}.ec-rates-section-title{font-size:.82rem;font-weight:700;margin:0 0 10px;color:var(--fg);display:flex;align-items:baseline;gap:8px}.ec-formula-steps{display:flex;flex-direction:column;gap:10px}.ec-formula-step{display:flex;align-items:flex-start;gap:10px}.ec-formula-num{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:#3b82f61a;color:#3b82f6;font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-top:1px}.ec-formula-label{font-size:.78rem;font-weight:500;color:var(--fg);margin-bottom:2px}.ec-formula-code{font-size:.75rem;font-family:SF Mono,Fira Code,monospace;background:var(--hover-bg, rgba(59, 130, 246, .06));padding:2px 8px;border-radius:4px;color:var(--fg);display:inline-block}.ec-formula-note{font-size:.72rem;color:var(--muted, #888);margin:12px 0 0;line-height:1.5}.ec-rates-close{background:none;border:none;font-size:1.1rem;color:var(--muted, #888);cursor:pointer;padding:0 4px;line-height:1}.ec-rates-close:hover{color:var(--fg)}.ec-rates-table{width:100%;border-collapse:collapse;font-size:.82rem}.ec-rates-table th{text-align:start;font-weight:600;padding:6px 8px;border-bottom:1px solid var(--border);color:var(--muted, #888);font-size:.72rem;text-transform:uppercase;letter-spacing:.03em}.ec-rates-table td{padding:5px 8px;border-bottom:1px solid var(--border)}.ec-rates-table tbody tr:last-child td{border-bottom:none}.ec-rates-table tbody tr:hover{background:var(--hover-bg, rgba(59, 130, 246, .06))}.trip-fuel-page{min-height:100vh;display:flex;flex-direction:column}.trip-fuel-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.trip-fuel-header{margin-bottom:24px}.trip-fuel-header h1{font-size:1.75rem;margin:0 0 4px}.trip-fuel-subtitle{color:var(--muted);font-size:.93rem;margin:0}.trip-fuel-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.trip-fuel-layout{grid-template-columns:1fr}}.tf-input-panel{display:flex;flex-direction:column;gap:12px}.tf-var-dist,.tf-var-econ,.tf-var-price,.tf-var-speed{font-size:.85rem}.tf-results-section{display:flex;flex-direction:column;gap:14px}.tf-results-title{font-size:1.1rem;font-weight:650;margin:0}.tf-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:500px){.tf-results-grid{grid-template-columns:1fr}}.tf-result-card{position:relative;overflow:visible;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s ease}.tf-result-card:hover{box-shadow:0 2px 8px #00000014}.tf-res-icon{font-size:1.5rem;line-height:1}.tf-res-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.tf-res-value{font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:6px}.tf-fuel{border-left:3px solid #f59e0b}.tf-cost{border-left:3px solid #10b981}.tf-time{border-left:3px solid #3b82f6}.tf-co2{border-left:3px solid #6366f1}.color-toolkit-page{min-height:100vh;display:flex;flex-direction:column}.color-toolkit-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.color-toolkit-header{margin-bottom:24px}.color-toolkit-header h1{font-size:1.75rem;margin:0 0 4px}.color-toolkit-subtitle{color:var(--muted);font-size:.93rem;margin:0}.ct-subtitle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.color-toolkit-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.color-toolkit-layout{grid-template-columns:1fr}}.ct-picker-section{display:flex;flex-direction:column;gap:18px}.ct-picker-wrap{display:flex;flex-direction:column;align-items:center;gap:12px}.ct-color-preview{width:100%;height:120px;border-radius:14px;border:1px solid var(--border);transition:background .2s;cursor:pointer}.ct-color-preview:hover{box-shadow:0 2px 12px #00000026}.ct-color-input-hidden{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ct-label-row{display:flex;align-items:center;justify-content:space-between;width:100%}.ct-label-row .ec-drop--compact .ec-drop-btn{width:auto}.ct-input-label{font-size:.8rem;font-weight:600;color:var(--muted)}.ct-input-row{display:flex;flex-direction:column;gap:6px;width:100%}.ct-input-fields{display:flex;align-items:center;gap:6px}.ct-swatch-wrap{position:relative;flex-shrink:0}.ct-swatch-btn{width:46px;height:46px;min-width:46px;border-radius:8px;border:1px solid var(--border);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:box-shadow .12s;padding:0}.ct-swatch-btn:hover{box-shadow:0 2px 8px #00000026}.ct-hex-input{flex:1;min-width:0;padding:8px 12px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));color:var(--fg);font-family:monospace;font-size:.92rem;outline:none}.ct-hex-input:focus{border-color:var(--accent)}.ct-formats-grid{display:flex;flex-direction:column;gap:4px}.ct-format-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:background .12s}.ct-format-row:hover{background:var(--hover-bg, rgba(59, 130, 246, .06))}.ct-format-label{font-size:.72rem;font-weight:700;min-width:42px;color:var(--muted)}.ct-format-value{flex:1;font-family:monospace;font-size:.88rem}.ct-copy-btn{font-size:.72rem;color:var(--accent);font-weight:600}.ct-tools-section{display:flex;flex-direction:column;gap:22px}.ct-section-header{display:flex;justify-content:space-between;align-items:center}.ct-section-header .ec-drop--compact .ec-drop-btn{font-size:.82rem;padding:4px 10px;white-space:nowrap;width:auto}.ct-section-title{font-size:1rem;font-weight:650;margin:0}.ct-palette-select{padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.8rem}.ct-palette-colors{display:flex;gap:6px;margin-top:8px}.ct-palette-swatch{flex:1;height:60px;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;padding:6px;cursor:pointer;transition:transform .12s;border:1px solid var(--border)}.ct-palette-swatch:hover{transform:scale(1.05)}.ct-swatch-label{font-size:.65rem;font-family:monospace;padding:2px 4px;background:#0006;color:#fff;border-radius:3px}.ct-contrast-section{display:flex;flex-direction:column;gap:10px}.ct-contrast-inputs{display:flex;gap:12px}.ct-contrast-field{flex:1;display:flex;flex-direction:column;gap:4px}.ct-contrast-label{font-size:.75rem;font-weight:600;color:var(--muted)}.ct-contrast-input-row{display:flex;align-items:center;gap:6px}.ct-mini-swatch{width:24px;height:24px;border-radius:6px;border:1px solid var(--border);flex-shrink:0}.ct-color-input-mini{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.ct-hex-input-sm{flex:1;padding:5px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card-bg, var(--bg));color:var(--fg);font-family:monospace;font-size:.82rem}.ct-contrast-preview{padding:18px;border-radius:10px;text-align:center;border:1px solid var(--border);margin:4px 0}.ct-preview-text{font-size:1.2rem;font-weight:600}.ct-contrast-results{display:flex;flex-direction:column;gap:8px}.ct-ratio-display{display:flex;justify-content:space-between;align-items:center}.ct-ratio-label{font-size:.8rem;font-weight:600;color:var(--muted)}.ct-ratio-value{font-size:1.3rem;font-weight:700}.ct-wcag-badges{display:flex;gap:6px;flex-wrap:wrap}.ct-badge{font-size:.72rem;font-weight:600;padding:3px 8px;border-radius:20px;border:1px solid var(--border)}.ct-badge.pass{background:#10b9811f;color:#10b981;border-color:#10b981}.ct-badge.fail{background:#ef44441f;color:#ef4444;border-color:#ef4444}.ct-share-btn{margin-top:4px;align-self:flex-end}.ct-full-width-features{display:flex;flex-direction:column;gap:28px;margin-top:28px}.ct-section-desc{font-size:.82rem;color:var(--muted);margin:2px 0 12px}.ct-cb-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media(max-width:600px){.ct-cb-grid{grid-template-columns:1fr}}.ct-cb-card{border:1px solid var(--border);border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .15s,transform .15s}.ct-cb-card:hover{box-shadow:0 2px 12px #0000001a;transform:translateY(-1px)}.ct-cb-swatches{display:flex;height:60px}.ct-cb-swatch{flex:1;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px}.ct-cb-swatch-label{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#ffffffd9;text-shadow:0 1px 3px rgba(0,0,0,.4)}.ct-cb-info{padding:8px 12px;display:flex;flex-direction:column;gap:1px}.ct-cb-name{font-weight:650;font-size:.85rem}.ct-cb-desc{font-size:.75rem;color:var(--muted)}.ct-cb-hex{font-family:monospace;font-size:.78rem;color:var(--muted)}.ct-tints-strip{display:flex;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.ct-tint-cell{flex:1;min-height:72px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:6px 2px;cursor:pointer;transition:transform .12s}.ct-tint-cell:hover{transform:scaleY(1.08);z-index:2}.ct-tint-step{font-size:.65rem;font-weight:700;color:#ffffffe6;text-shadow:0 1px 3px rgba(0,0,0,.5)}.ct-tint-hex{font-size:.55rem;font-family:monospace;color:#ffffffbf;text-shadow:0 1px 2px rgba(0,0,0,.4)}.ct-gradient-preview{width:100%;height:100px;border-radius:12px;border:1px solid var(--border);margin-bottom:12px}.ct-gradient-controls{display:flex;gap:20px;flex-wrap:wrap}.ct-gradient-colors{display:flex;gap:16px;flex-wrap:wrap}.ct-gradient-color-field{display:flex;flex-direction:column;gap:4px}.ct-gradient-angle{flex:1;min-width:140px}.ct-angle-row{display:flex;align-items:center;gap:10px;margin-top:4px}.ct-angle-slider{flex:1;min-width:80px;accent-color:var(--accent, #3b82f6)}.ct-angle-value{font-family:monospace;font-size:.85rem;font-weight:600;min-width:40px}.ct-gradient-css{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:10px 14px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));cursor:pointer;transition:background .12s}.ct-gradient-css:hover{background:var(--hover-bg, rgba(59, 130, 246, .06))}.ct-gradient-css code{font-size:.82rem;font-family:monospace;color:var(--fg);word-break:break-all}.datetime-dash-page{min-height:100vh;display:flex;flex-direction:column}.datetime-dash-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.datetime-dash-header{margin-bottom:24px}.datetime-dash-header h1{font-size:1.75rem;margin:0 0 4px}.datetime-dash-subtitle{color:var(--muted);font-size:.93rem;margin:0}.datetime-dash-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1}@media(max-width:720px){.datetime-dash-grid{grid-template-columns:1fr}}.dt-section{border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--card-bg, var(--bg))}.dt-section-title{font-size:1rem;font-weight:650;margin:0 0 12px}.dt-clocks-list{display:flex;flex-direction:column;gap:8px}.dt-clock-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;border-left:3px solid var(--accent);position:relative;cursor:pointer;overflow:hidden;-webkit-user-select:none;user-select:none}.dt-clock-info{display:flex;flex-direction:column;gap:1px;flex:1}.dt-clock-city{font-size:.88rem;font-weight:600}.dt-clock-offset{font-size:.72rem;color:var(--muted)}.dt-clock-time{font-size:1.3rem;font-weight:700;font-variant-numeric:tabular-nums;font-family:monospace;transition:transform .25s ease}.dt-clock-date{font-size:.72rem;color:var(--muted);transition:transform .25s ease}.dt-clock-card.editing .dt-clock-time,.dt-clock-card.editing .dt-clock-date{transform:translate(-36px)}.dt-clock-delete{position:absolute;inset-inline-end:0;top:0;bottom:0;width:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--danger, #ef4444);font-size:.9rem;cursor:pointer;transform:translate(100%);transition:transform .25s ease}.dt-clock-card.editing .dt-clock-delete{transform:translate(0)}.dt-add-city{margin-top:8px}.dt-add-btn{width:100%;padding:8px;border:1px dashed var(--border);border-radius:8px;background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem;transition:border-color .15s,color .15s}.dt-add-btn:hover{border-color:var(--accent);color:var(--accent)}.dt-tz-inputs{display:flex;flex-direction:column;gap:10px}.dt-tz-field{display:flex;flex-direction:column;gap:4px}.dt-tz-label{font-size:.75rem;font-weight:600;color:var(--muted)}.dt-tz-select,.dt-tz-time-input,.dt-tz-date-input{padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.88rem}.dt-tz-arrow{text-align:center;font-size:1.2rem;color:var(--muted)}.dt-tz-result{margin-top:8px;padding:10px;font-size:1.1rem;font-weight:700;text-align:center;border-radius:8px;background:var(--hover-bg, rgba(59, 130, 246, .06))}.dt-duration-inputs{display:flex;gap:10px;margin-bottom:10px}.dt-dur-field{flex:1;display:flex;flex-direction:column;gap:4px}.dt-dur-label{font-size:.75rem;font-weight:600;color:var(--muted)}.dt-dur-input{padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.88rem;width:100%}.dt-duration-result{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;font-size:.95rem;padding:8px 10px;border-radius:8px;background:var(--hover-bg, rgba(59, 130, 246, .06))}.dt-dur-num{font-size:1.25rem;font-weight:700}.dt-dur-unit{font-size:.78rem;color:var(--muted);margin-inline-end:6px}.dt-dur-negative{font-size:1.25rem;font-weight:700;color:var(--danger, #ef4444)}.dt-unix-grid{display:flex;flex-direction:column;gap:14px}.dt-unix-block{display:flex;flex-direction:column;gap:6px}.dt-unix-label{font-size:.75rem;font-weight:600;color:var(--muted)}.dt-unix-row{display:flex;gap:6px}.dt-unix-input{flex:1;padding:7px 8px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.88rem;font-family:monospace;width:100%}.dt-now-btn{padding:7px 12px;border:1px solid var(--accent);border-radius:8px;background:var(--hover-bg, rgba(59, 130, 246, .06));color:var(--accent);cursor:pointer;font-size:.82rem;font-weight:600;white-space:nowrap}.dt-now-btn:hover{background:var(--hover-bg, rgba(59, 130, 246, .12))}.dt-unix-result{font-family:monospace;font-size:.88rem;padding:6px 8px;border-radius:6px;background:var(--hover-bg, rgba(59, 130, 246, .06));word-break:break-all}.dt-tz-drop{position:relative;width:100%}.dt-tz-drop-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:6px;padding:7px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.88rem;cursor:pointer;transition:border-color .15s}.dt-tz-drop-btn:hover{border-color:var(--accent)}.dt-tz-drop-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:999;max-height:300px;display:flex;flex-direction:column;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));box-shadow:0 4px 16px #0000001f;overflow:hidden}.dt-tz-drop-search-wrap{padding:8px;border-bottom:1px solid var(--border)}.dt-tz-drop-search{width:100%;padding:6px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.82rem;outline:none}.dt-tz-drop-search:focus{border-color:var(--accent)}.dt-tz-drop-list{overflow-y:auto;flex:1;padding:4px}.dt-tz-drop-option{display:flex;justify-content:space-between;align-items:center;width:100%;padding:7px 10px;border:none;border-radius:6px;background:transparent;color:var(--fg);cursor:pointer;font-size:.85rem;transition:background .1s}.dt-tz-drop-option:hover{background:var(--hover-bg, rgba(59, 130, 246, .06))}.dt-tz-drop-option.active{background:var(--hover-bg, rgba(59, 130, 246, .1));font-weight:600}.dt-tz-drop-name{flex:1;text-align:start}.dt-tz-drop-offset{color:var(--muted);font-size:.75rem;flex-shrink:0;margin-inline-start:8px}.dt-tz-drop-empty{padding:16px;text-align:center;color:var(--muted)}.dt-city-picker{border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));box-shadow:0 4px 16px #0000001f;overflow:hidden;max-height:280px;display:flex;flex-direction:column}.usng-map-page{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:var(--bg)}.usng-map-container{flex:1;width:100%;min-height:0;position:relative}.usng-zoom-badge{position:absolute;bottom:32px;left:8px;background:#0000008c;color:#fff;font-size:11px;font-weight:600;padding:3px 8px;border-radius:10px;pointer-events:none;z-index:2;font-variant-numeric:tabular-nums}.usng-panel{position:absolute;top:16px;left:16px;width:380px;max-width:calc(100vw - 32px);background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow),0 0 0 1px #0000000a;z-index:10;overflow:hidden;transition:width .3s ease,box-shadow .3s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.usng-panel.collapsed{width:auto;min-width:200px}.usng-panel-header{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg-soft)}.usng-panel-home{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;color:var(--muted);text-decoration:none;transition:color .2s,background .2s;flex-shrink:0}.usng-panel-home:hover{color:var(--accent);background:var(--chip)}.usng-panel-title{flex:1;font-size:15px;font-weight:700;color:var(--text);margin:0;letter-spacing:-.01em}.usng-panel-toggle{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;background:transparent;color:var(--muted);cursor:pointer;transition:color .2s,background .2s;flex-shrink:0}.usng-panel-toggle:hover{color:var(--accent);background:var(--chip)}.usng-panel-body{padding:14px 16px 16px}.usng-input-row{display:flex;gap:8px}.usng-coord-input{flex:1;padding:10px 14px;font-size:14px;border:1.5px solid var(--border);border-radius:10px;background:var(--input-bg);color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s;font-family:Inter,SF Pro,system-ui,sans-serif}.usng-coord-input::placeholder{color:var(--muted);opacity:.7}.usng-coord-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d94881f}.usng-go-btn{padding:10px 20px;font-size:14px;font-weight:600;border:none;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;transition:background .2s,transform .1s;letter-spacing:.02em}.usng-go-btn:hover{background:var(--accent-strong)}.usng-go-btn:active{transform:scale(.96)}.usng-error{margin:8px 0 0;padding:8px 12px;font-size:12px;color:#dc2626;background:#dc262614;border-radius:8px;border:1px solid rgba(220,38,38,.15)}.usng-results{margin-top:14px;display:flex;flex-direction:column;gap:6px}.usng-result-row{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--chip);border-radius:8px;gap:12px}.usng-result-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0}.usng-result-value{font-size:13px;font-weight:600;color:var(--text);font-family:SF Mono,Fira Code,Cascadia Code,monospace;text-align:right;word-break:break-all}.usng-legend{margin-top:8px;display:grid;grid-template-columns:repeat(4,1fr);gap:4px 8px;padding:8px 10px;background:var(--chip);border-radius:8px}.usng-legend-item{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:var(--muted);font-weight:500;white-space:nowrap}.usng-legend-line{display:inline-block;width:14px;height:2px;border-radius:1px;flex-shrink:0}.usng-legend-line.zone{background:#0050b480;border-top:1px dashed rgba(0,80,180,.7)}[data-theme=dark] .usng-legend-line.zone,[data-theme=sunset] .usng-legend-line.zone,[data-theme=nebula] .usng-legend-line.zone,[data-theme=crimson] .usng-legend-line.zone{background:#64c8ff80;border-top:1px dashed rgba(100,200,255,.7)}.usng-legend-line.band{background:#0050b44d}[data-theme=dark] .usng-legend-line.band,[data-theme=sunset] .usng-legend-line.band,[data-theme=nebula] .usng-legend-line.band,[data-theme=crimson] .usng-legend-line.band{background:#64c8ff59}.usng-legend-line.grid-100k{background:#0064c880}[data-theme=dark] .usng-legend-line.grid-100k,[data-theme=sunset] .usng-legend-line.grid-100k,[data-theme=nebula] .usng-legend-line.grid-100k,[data-theme=crimson] .usng-legend-line.grid-100k{background:#64dcff99}.usng-legend-line.grid-10k{background:#0064c859}[data-theme=dark] .usng-legend-line.grid-10k,[data-theme=sunset] .usng-legend-line.grid-10k,[data-theme=nebula] .usng-legend-line.grid-10k,[data-theme=crimson] .usng-legend-line.grid-10k{background:#64dcff73}.usng-legend-line.grid-1k{background:#0064c840}[data-theme=dark] .usng-legend-line.grid-1k,[data-theme=sunset] .usng-legend-line.grid-1k,[data-theme=nebula] .usng-legend-line.grid-1k,[data-theme=crimson] .usng-legend-line.grid-1k{background:#64dcff4d}.usng-legend-line.grid-100m{background:#0064c826}[data-theme=dark] .usng-legend-line.grid-100m,[data-theme=sunset] .usng-legend-line.grid-100m,[data-theme=nebula] .usng-legend-line.grid-100m,[data-theme=crimson] .usng-legend-line.grid-100m{background:#64dcff33}.usng-legend-line.grid-10m{background:#0064c833}[data-theme=dark] .usng-legend-line.grid-10m,[data-theme=sunset] .usng-legend-line.grid-10m,[data-theme=nebula] .usng-legend-line.grid-10m,[data-theme=crimson] .usng-legend-line.grid-10m{background:#64dcff26}.usng-legend-line.grid-1m{background:#0064c824}[data-theme=dark] .usng-legend-line.grid-1m,[data-theme=sunset] .usng-legend-line.grid-1m,[data-theme=nebula] .usng-legend-line.grid-1m,[data-theme=crimson] .usng-legend-line.grid-1m{background:#64dcff1a}.usng-section{margin-top:14px;padding-top:12px;border-top:1px solid var(--border)}.usng-section-toggle{display:flex;align-items:center;justify-content:space-between;cursor:pointer}.usng-section-label{font-size:12px;font-weight:600;color:var(--text);letter-spacing:.02em}.usng-toggle-switch{position:relative;width:40px;height:22px;border-radius:11px;border:none;background:var(--border);cursor:pointer;transition:background .2s;padding:0;flex-shrink:0}.usng-toggle-switch.on{background:var(--accent)}.usng-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0003}.usng-toggle-switch.on .usng-toggle-thumb{transform:translate(18px)}.usng-radius-controls{margin-top:8px}.usng-radius-row{display:flex;align-items:center;gap:6px}.usng-radius-row .usng-radius-input,.usng-radius-row .usng-radius-unit,.usng-radius-row .usng-apply-btn{height:30px;box-sizing:border-box}.usng-radius-row .usng-radius-input,.usng-radius-row .usng-radius-unit{flex:1;min-width:0}.usng-radius-input{padding:4px 6px!important;border:1.5px solid var(--border);border-radius:6px!important;background:var(--input-bg);color:var(--text);font-size:13px!important;font-weight:400!important;font-family:Inter,SF Pro,system-ui,sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.usng-radius-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0d94881f}.usng-radius-input::-webkit-inner-spin-button,.usng-radius-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.usng-radius-unit{padding:4px 22px 4px 6px!important;border:1.5px solid var(--border);border-radius:6px!important;background:var(--input-bg);color:var(--text);font-size:13px;font-family:Inter,SF Pro,system-ui,sans-serif;cursor:pointer;outline:none;transition:border-color .2s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23888'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.usng-radius-unit:focus{border-color:var(--accent)}.usng-apply-btn{padding:5px 14px;font-size:13px}.usng-hint{margin:8px 0 0;font-size:11px;color:var(--muted);opacity:.7}.usng-popup .maplibregl-popup-content{background:var(--card);color:var(--text);border:1px solid var(--border);border-radius:10px;padding:10px 14px;box-shadow:var(--shadow);font-family:Inter,SF Pro,system-ui,sans-serif}.usng-popup .maplibregl-popup-tip{border-top-color:var(--card)}.usng-popup-content strong{font-size:14px;font-weight:700;color:var(--accent);font-family:SF Mono,Fira Code,monospace;letter-spacing:.03em}.usng-popup-ll{font-size:11px;color:var(--muted)}.usng-popup .maplibregl-popup-close-button{color:var(--muted);font-size:18px;padding:4px 8px}.usng-popup .maplibregl-popup-close-button:hover{color:var(--text);background:transparent}@media(max-width:500px){.usng-panel{top:auto;bottom:0;left:0;right:0;width:100%;max-width:100%;border-radius:20px 20px 0 0;border-bottom:none}.usng-panel.collapsed{min-width:unset}.usng-panel-header{padding:12px 16px}.usng-panel-body{max-height:45vh;overflow-y:auto;-webkit-overflow-scrolling:touch}}.ev-trip-page{min-height:100vh;display:flex;flex-direction:column}.ev-trip-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.ev-trip-header{margin-bottom:24px}.ev-trip-header h1{font-size:1.75rem;margin:0 0 4px}.ev-trip-subtitle{color:var(--muted);font-size:.93rem;margin:0}.ev-trip-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.ev-trip-layout{grid-template-columns:1fr}}.ev-input-panel{display:flex;flex-direction:column;gap:12px}.ev-car-drop{position:relative;width:100%}.ev-car-drop-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.92rem;cursor:pointer;outline:none;text-align:left}.ev-car-drop-btn .ec-drop-chevron{margin-inline-start:auto;flex-shrink:0}.ev-car-drop-btn:focus,.ev-car-drop-btn:hover{border-color:#8b5cf6}.ev-car-drop-label{font-weight:600;flex-shrink:0}.ev-car-drop-specs{color:var(--muted);font-size:.82rem;flex:1;text-align:right;margin-right:4px}.ev-car-drop-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:999;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001f;max-height:320px;overflow-y:auto;padding:4px}.ev-car-drop-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:var(--fg);font-size:.88rem;cursor:pointer;text-align:left}.ev-car-drop-option:hover{background:var(--hover, rgba(0, 0, 0, .05))}.ev-car-drop-option.active{background:#8b5cf61f;font-weight:600}.ev-car-drop-name{flex-shrink:0}.ev-car-drop-meta{color:var(--muted);font-size:.78rem;text-align:right}.ev-var-car{color:#8b5cf6}.ev-var-dist{color:#3b82f6}.ev-var-eff{color:#f59e0b}.ev-var-batt{color:#22c55e}.ev-var-rate{color:#a855f7}.ev-var-gas{color:#ef4444}.ev-results-section{display:flex;flex-direction:column;gap:12px}.ev-results-title{font-size:1.1rem;margin:0}.ev-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:720px){.ev-results-grid{grid-template-columns:1fr}}.ev-result-card{position:relative;overflow:visible;padding:16px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s ease}.ev-result-card:hover{box-shadow:0 2px 8px #00000014}.ev-res-icon{font-size:1.3rem}.ev-res-label{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.ev-res-value{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:6px}.ev-res-detail{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ev-energy{border-left:3px solid #f59e0b}.ev-cost{border-left:3px solid #3b82f6}.ev-range{border-left:3px solid #22c55e}.ev-stops{border-left:3px solid #a855f7}.ev-savings{border-left:3px solid #10b981}.ev-co2{border-left:3px solid #6366f1}.ev-time{border-left:3px solid #06b6d4;grid-column:span 2}.ev-time-gas{border-left:3px solid #f97316;grid-column:span 2}@media(max-width:720px){.ev-time,.ev-time-gas{grid-column:span 1}}.ev-var-speed{color:#06b6d4}.ev-var-charge{color:#e11d48}.ev-compare-header{font-size:.95rem;font-weight:600;color:var(--muted);margin:16px 0 4px;padding-top:12px;border-top:1px dashed var(--border)}.ev-share-btn{width:auto;height:22px;padding:0 8px;white-space:nowrap}.ev-share-toast{background:#10b981;color:#fff;font-size:.82rem;font-weight:600;padding:6px 16px;border-radius:8px;text-align:center;animation:ev-toast-in .25s ease}@keyframes ev-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.energy-est-page{min-height:100vh;display:flex;flex-direction:column}.energy-est-container{max-width:1060px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.energy-est-header{margin-bottom:24px}.energy-est-header h1{font-size:1.75rem;margin:0 0 4px}.energy-est-subtitle{color:var(--muted);font-size:.93rem;margin:0}.energy-est-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:28px;flex:1}@media(max-width:780px){.energy-est-layout{grid-template-columns:1fr}}.he-appliances-panel{display:flex;flex-direction:column;gap:14px}.he-rate-field{display:flex;flex-direction:column;gap:4px}.he-label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.he-input-row{display:flex;gap:8px;align-items:center}.he-input{min-width:0;width:auto;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.95rem;outline:none}.he-input:focus{border-color:var(--accent)}.he-unit-label{font-size:.85rem;color:var(--muted)}.he-section-title{font-size:1rem;margin:8px 0 4px}.he-appliance-list{display:flex;flex-direction:column;gap:6px}.he-sub-title{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0}.he-clear-btn{background:none;border:none;color:var(--muted);font-size:.7rem;cursor:pointer;text-transform:uppercase;letter-spacing:.3px}.he-clear-btn:hover{color:var(--accent)}.he-appliance-row{display:flex;flex-direction:column;gap:2px;padding:6px 8px;border-radius:8px;background:var(--card-bg, var(--bg));border:1px solid var(--border);transition:opacity .2s}.he-appliance-row.disabled{opacity:.4}.he-app-top{display:flex;align-items:center;gap:8px}.he-app-bottom{display:flex;align-items:center;gap:4px;padding-inline-start:26px;min-width:0}.he-checkbox{accent-color:var(--accent)}.he-app-name{flex:1;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.he-watts-input,.he-hours-input{width:50px;padding:2px 4px;border:1px solid var(--border);border-radius:4px;background:var(--card-bg);color:var(--fg);font-size:.8rem;text-align:center}.he-unit-sm{font-size:.75rem;color:var(--muted);white-space:nowrap;flex-shrink:0}.he-remove-btn{background:none;border:none;color:var(--muted);cursor:pointer;font-size:.8rem;padding:2px 6px}.he-add-custom{display:flex;flex-direction:column;gap:6px}.he-add-custom-top{display:flex}.he-add-custom-top .he-custom-name{flex:1;width:100%}.he-add-custom-bottom{display:flex;gap:8px;align-items:stretch}.he-custom-watts,.he-custom-hours{width:70px}.he-add-btn{padding:0 14px;border-radius:8px;border:none;background:var(--accent);color:var(--bg);font-size:1.1rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}.he-preset-drop{position:relative}.he-preset-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border:1px solid var(--accent);border-radius:8px;background:transparent;color:var(--accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.he-preset-btn:hover{background:var(--card-bg, var(--bg))}.he-preset-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:10px;box-shadow:0 8px 24px #0000001f;z-index:20;overflow:hidden}.he-preset-search{width:100%;padding:10px 12px;border:none;border-bottom:1px solid var(--border);background:transparent;color:var(--fg);font-size:.9rem;outline:none;box-sizing:border-box}.he-preset-list{max-height:280px;overflow-y:auto}.he-preset-cat{padding:6px 12px 2px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);position:sticky;top:0;background:var(--card-bg, var(--bg))}.he-preset-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--fg);cursor:pointer;font-size:.85rem;text-align:start}.he-preset-option:hover{background:var(--accent);color:var(--bg)}.he-preset-name{flex:1}.he-preset-meta{font-size:.75rem;color:var(--muted);white-space:nowrap}.he-preset-option:hover .he-preset-meta{color:var(--bg);opacity:.7}.he-preset-empty{padding:16px 12px;text-align:center;color:var(--muted);font-size:.85rem}.he-results-section{display:flex;flex-direction:column;gap:12px}.he-results-title{font-size:1.1rem;margin:0}.he-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.he-result-card{padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg));transition:box-shadow .15s ease}.he-result-card:hover{box-shadow:0 2px 8px #00000014}.he-daily{border-inline-start:3px solid #3b82f6}.he-monthly{border-inline-start:3px solid #8b5cf6}.he-cost{border-inline-start:3px solid #f59e0b}.he-co2{border-inline-start:3px solid #10b981}.he-res-icon{font-size:1.3rem;margin-bottom:4px}.he-res-label{font-size:.8rem;color:var(--muted);text-transform:uppercase}.he-res-value{font-size:1.25rem;font-weight:700;margin-top:4px}.he-ranking{margin-top:16px}.he-ranking-title{font-size:1rem;margin:0 0 10px}.he-rank-row{display:flex;align-items:center;gap:8px;padding:4px 0}.he-rank-num{font-size:.8rem;font-weight:700;color:var(--muted);min-width:24px}.he-rank-name{flex:0 0 100px;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.he-rank-bar-wrap{flex:1;height:8px;background:var(--border);border-radius:4px;overflow:hidden}.he-rank-bar{height:100%;background:var(--accent);border-radius:4px;transition:width .3s}.he-rank-pct{font-size:.8rem;font-weight:600;min-width:35px;text-align:end}.aspect-ratio-page{min-height:100vh;display:flex;flex-direction:column}.aspect-ratio-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.aspect-ratio-header{margin-bottom:24px}.aspect-ratio-header h1{font-size:1.75rem;margin:0 0 4px}.aspect-ratio-subtitle{color:var(--muted);font-size:.93rem;margin:0}.ar-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.ar-layout{grid-template-columns:1fr}}.ar-input-panel{display:flex;flex-direction:column;gap:18px}.ar-dims{display:flex;gap:10px;align-items:end;margin-top:6px}.ar-field{display:flex;flex-direction:column;gap:4px;flex:1}.ar-label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.ar-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:1rem;outline:none}.ar-input:focus{border-color:var(--accent)}.ar-x{font-size:1.3rem;color:var(--muted);padding-bottom:8px}.ar-device-drop{position:relative;width:100%}.ar-device-drop-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.92rem;cursor:pointer;outline:none;text-align:left}.ar-device-drop-btn:focus,.ar-device-drop-btn:hover{border-color:var(--accent)}.ar-device-drop-btn .ec-drop-chevron{margin-inline-start:auto;flex-shrink:0}.ar-device-panel{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:999;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;max-height:380px}.ar-device-search-wrap{padding:8px 8px 4px;position:sticky;top:0;background:var(--card-bg, var(--bg));z-index:1;border-bottom:1px solid var(--border)}.ar-device-search{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.88rem;outline:none;box-sizing:border-box}.ar-device-search:focus{border-color:var(--accent)}.ar-device-list{overflow-y:auto;padding:4px;flex:1}.ar-device-cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);padding:10px 10px 4px}.ar-device-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;border:none;border-radius:8px;background:transparent;color:var(--fg);font-size:.88rem;cursor:pointer;text-align:left}.ar-device-option:hover{background:var(--hover, rgba(0, 0, 0, .05))}.ar-device-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ar-device-meta{color:var(--muted);font-size:.78rem;flex-shrink:0;text-align:right}.ar-device-empty{padding:16px;text-align:center;color:var(--muted);font-size:.88rem}.ar-presets{display:flex;flex-direction:column;gap:6px}.ar-preset-grid{display:flex;flex-wrap:wrap;gap:6px}.ar-preset-btn{padding:6px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg, var(--bg));color:var(--fg);cursor:pointer;font-size:.85rem;transition:all .15s}.ar-preset-btn:hover{border-color:var(--accent)}.ar-preset-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.ar-section-title{font-size:.95rem;margin:0 0 8px}.ar-scale-section,.ar-ppi-section{display:flex;flex-direction:column;gap:8px}.ar-scale-row{display:flex;gap:12px;align-items:end}.ar-scale-result{font-size:.9rem;color:var(--muted);padding-bottom:10px;white-space:nowrap}.ar-scale-cards{display:flex;flex-direction:column;gap:10px;margin-top:4px}.ar-scale-card{display:flex;flex-direction:column;gap:4px}.ar-scale-card-label{font-size:.8rem;color:var(--muted);font-weight:600}.ar-scale-card-row{display:flex;align-items:center;gap:8px}.ar-scale-input{width:90px;font-size:.85rem;padding:4px 8px}.ar-scale-arrow{color:var(--muted);font-size:.9rem}.ar-scale-card-result{font-size:.9rem;font-weight:600;color:var(--fg)}.ar-ppi-row{display:flex;gap:12px}.ar-results-section{display:flex;flex-direction:column;gap:14px}.ar-results-title{font-size:1.1rem;margin:0}.ar-ratio-display{display:flex;justify-content:center}.ar-visual{max-width:200px;width:100%;background:var(--card-bg, var(--bg));border:2px solid var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:center;min-height:60px}.ar-visual span{font-size:1.4rem;font-weight:700;color:var(--accent)}.ar-results-grid{display:flex;flex-direction:column;gap:8px}.ar-result-item{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card-bg, var(--bg))}.ar-res-label{font-size:.85rem;color:var(--muted)}.ar-res-value{font-size:.95rem;font-weight:600}.percentage-calc-page{min-height:100vh;display:flex;flex-direction:column}.percentage-calc-container{max-width:800px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.percentage-calc-header{margin-bottom:24px}.percentage-calc-header h1{font-size:1.75rem;margin:0 0 4px}.percentage-calc-subtitle{color:var(--muted);font-size:.93rem;margin:0}.pc-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.pc-layout{grid-template-columns:1fr}}.pc-input-panel{display:flex;flex-direction:column;gap:16px}.pc-mode-tabs{display:flex;flex-wrap:wrap;gap:6px}.pc-mode-btn{padding:7px 14px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg, var(--bg));color:var(--fg);cursor:pointer;font-size:.82rem;transition:all .15s}.pc-mode-btn:hover{border-color:#3b82f6}.pc-mode-btn.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.pc-inputs{display:flex;flex-direction:column;gap:12px}.pc-field{display:flex;flex-direction:column;gap:4px}.pc-label{font-size:.85rem;font-weight:600;color:var(--muted)}.pc-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:1rem;outline:none}.pc-input:focus{border-color:#3b82f6}.pc-ratio-row{display:flex;align-items:center;gap:10px}.pc-ratio-row .pc-input{flex:1}.pc-colon{font-size:1.5rem;font-weight:700;color:var(--muted)}.pc-results-section{display:flex;flex-direction:column;gap:12px}.pc-results-title{font-size:1.1rem;margin:0}.pc-results-empty{color:var(--muted);font-style:italic}.pc-result-display{padding:20px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg))}.pc-result-main{font-size:1.2rem;font-weight:700;margin-bottom:12px}.pc-result-details{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--border);padding-top:12px}.pc-detail-row{display:flex;justify-content:space-between;font-size:.95rem}.pc-detail-row span:last-child{font-weight:600}.cooking-conv-page{min-height:100vh;display:flex;flex-direction:column}.cooking-conv-container{max-width:900px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.cooking-conv-header{margin-bottom:24px}.cooking-conv-header h1{font-size:1.75rem;margin:0 0 4px}.cooking-conv-subtitle{color:var(--muted);font-size:.93rem;margin:0}.ck-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1}@media(max-width:720px){.ck-layout{grid-template-columns:1fr}}.ck-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:10px}.ck-section-title{font-size:1rem;margin:0}.ck-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ck-input{min-width:0;width:70px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.95rem;outline:none}.ck-input:focus{border-color:#ef4444}.ck-select{width:auto;padding:8px 6px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.85rem;cursor:pointer}.ck-arrow{font-size:1.1rem;color:var(--muted)}.ck-result{font-size:1.15rem;font-weight:700;padding:8px 0}.ck-field-sm{display:flex;flex-direction:column;gap:4px}.ck-label{font-size:.8rem;color:var(--muted)}.ck-gas-marks{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.ck-gas-btn{padding:4px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-size:.75rem;transition:all .15s}.ck-gas-btn:hover{border-color:#ef4444}.ck-gas-btn.active{background:#ef4444;color:#fff;border-color:#ef4444}.salary-conv-page{min-height:100vh;display:flex;flex-direction:column}.salary-conv-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.salary-conv-header{margin-bottom:24px}.salary-conv-header h1{font-size:1.75rem;margin:0 0 4px}.salary-conv-subtitle{color:var(--muted);font-size:.93rem;margin:0}.sc-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:28px;flex:1}@media(max-width:720px){.sc-layout{grid-template-columns:1fr}}.sc-input-panel{display:flex;flex-direction:column;gap:16px}.sc-field{display:flex;flex-direction:column;gap:4px}.sc-label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.sc-input-row{display:flex;gap:8px;align-items:center}.sc-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:1rem;outline:none;flex:1}.sc-input:focus{border-color:#eab308}.sc-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.85rem;cursor:pointer}.sc-unit-label{font-size:.85rem;color:var(--muted)}.sc-results-section{display:flex;flex-direction:column;gap:14px}.sc-results-title{font-size:1.1rem;margin:0}.sc-results-empty{color:var(--muted);font-style:italic}.sc-results-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media(max-width:720px){.sc-results-grid{grid-template-columns:1fr 1fr}}.sc-result-card{padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg));transition:border-color .15s}.sc-result-card.sc-active{border-color:#eab308;box-shadow:0 0 0 2px #eab3081a}.sc-res-label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.sc-res-value{font-size:1.15rem;font-weight:700;margin-top:4px}.sc-res-after{font-size:.78rem;color:var(--muted);margin-top:4px}.sc-tax-summary{margin-top:12px;padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg))}.sc-tax-row{display:flex;justify-content:space-between;font-size:.95rem;padding:4px 0}.sc-tax-row.sc-net{border-top:1px solid var(--border);padding-top:10px;font-weight:700}.pace-calc-page{min-height:100vh;display:flex;flex-direction:column}.pace-calc-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.pace-calc-header{margin-bottom:24px}.pace-calc-header h1{font-size:1.75rem;margin:0 0 4px}.pace-calc-subtitle{color:var(--muted);font-size:.93rem;margin:0}.pa-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.pa-layout{grid-template-columns:1fr}}.pa-input-panel{display:flex;flex-direction:column;gap:16px}.pa-field{display:flex;flex-direction:column;gap:4px}.pa-label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.pa-input-row{display:flex;gap:8px;align-items:center}.pa-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:1rem;outline:none;flex:1}.pa-input:focus{border-color:#f97316}.pa-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.85rem;cursor:pointer}.pa-time-row{display:flex;gap:4px;align-items:center}.pa-time-input{max-width:70px;text-align:center}.pa-colon{font-size:1.3rem;font-weight:700;color:var(--muted)}.pa-results-section{display:flex;flex-direction:column;gap:14px}.pa-results-title{font-size:1.1rem;margin:0}.pa-results-empty{color:var(--muted);font-style:italic}.pa-results-grid{display:flex;flex-direction:column;gap:10px}.pa-result-card{padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;align-items:center;gap:10px}.pa-res-icon{font-size:1.3rem}.pa-res-label{font-size:.82rem;color:var(--muted);text-transform:uppercase;min-width:80px}.pa-res-value{font-size:1.1rem;font-weight:700}.pa-section-title{font-size:.95rem;margin:0}.pa-race-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}.pa-race-card{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid var(--border);background:var(--card-bg, var(--bg))}.pa-race-name{font-size:.85rem;color:var(--muted)}.pa-race-time{font-size:.95rem;font-weight:700;font-family:monospace}.pa-splits{margin-top:4px}.pa-split-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.pa-split-row{display:flex;gap:12px;padding:6px 10px;border-radius:8px;background:var(--card-bg, var(--bg));border:1px solid var(--border);font-size:.85rem}.pa-split-num{font-weight:700;color:var(--muted);min-width:30px}.pa-split-dist{min-width:70px}.pa-split-time{font-family:monospace;min-width:70px}.pa-split-lap{color:var(--muted)}.shipping-size-page{min-height:100vh;display:flex;flex-direction:column}.shipping-size-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.shipping-size-header{margin-bottom:24px}.shipping-size-header h1{font-size:1.75rem;margin:0 0 4px}.shipping-size-subtitle{color:var(--muted);font-size:.93rem;margin:0}.sh-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.sh-layout{grid-template-columns:1fr}}.sh-input-panel{display:flex;flex-direction:column;gap:16px}.sh-field{display:flex;flex-direction:column;gap:4px}.sh-label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.sh-dims-row{display:flex;gap:6px;align-items:center}.sh-input-row{display:flex;gap:8px;align-items:center}.sh-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:1rem;outline:none;flex:1}.sh-input:focus{border-color:#a855f7}.sh-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.85rem;cursor:pointer}.sh-carrier-select{width:100%}.sh-x{font-size:1.2rem;color:var(--muted)}.sh-results-section{display:flex;flex-direction:column;gap:14px}.sh-results-title{font-size:1.1rem;margin:0}.sh-results-empty{color:var(--muted);font-style:italic}.sh-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:720px){.sh-results-grid{grid-template-columns:1fr}}.sh-result-card{padding:14px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg))}.sh-result-card.sh-billable{border-color:#a855f7;background:#a855f70d}.sh-res-label{font-size:.8rem;color:var(--muted);text-transform:uppercase}.sh-res-value{font-size:1.1rem;font-weight:700;margin-top:4px}.sh-res-note{font-size:.78rem;color:var(--muted);margin-top:4px}.sh-section-title{font-size:.95rem;margin:0}.sh-box-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}@media(max-width:720px){.sh-box-grid{grid-template-columns:1fr 1fr}}.sh-box-card{padding:10px;border-radius:10px;border:1px solid var(--border);text-align:center;display:flex;flex-direction:column;gap:4px}.sh-box-card.sh-fits{border-color:#22c55e;background:#22c55e0d}.sh-box-card.sh-nope{opacity:.5}.sh-box-name{font-weight:700;font-size:.9rem}.sh-box-dims{font-size:.75rem;color:var(--muted)}.sh-box-status{font-size:1.2rem}.decibel-calc-page{min-height:100vh;display:flex;flex-direction:column}.decibel-calc-container{max-width:900px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.decibel-calc-header{margin-bottom:24px}.decibel-calc-header h1{font-size:1.75rem;margin:0 0 4px}.decibel-calc-subtitle{color:var(--muted);font-size:.93rem;margin:0}.db-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1}@media(max-width:720px){.db-layout{grid-template-columns:1fr}}.db-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:10px}.db-section.db-ref-section{grid-column:span 2}@media(max-width:720px){.db-section.db-ref-section{grid-column:span 1}}.db-section-title{font-size:1rem;margin:0}.db-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.db-input{min-width:0;width:80px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.95rem;outline:none}.db-input:focus{border-color:#06b6d4}.db-plus,.db-eq{font-size:1.2rem;font-weight:700;color:var(--muted)}.db-arrow{font-size:1.1rem;color:var(--muted)}.db-result-val{font-size:1.15rem;font-weight:700}.db-field-sm{display:flex;flex-direction:column;gap:2px}.db-label{font-size:.75rem;color:var(--muted)}.db-unit{font-size:.85rem;color:var(--muted)}.db-result-box{font-size:1.15rem;font-weight:700;padding:8px 0}.db-exposure-bar{height:8px;background:var(--border);border-radius:4px;overflow:hidden}.db-bar-fill{height:100%;border-radius:4px;transition:width .3s,background .3s}.db-ref-list{display:flex;flex-direction:column;gap:6px}.db-ref-row{display:flex;align-items:center;gap:8px}.db-ref-level{font-size:.8rem;font-weight:600;min-width:45px;text-align:end}.db-ref-bar-wrap{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.db-ref-bar{height:100%;background:linear-gradient(90deg,#22c55e,#f59e0b,#ef4444);border-radius:3px}.db-ref-name{font-size:.8rem;min-width:100px}.data-transfer-page{min-height:100vh;display:flex;flex-direction:column}.data-transfer-container{max-width:900px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.data-transfer-header{margin-bottom:24px}.data-transfer-header h1{font-size:1.75rem;margin:0 0 4px}.data-transfer-subtitle{color:var(--muted);font-size:.93rem;margin:0}.dt2-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1}@media(max-width:720px){.dt2-layout{grid-template-columns:1fr}}.dt2-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:10px}.dt2-section-title{font-size:1rem;margin:0}.dt2-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dt2-input{min-width:0;width:80px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.95rem;outline:none}.dt2-input:focus{border-color:#0ea5e9}.dt2-select{width:auto;padding:8px 6px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.85rem;cursor:pointer}.dt2-at{font-size:1rem;color:var(--muted);font-weight:600}.dt2-label-inline{font-size:.85rem;color:var(--muted)}.dt2-result{font-size:1.15rem;font-weight:700;padding:6px 0}.dt2-conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.dt2-conv-item{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid var(--border)}.dt2-conv-label{font-size:.82rem;color:var(--muted)}.dt2-conv-value{font-size:.9rem;font-weight:600}.torque-bolt-page{min-height:100vh;display:flex;flex-direction:column}.torque-bolt-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.torque-bolt-header{margin-bottom:24px}.torque-bolt-header h1{font-size:1.75rem;margin:0 0 4px}.torque-bolt-subtitle{color:var(--muted);font-size:.93rem;margin:0}.tb-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;flex:1}@media(max-width:720px){.tb-layout{grid-template-columns:1fr}}.tb-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:10px}.tb-section.tb-full-width{grid-column:span 2}@media(max-width:720px){.tb-section.tb-full-width{grid-column:span 1}}.tb-section-title{font-size:1rem;margin:0}.tb-row{display:flex;gap:8px;align-items:center}.tb-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none;flex:1}.tb-input:focus{border-color:#dc2626}.tb-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:.85rem;cursor:pointer}.tb-conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tb-conv-item{display:flex;justify-content:space-between;padding:10px 12px;border-radius:10px;border:1px solid var(--border)}.tb-conv-item.tb-active{border-color:#dc2626;background:#dc26260d}.tb-conv-label{font-size:.82rem;color:var(--muted)}.tb-conv-value{font-size:.95rem;font-weight:600}.tb-table-wrap{overflow-x:auto}.tb-table{width:100%;border-collapse:collapse;font-size:.85rem}.tb-table th{text-align:left;padding:8px 10px;border-bottom:2px solid var(--border);font-size:.78rem;text-transform:uppercase;color:var(--muted)}.tb-table td{padding:6px 10px;border-bottom:1px solid var(--border)}.tb-table td.tb-bold{font-weight:700}.body-metrics-page{min-height:100vh;display:flex;flex-direction:column}.body-metrics-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.body-metrics-header{margin-bottom:24px}.body-metrics-header h1{font-size:1.75rem;margin:0 0 4px}.body-metrics-subtitle{color:var(--muted);font-size:.93rem;margin:0}.bm-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;flex:1}@media(max-width:720px){.bm-layout{grid-template-columns:1fr}}.bm-input-panel{display:flex;flex-direction:column;gap:14px}.bm-field{display:flex;flex-direction:column;gap:4px}.bm-label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.bm-input-row{display:flex;gap:8px;align-items:center}.bm-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:1rem;outline:none;flex:1}.bm-input:focus{border-color:#22c55e}.bm-input.bm-sm{flex:1}.bm-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--card-bg, var(--bg));color:var(--fg);font-size:.85rem;cursor:pointer}.bm-activity-select{width:100%}.bm-gender-row{display:flex;gap:8px}.bm-gender-btn{padding:8px 20px;border-radius:8px;border:1px solid var(--border);background:var(--card-bg, var(--bg));color:var(--fg);cursor:pointer;font-size:.9rem;transition:all .15s}.bm-gender-btn:hover{border-color:#22c55e}.bm-gender-btn.active{background:#22c55e;color:#fff;border-color:#22c55e}.bm-body-fat-section{display:flex;flex-direction:column;gap:6px}.bm-bf-inputs{display:flex;gap:6px}.bm-results-section{display:flex;flex-direction:column;gap:14px}.bm-results-title{font-size:1.1rem;margin:0}.bm-results-empty{color:var(--muted);font-style:italic}.bm-results-grid{display:flex;flex-direction:column;gap:10px}.bm-result-card{padding:16px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg))}.bm-result-card.bm-bmi-card{border-left:4px solid}.bm-res-label{font-size:.8rem;color:var(--muted);text-transform:uppercase}.bm-res-value{font-size:1.3rem;font-weight:700;margin-top:4px}.bm-res-cat{font-size:.85rem;margin-top:4px}.bm-bmi-bar{height:6px;background:linear-gradient(90deg,#3b82f6,#22c55e,#22c55e 50%,#f59e0b 62%,#ef4444);border-radius:3px;position:relative;margin-top:10px}.bm-bmi-indicator{width:12px;height:12px;border-radius:50%;background:var(--fg);border:2px solid var(--bg);position:absolute;top:-3px;transform:translate(-50%)}.radiation-dose-page{min-height:100vh;display:flex;flex-direction:column}.radiation-dose-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.radiation-dose-header{margin-bottom:24px}.radiation-dose-header h1{font-size:1.75rem;margin:0 0 4px}.rad-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:720px){.rad-layout{grid-template-columns:1fr}}.rad-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:12px}.rad-title{font-size:1rem;margin:0}.rad-row{display:flex;gap:8px}.rad-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none;flex:1}.rad-input:focus{border-color:#eab308}.rad-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:.85rem}.rad-conv-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rad-conv-item{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid var(--border);font-size:.85rem}.rad-conv-item.rad-active{border-color:#eab308;background:#eab3080d}.rad-conv-label{color:var(--muted)}.rad-conv-value{font-weight:600}.rad-equiv{font-size:.85rem;color:var(--muted);text-align:center;padding:8px;background:#eab3080d;border-radius:8px}.rad-source-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.rad-source-btn{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-size:.82rem;transition:border-color .15s}.rad-source-btn:hover{border-color:#eab308}.rad-src-dose{font-weight:600;font-size:.78rem;color:var(--muted)}.rad-tracker{display:flex;flex-direction:column;gap:4px}.rad-track-row{display:flex;justify-content:space-between;padding:4px 8px;font-size:.85rem}.rad-track-dose{font-weight:600}.rad-track-total{display:flex;justify-content:space-between;align-items:center;padding:8px;border-radius:8px;background:#eab30814}.rad-clear-btn{background:none;border:none;cursor:pointer;font-size:1.1rem;color:var(--muted)}.rad-limits{margin-top:8px}.rad-bar-bg{height:10px;background:var(--border);border-radius:5px;overflow:hidden}.rad-bar-fill{height:100%;border-radius:5px;transition:width .3s}.rad-bar-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted);margin-top:4px;position:relative}.rad-marker{position:absolute;text-align:center;transform:translate(-50%);font-size:.65rem}.fluid-dynamics-page{min-height:100vh;display:flex;flex-direction:column}.fluid-dynamics-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.fluid-dynamics-header{margin-bottom:24px}.fluid-dynamics-header h1{font-size:1.75rem;margin:0 0 4px}.fd-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:720px){.fd-layout{grid-template-columns:1fr}}.fd-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:10px}.fd-section.fd-full{grid-column:span 2}@media(max-width:720px){.fd-section.fd-full{grid-column:span 1}}.fd-title{font-size:1rem;margin:0}.fd-field{display:flex;flex-direction:column;gap:4px}.fd-label{font-size:.8rem;color:var(--muted)}.fd-custom-row{display:flex;gap:10px}.fd-input{min-width:0;width:auto;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg);font-size:.95rem;outline:none}.fd-input:focus{border-color:#0ea5e9}.fd-select{width:100%;padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--fg)}.fd-result-big{text-align:center;padding:14px;border-radius:10px;background:#0ea5e90d;border:1px solid rgba(14,165,233,.2)}.fd-re-label{font-size:.85rem;color:var(--muted)}.fd-re-value{font-size:1.5rem;font-weight:700}.fd-flow-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;margin-top:6px}.fd-laminar{background:#22c55e1a;color:#22c55e}.fd-transitional{background:#f59e0b1a;color:#f59e0b}.fd-turbulent{background:#ef44441a;color:#ef4444}.fd-results-row{display:flex;gap:10px;flex-wrap:wrap}.fd-result-card{flex:1;min-width:100px;padding:12px;border-radius:10px;border:1px solid var(--border);text-align:center}.fd-rc-label{font-size:.8rem;color:var(--muted);display:block}.fd-rc-value{font-size:1.1rem;font-weight:700;display:block;margin-top:4px}.molar-mass-page{min-height:100vh;display:flex;flex-direction:column}.molar-mass-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.molar-mass-header{margin-bottom:24px}.molar-mass-header h1{font-size:1.75rem;margin:0 0 4px}.mm-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:720px){.mm-layout{grid-template-columns:1fr}}.mm-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:12px}.mm-title{font-size:1rem;margin:0}.mm-formula-input{padding:14px 16px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1.5rem;font-family:monospace;outline:none;text-align:center}.mm-formula-input:focus{border-color:#ef4444}.mm-presets{display:flex;flex-wrap:wrap;gap:6px}.mm-preset{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-size:.82rem;font-family:monospace}.mm-preset.active{border-color:#ef4444;background:#ef44440d}.mm-error{color:#ef4444;font-size:.85rem;padding:8px;border-radius:8px;background:#ef44440d}.mm-result-big{text-align:center;padding:16px;border-radius:10px;background:#ef44440d;border:1px solid rgba(239,68,68,.2)}.mm-mass-label{font-size:.85rem;color:var(--muted);display:block}.mm-mass-value{font-size:1.6rem;font-weight:700;display:block;margin-top:4px}.mm-breakdown{display:flex;flex-direction:column;gap:4px}.mm-bd-row{display:flex;justify-content:space-between;padding:6px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.mm-bd-el{font-weight:700;min-width:40px}.mm-bd-calc{color:var(--muted)}.mm-bd-sub{font-weight:600}.mm-field{display:flex;flex-direction:column;gap:4px}.mm-label{font-size:.8rem;color:var(--muted)}.mm-input{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none}.mm-conv-results{display:flex;flex-direction:column;gap:8px}.mm-conv-card{padding:12px;border-radius:10px;border:1px solid var(--border)}.mm-conv-label{font-size:.8rem;color:var(--muted);display:block}.mm-conv-value{font-size:1.1rem;font-weight:700;display:block;margin-top:2px}.planet-weight-page{min-height:100vh;display:flex;flex-direction:column}.planet-weight-container{max-width:900px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.planet-weight-header{margin-bottom:24px}.planet-weight-header h1{font-size:1.75rem;margin:0 0 4px}.pw-input-row{display:flex;gap:10px;align-items:center;margin-bottom:24px}.pw-input{min-width:0;width:auto;padding:14px 16px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1.3rem;outline:none;flex:1;max-width:200px}.pw-input:focus{border-color:#3b82f6}.pw-select{padding:14px 10px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1.1rem}.pw-planet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.pw-planet-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));transition:transform .15s}.pw-planet-card:hover{transform:translateY(-2px)}.pw-planet-card.pw-earth{border-color:#3b82f6;background:#3b82f60d}.pw-planet-emoji{font-size:1.8rem}.pw-planet-info{flex:1;display:flex;flex-direction:column;gap:3px}.pw-planet-name{font-weight:600;font-size:.95rem}.pw-planet-weight{font-size:1.15rem;font-weight:700}.pw-planet-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.pw-bar-fill{height:100%;border-radius:2px;transition:width .3s}.pw-planet-g{font-size:.75rem;color:var(--muted);white-space:nowrap}.how-tall-page{min-height:100vh;display:flex;flex-direction:column}.how-tall-container{max-width:900px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.how-tall-header{margin-bottom:24px}.how-tall-header h1{font-size:1.75rem;margin:0 0 4px}.ht-input-row{display:flex;gap:10px;align-items:center;margin-bottom:24px}.ht-input{min-width:0;width:auto;padding:12px 14px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1.2rem;outline:none;max-width:150px}.ht-select{padding:12px 8px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1rem}.ht-equals{color:var(--muted);font-size:.95rem}.ht-stack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.ht-stack-card{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));transition:transform .15s}.ht-stack-card:hover{transform:scale(1.02)}.ht-stack-emoji{font-size:1.8rem}.ht-stack-info{display:flex;flex-direction:column}.ht-stack-count{font-size:1.2rem;font-weight:700}.ht-stack-name{font-size:.9rem}.ht-stack-size{font-size:.75rem;color:var(--muted)}.unit-roulette-page{min-height:100vh;display:flex;flex-direction:column}.unit-roulette-container{max-width:700px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.unit-roulette-header{margin-bottom:24px}.unit-roulette-header h1{font-size:1.75rem;margin:0 0 4px}.ur-controls{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:20px}.ur-input{min-width:0;width:100px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none}.ur-select{padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:.85rem}.ur-cat-select{min-width:100px}.ur-spin-btn{padding:10px 24px;border-radius:10px;border:none;background:#f97316;color:#fff;font-weight:700;font-size:1rem;cursor:pointer;transition:transform .2s,background .2s}.ur-spin-btn:hover{background:#ea580c;transform:scale(1.05)}.ur-spin-btn.ur-spinning{animation:ur-shake .6s}@keyframes ur-shake{0%,to{transform:rotate(0)}20%{transform:rotate(-10deg)}40%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}80%{transform:rotate(5deg)}}.ur-results{display:flex;flex-direction:column;gap:10px}.ur-empty{color:var(--muted);text-align:center;font-size:1.1rem;padding:40px}.ur-fact-card{padding:16px 18px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg));font-size:1.05rem;line-height:1.5;animation:ur-fadein .4s ease both}@keyframes ur-fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.countdown-page{min-height:100vh;display:flex;flex-direction:column}.countdown-container{max-width:800px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.countdown-header{margin-bottom:24px}.countdown-header h1{font-size:1.75rem;margin:0 0 4px}.cd-date-picker{margin-bottom:24px;display:flex;flex-direction:column;gap:6px}.cd-label{font-size:.85rem;font-weight:600;color:var(--muted);text-transform:uppercase}.cd-date-input{padding:12px 14px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1.1rem;outline:none;max-width:300px}.cd-date-input:focus{border-color:#8b5cf6}.cd-past-msg{text-align:center;padding:30px;color:var(--muted);font-size:1.1rem}.cd-big-display{display:flex;justify-content:center;gap:8px;align-items:center;margin-bottom:30px}.cd-digit-box{display:flex;flex-direction:column;align-items:center}.cd-digit{font-size:3rem;font-weight:800;font-family:monospace;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:12px;padding:10px 18px;min-width:70px;text-align:center}.cd-digit-label{font-size:.7rem;color:var(--muted);text-transform:uppercase;margin-top:4px}.cd-sep{font-size:2rem;font-weight:800;color:var(--muted)}@media(max-width:500px){.cd-digit{font-size:1.8rem;padding:8px 12px;min-width:50px}.cd-sep{font-size:1.4rem}}.cd-fun-title{font-size:1.1rem;margin:0 0 12px}.cd-fun-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.cd-fun-card{display:flex;flex-direction:column;align-items:center;padding:14px 10px;border-radius:12px;border:1px solid var(--border);background:var(--card-bg, var(--bg));text-align:center}.cd-fun-emoji{font-size:1.5rem}.cd-fun-value{font-size:1.15rem;font-weight:700;margin-top:4px}.cd-fun-label{font-size:.78rem;color:var(--muted)}.battery-life-page{min-height:100vh;display:flex;flex-direction:column}.battery-life-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.battery-life-header{margin-bottom:24px}.battery-life-header h1{font-size:1.75rem;margin:0 0 4px}.bl-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:720px){.bl-layout{grid-template-columns:1fr}}.bl-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:12px}.bl-title{font-size:1rem;margin:0}.bl-row{display:flex;flex-direction:column;gap:4px}.bl-label{font-size:.8rem;color:var(--muted)}.bl-input-row{display:flex;gap:8px;align-items:center}.bl-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none;flex:1}.bl-input:focus{border-color:#22c55e}.bl-input.bl-sm{max-width:80px}.bl-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:.85rem}.bl-unit{font-size:.85rem;color:var(--muted)}.bl-presets{display:flex;flex-wrap:wrap;gap:6px}.bl-preset{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-size:.8rem}.bl-preset:hover{border-color:#22c55e}.bl-results-grid{display:flex;flex-direction:column;gap:10px}.bl-result-card{padding:14px;border-radius:12px;border:1px solid var(--border)}.bl-result-card.bl-runtime{border-color:#22c55e;background:#22c55e0d}.bl-rc-label{font-size:.8rem;color:var(--muted);display:block}.bl-rc-value{font-size:1.2rem;font-weight:700;display:block;margin-top:4px}.bl-charger-row{display:flex;gap:6px;align-items:center;margin-top:4px}.bl-sub-title{font-size:.95rem;margin:0}.bl-powerbank{padding-top:10px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.bl-pb-result{font-size:1.1rem;font-weight:700}.subnet-calc-page{min-height:100vh;display:flex;flex-direction:column}.subnet-calc-container{max-width:700px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.subnet-calc-header{margin-bottom:24px}.subnet-calc-header h1{font-size:1.75rem;margin:0 0 4px}.sn-input-row{display:flex;gap:6px;align-items:center;margin-bottom:16px}.sn-ip-input{padding:14px 16px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1.2rem;font-family:monospace;outline:none;flex:1;min-width:0}.sn-ip-input:focus{border-color:#06b6d4}.sn-slash{font-size:1.5rem;font-weight:700;color:var(--muted)}.sn-cidr-input{width:60px;padding:14px 8px;border:2px solid var(--border);border-radius:12px;background:var(--bg);color:var(--fg);font-size:1.2rem;font-family:monospace;text-align:center;outline:none}.sn-cidr-slider{margin-bottom:20px}.sn-slider{width:100%;accent-color:#06b6d4}.sn-slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--muted)}.sn-results{display:flex;flex-direction:column;gap:12px}.sn-results-grid{display:flex;flex-direction:column;gap:6px}.sn-result-row{display:flex;justify-content:space-between;padding:10px 14px;border-radius:10px;border:1px solid var(--border);font-size:.9rem}.sn-r-label{color:var(--muted);font-size:.82rem}.sn-r-value{font-family:monospace;font-weight:600}.sn-binary{margin-top:8px}.sn-binary-code{display:block;margin-top:6px;font-size:.85rem;font-family:monospace;padding:10px;border-radius:8px;background:var(--bg);border:1px solid var(--border);word-break:break-all}.frequency-music-page{min-height:100vh;display:flex;flex-direction:column}.frequency-music-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.frequency-music-header{margin-bottom:24px}.frequency-music-header h1{font-size:1.75rem;margin:0 0 4px}.fm-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:720px){.fm-layout{grid-template-columns:1fr}}.fm-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:10px}.fm-section.fm-full{grid-column:span 2}@media(max-width:720px){.fm-section.fm-full{grid-column:span 1}}.fm-title{font-size:1rem;margin:0}.fm-row{display:flex;gap:8px;align-items:center}.fm-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none;flex:1}.fm-input:focus{border-color:#8b5cf6}.fm-select{padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg)}.fm-unit{font-size:.9rem;color:var(--muted)}.fm-note-result{text-align:center;padding:16px;border-radius:10px;background:#8b5cf60d;border:1px solid rgba(139,92,246,.2)}.fm-note-big{font-size:2.5rem;font-weight:800;display:block}.fm-cents{font-size:.9rem;color:var(--muted);display:block;margin-top:4px}.fm-wavelengths{display:flex;flex-direction:column;gap:2px;font-size:.82rem;color:var(--muted);margin-top:8px}.fm-freq-result{font-size:1.8rem;font-weight:700;text-align:center;padding:12px}.fm-bpm-results{display:flex;flex-direction:column;gap:8px}.fm-bpm-card{display:flex;justify-content:space-between;padding:8px 12px;border-radius:8px;border:1px solid var(--border)}.fm-bpm-label{font-size:.82rem;color:var(--muted)}.fm-bpm-value{font-weight:600}.fm-table-wrap{overflow-x:auto}.fm-table{width:100%;border-collapse:collapse;font-size:.78rem}.fm-table th{padding:6px;border-bottom:2px solid var(--border);text-align:center;font-size:.72rem;color:var(--muted)}.fm-table td{padding:4px 6px;border-bottom:1px solid var(--border);text-align:center;font-family:monospace}.fm-td-note{font-weight:700;text-align:left}.fm-a4{background:#8b5cf614;font-weight:700}.lighting-calc-page{min-height:100vh;display:flex;flex-direction:column}.lighting-calc-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.lighting-calc-header{margin-bottom:24px}.lighting-calc-header h1{font-size:1.75rem;margin:0 0 4px}.lc-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:720px){.lc-layout{grid-template-columns:1fr}}.lc-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:12px}.lc-title{font-size:1rem;margin:0}.lc-presets{display:flex;flex-wrap:wrap;gap:6px}.lc-preset{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:var(--bg);color:var(--fg);cursor:pointer;font-size:.8rem}.lc-preset:hover{border-color:#fbbf24}.lc-field{display:flex;flex-direction:column;gap:4px}.lc-label{font-size:.8rem;color:var(--muted)}.lc-input-row{display:flex;gap:8px;align-items:center}.lc-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none;flex:1}.lc-input:focus{border-color:#fbbf24}.lc-select{width:auto;padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg)}.lc-select.lc-full{width:100%}.lc-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:500px){.lc-results-grid{grid-template-columns:1fr}}.lc-result-card{padding:14px;border-radius:12px;border:1px solid var(--border)}.lc-result-card.lc-highlight{border-color:#fbbf24;background:#fbbf240d}.lc-rc-label{font-size:.8rem;color:var(--muted);display:block}.lc-rc-value{font-size:1.15rem;font-weight:700;display:block;margin-top:4px}.lc-sub-title{font-size:.95rem;margin:0}.lc-comparison{border-top:1px solid var(--border);padding-top:12px}.lc-comp-grid{display:flex;flex-direction:column;gap:6px;margin-top:8px}.lc-comp-item{display:flex;justify-content:space-between;padding:8px 10px;border-radius:8px;border:1px solid var(--border);font-size:.85rem}.lc-comp-type{font-weight:600}.trig-calc-page{min-height:100vh;display:flex;flex-direction:column}.trig-calc-container{max-width:960px;width:100%;margin:0 auto;padding:20px 14px;flex:1}.trig-calc-header{margin-bottom:24px}.trig-calc-header h1{font-size:1.75rem;margin:0 0 4px}.tc-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:720px){.tc-layout{grid-template-columns:1fr}}.tc-section{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--card-bg, var(--bg));display:flex;flex-direction:column;gap:10px}.tc-title{font-size:1rem;margin:0}.tc-row{display:flex;gap:8px;align-items:center}.tc-input{min-width:0;width:auto;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg);font-size:1rem;outline:none;flex:1}.tc-input:focus{border-color:#8b5cf6}.tc-input.tc-sm{flex:1}.tc-select{padding:10px 8px;border:1px solid var(--border);border-radius:10px;background:var(--bg);color:var(--fg)}.tc-angle-conv{font-size:.82rem;color:var(--muted);padding:6px 10px;border-radius:8px;background:#8b5cf60d}.tc-trig-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.tc-trig-item{display:flex;justify-content:space-between;padding:10px 12px;border-radius:8px;border:1px solid var(--border)}.tc-fn{font-weight:700;color:#8b5cf6}.tc-val{font-family:monospace}.tc-triangle-svg{max-height:120px;margin:0 auto;display:block}.tc-sides-row{display:flex;gap:10px}.tc-side-field{display:flex;flex-direction:column;gap:2px;flex:1}.tc-side-field label{font-size:.8rem;font-weight:700;color:var(--muted)}.tc-error{color:#ef4444;font-size:.85rem}.tc-tri-results{display:flex;flex-direction:column;gap:6px}.tc-tri-row{display:flex;justify-content:space-between;padding:6px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.tc-tri-row span:first-child{color:var(--muted)}.tc-tri-row span:last-child{font-weight:600}.nsl-page,.we-page,.hp-page,.acp-page,.ahwh-page,.ov-page,.pp-page,.htx-page,.mwt-page,.cs-page,.wl-page,.dbp-page,.ig-page,.ga-page,.bd-page,.as-page,.mf-page,.hl-page,.bp-page,.he-page,.ipn-page,.fv-page,.uuid-page,.ec-page,.ls-page,.bn-page,.ce-page{min-height:100vh;background:var(--bg);color:var(--fg);display:flex;justify-content:center;padding:24px 16px}.nsl-container,.we-container,.hp-container,.acp-container,.ahwh-container,.ov-container,.pp-container,.htx-container,.mwt-container,.cs-container,.wl-container,.dbp-container,.ig-container,.ga-container,.bd-container,.as-container,.mf-container,.hl-container,.bp-container,.he-container,.ipn-container,.fv-container,.uuid-container,.ec-container,.ls-container,.bn-container,.ce-container{width:100%;max-width:800px}.nsl-header,.we-header,.hp-header,.acp-header,.ahwh-header,.ov-header,.pp-header,.htx-header,.mwt-header,.cs-header,.wl-header,.dbp-header,.ig-header,.ga-header,.bd-header,.as-header,.mf-header,.hl-header,.bp-header,.he-header,.ipn-header,.fv-header,.uuid-header,.ec-header,.ls-header,.bn-header,.ce-header{text-align:center;margin-bottom:24px}.nsl-header h1,.we-header h1,.hp-header h1,.acp-header h1,.ahwh-header h1,.ov-header h1,.pp-header h1,.htx-header h1,.mwt-header h1,.cs-header h1,.wl-header h1,.dbp-header h1,.ig-header h1,.ga-header h1,.bd-header h1,.as-header h1,.mf-header h1,.hl-header h1,.bp-header h1,.he-header h1,.ipn-header h1,.fv-header h1,.uuid-header h1,.ec-header h1,.ls-header h1,.bn-header h1,.ce-header h1{font-size:1.8rem;font-weight:800;margin:0 0 6px}.nsl-layout,.we-layout,.hp-layout,.acp-layout,.ahwh-layout,.ov-layout,.pp-layout,.htx-layout,.mwt-layout,.cs-layout,.wl-layout,.dbp-layout,.ig-layout,.bd-layout,.as-layout,.mf-layout,.hl-layout,.bp-layout,.he-layout,.ipn-layout,.fv-layout,.uuid-layout,.ec-layout,.ls-layout,.bn-layout,.ce-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:680px){.nsl-layout,.we-layout,.hp-layout,.acp-layout,.ahwh-layout,.ov-layout,.pp-layout,.htx-layout,.mwt-layout,.cs-layout,.wl-layout,.dbp-layout,.ig-layout,.bd-layout,.as-layout,.mf-layout,.hl-layout,.bp-layout,.he-layout,.ipn-layout,.fv-layout,.uuid-layout,.ec-layout,.ls-layout,.bn-layout,.ce-layout{grid-template-columns:1fr}}.nsl-section,.we-section,.hp-section,.acp-section,.ahwh-section,.ov-section,.pp-section,.htx-section,.mwt-section,.cs-section,.wl-section,.dbp-section,.ig-section,.ga-section,.bd-section,.as-section,.mf-section,.hl-section,.bp-section,.he-section,.ipn-section,.fv-section,.uuid-section,.ec-section,.ls-section,.bn-section,.ce-section{background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:12px;padding:20px}.dbp-full,.fv-full,.uuid-full,.bn-full{grid-column:1 / -1}.nsl-title,.we-title,.hp-title,.acp-title,.ahwh-stitle,.ov-title,.pp-title,.htx-title,.mwt-title,.cs-title,.wl-title,.dbp-title,.ig-title,.ga-title,.bd-title,.as-title,.mf-title,.hl-title,.bp-title,.he-title,.ipn-title,.fv-title,.uuid-title,.ec-title,.ls-title,.bn-title,.ce-title{font-size:1rem;font-weight:700;margin:0 0 14px;color:var(--accent, #0d9488);border-bottom:1px solid var(--border);padding-bottom:6px}.nsl-field,.we-field,.hp-field,.acp-field,.ahwh-field,.ov-field,.pp-field,.htx-field,.mwt-field,.cs-field,.wl-field,.dbp-field,.ig-field,.bd-field,.as-field,.mf-field,.hl-field,.bp-field,.he-field,.ipn-field,.ec-field,.ls-field,.ce-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.nsl-field label,.we-field label,.hp-field label,.acp-field label,.ahwh-field label,.ov-field label,.pp-field label,.htx-field label,.mwt-field label,.cs-field label,.wl-field label,.dbp-field label,.ig-field label,.bd-field label,.as-field label,.mf-field label,.hl-field label,.bp-field label,.he-field label,.ec-field label,.ls-field label,.ce-field label{font-size:.8rem;font-weight:600;color:var(--muted)}.nsl-input,.we-input,.hp-input,.acp-input,.ahwh-input,.ov-input,.pp-input,.htx-input,.mwt-input,.cs-input,.wl-input,.dbp-input,.ig-input,.ga-input,.bd-input,.as-input,.mf-input,.hl-input,.bp-input,.he-input,.ipn-input,.fv-input,.uuid-input,.ec-input,.ls-input,.bn-input,.ce-input{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.95rem;width:100%;box-sizing:border-box}.nsl-select,.we-select,.hp-select,.acp-select,.ahwh-select,.ov-select,.pp-select,.htx-select,.mwt-select,.cs-select,.wl-select,.ig-select,.ga-select,.bd-select,.as-select,.mf-select,.hl-select,.uuid-select,.ls-select,.ce-select{padding:8px 10px;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.85rem}.nsl-results-grid,.we-results-grid,.hp-results-grid,.acp-results-grid,.ahwh-results-grid,.ov-results-grid,.pp-results-grid,.mwt-results-grid,.as-results-grid,.hl-results-grid,.bd-results-grid,.dbp-results-grid,.ls-results-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nsl-rcard,.we-rcard,.hp-rcard,.acp-rcard,.ahwh-rcard,.ov-rcard,.pp-rcard,.mwt-rcard,.as-rcard,.hl-rcard,.bd-rcard,.dbp-rcard,.ls-rcard{border:1px solid var(--border);border-radius:8px;padding:12px;display:flex;flex-direction:column;gap:2px}.nsl-rl,.we-rl,.hp-rl,.acp-rl,.ahwh-rl,.ov-rl,.pp-rl,.mwt-rl,.as-rl,.hl-rl,.bd-rl,.dbp-rl,.ls-rl{font-size:.75rem;color:var(--muted);text-transform:uppercase}.nsl-rv,.we-rv,.hp-rv,.acp-rv,.ahwh-rv,.ov-rv,.pp-rv,.mwt-rv,.as-rv,.hl-rv,.bd-rv,.dbp-rv,.ls-rv{font-size:1.15rem;font-weight:700}.nsl-rsub,.ov-rsub,.pp-rsub{font-size:.75rem;color:var(--muted)}.nsl-big,.we-big,.hp-big,.acp-real,.ahwh-big,.ov-big,.pp-big,.mwt-big,.as-big,.hl-big,.bd-big,.ls-big{grid-column:1 / -1;background:var(--accent-bg, rgba(13, 148, 136, .05));border-color:var(--accent, #0d9488)}.nsl-tabs,.we-tabs,.ahwh-tabs,.htx-tabs,.wl-tabs,.ig-tabs,.bp-tabs{display:flex;gap:8px;margin-bottom:16px}.nsl-tab,.we-tab,.ahwh-tab,.htx-tab,.wl-tab,.ig-tab{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer;font-size:.85rem;transition:all .2s}.nsl-tab.active,.we-tab.active,.ahwh-tab.active,.htx-tab.active,.wl-tab.active,.ig-tab.active{background:var(--accent, #0d9488);color:#fff;border-color:var(--accent, #0d9488)}.nsl-row,.hp-row,.ov-row,.pp-row,.wl-row,.ig-row,.hl-row,.as-row,.mf-row,.bd-row,.ls-row,.bn-row,.ce-row{display:flex;gap:8px;align-items:center}.acp-triangle-svg{max-width:280px;margin:10px auto 0;display:block}.ov-body-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.ov-body-btn{padding:8px 14px;border-radius:8px;border:2px solid var(--border);background:transparent;color:var(--fg);cursor:pointer;font-size:.85rem;transition:all .2s}.ov-body-btn.active{border-color:var(--bc);background:color-mix(in srgb,var(--bc) 12%,transparent);font-weight:700}.htx-temp-row{display:flex;gap:8px;align-items:flex-end;margin-bottom:12px}.htx-temp-row .htx-field{flex:1;margin-bottom:0}.htx-tu{width:70px;flex-shrink:0}.htx-result-big{font-size:1.8rem;font-weight:800;text-align:center;margin:10px 0;color:var(--accent, #0d9488)}.htx-convs{display:flex;gap:16px;justify-content:center;font-size:.85rem;color:var(--muted);flex-wrap:wrap}.mwt-shapes{display:flex;gap:8px}.mwt-shape-btn{padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer;font-size:.85rem;transition:all .2s}.mwt-shape-btn.active{background:var(--accent, #0d9488);color:#fff;border-color:var(--accent, #0d9488)}.mwt-dims{display:flex;gap:8px}.mwt-dims .mwt-field{flex:1}.cs-chart{max-width:100%;margin:10px 0}.cs-curve-table{display:flex;flex-direction:column;gap:4px}.cs-curve-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.cs-cv{font-weight:700}.cs-pct{color:var(--muted);font-size:.8rem}.dbp-two-row{display:flex;gap:16px}.dbp-two-row .dbp-field{flex:1}.dbp-sub{font-size:.85rem;color:var(--muted);margin-top:4px;display:block}.dbp-ref-grid{display:flex;flex-direction:column;gap:4px}.dbp-ref-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.dbp-ref-db{font-weight:700;font-family:monospace}.ig-result-big{font-size:1.8rem;font-weight:800;text-align:center;margin:10px 0;color:var(--accent, #0d9488)}.ig-convs{display:flex;flex-direction:column;gap:4px}.ig-conv-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.ig-cv{font-weight:700}.ig-r-info{font-size:.8rem;color:var(--muted);margin-top:8px;font-family:monospace}.ga-input-row{display:flex;gap:10px;align-items:center;margin-bottom:20px;padding:14px;background:var(--card-bg, var(--bg));border:1px solid var(--border);border-radius:12px}.ga-input-row label{font-weight:600}.ga-table{display:flex;flex-direction:column;gap:8px}.ga-row{padding:12px 14px;border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:4px}.ga-loc{display:flex;justify-content:space-between}.ga-name{font-weight:700}.ga-alt{font-size:.8rem;color:var(--muted)}.ga-data{display:flex;gap:16px;font-size:.85rem;color:var(--muted)}.ga-g{font-family:monospace}.ga-w{font-weight:600;color:var(--fg)}.ga-bar-bg{height:4px;border-radius:2px;background:var(--border);margin-top:4px}.ga-bar-fill{height:100%;border-radius:2px;background:var(--accent, #0d9488);transition:width .3s}.bd-full{width:100%}.bd-sub{font-size:.9rem;font-weight:700;margin:14px 0 8px;color:var(--accent, #0d9488)}.bd-comp{display:flex;flex-direction:column;gap:6px}.bd-comp-row{display:flex;align-items:center;gap:10px;font-size:.85rem}.bd-comp-name{width:120px;flex-shrink:0;font-weight:600}.bd-comp-bar-bg{flex:1;height:8px;border-radius:4px;background:var(--border);overflow:hidden}.bd-comp-bar{height:100%;border-radius:4px;background:var(--accent, #0d9488);transition:width .3s}.bd-comp-val{width:70px;text-align:right;font-weight:700;font-family:monospace}.as-convs{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.as-conv-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.as-cv{font-weight:700;font-family:monospace}.as-period{font-size:.9rem;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--accent-bg, rgba(13, 148, 136, .05))}.mf-convs{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.mf-conv-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.mf-cv{font-weight:700;font-family:monospace}.mf-examples{display:flex;flex-direction:column;gap:4px}.mf-ex-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.mf-ev{font-weight:700;font-family:monospace}.mf-sol-result{padding:10px;border-radius:8px;border:1px solid var(--accent, #0d9488);background:var(--accent-bg, rgba(13, 148, 136, .05));font-family:monospace;margin-top:8px}.hl-chart{max-width:100%;margin:10px 0}.bp-bits-row{display:flex;gap:8px;align-items:center;margin-bottom:16px;padding:10px 14px;border:1px solid var(--border);border-radius:10px}.bp-bit-btn{padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer;font-size:.85rem}.bp-bit-btn.active{background:var(--accent, #0d9488);color:#fff;border-color:var(--accent, #0d9488)}.bp-bin{font-family:monospace;font-size:.85rem;word-break:break-all;background:var(--code-bg, rgba(0, 0, 0, .06));padding:4px 8px;border-radius:4px}.bp-ops{display:flex;flex-direction:column;gap:6px;margin-top:10px}.bp-op-row{display:flex;align-items:center;gap:10px;font-size:.85rem;padding:6px 10px;border-radius:6px;border:1px solid var(--border)}.bp-op-name{font-weight:700;width:65px;flex-shrink:0}.bp-op-dec{font-weight:600;color:var(--accent, #0d9488)}.bp-tc-result{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:8px;border:1px solid var(--border);margin-top:8px;font-size:.85rem}.he-textarea,.ce-textarea{width:100%;box-sizing:border-box;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--fg);font-size:.9rem;resize:vertical;font-family:sans-serif}.he-hash-list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.he-hash-row{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;padding:8px 10px;border-radius:6px;border:1px solid var(--border)}.he-algo{font-weight:700;width:65px;flex-shrink:0}.he-hash-val{font-family:monospace;word-break:break-all;font-size:.8rem}.he-decoded{padding:10px;border-radius:8px;border:1px solid var(--border);font-family:monospace;margin-top:8px;font-size:.85rem}.he-jwt-parts{display:flex;flex-direction:column;gap:10px;margin-top:8px}.he-jwt-part{border:1px solid var(--border);border-radius:8px;padding:10px}.he-jwt-label{font-weight:700;font-size:.8rem;color:var(--accent, #0d9488);text-transform:uppercase;display:block;margin-bottom:6px}.he-jwt-json{font-family:monospace;font-size:.8rem;white-space:pre-wrap;background:var(--code-bg, rgba(0, 0, 0, .06));padding:8px;border-radius:6px;margin:0}.he-error{color:#ef4444;font-size:.85rem;margin-top:8px}.ipn-row{display:flex;gap:6px;align-items:center;margin-bottom:12px}.ipn-slash{font-size:1.2rem;font-weight:700}.ipn-cidr{width:60px}.ipn-slider{width:100%;margin-bottom:14px}.ipn-results{display:flex;flex-direction:column;gap:6px}.ipn-r{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.ipn-rv{font-weight:700;font-family:monospace}.ipn-binary{margin-top:8px}.ipn-binary label{font-size:.8rem;color:var(--muted);display:block;margin-bottom:4px}.ipn-binary code{font-family:monospace;font-size:.85rem}.ipn-full{width:100%;box-sizing:border-box}.ipn-v6-results{margin-top:10px;display:flex;flex-direction:column;gap:6px}.ipn-v6{font-family:monospace;font-size:.85rem;word-break:break-all}.fv-prec-row{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.fv-prec-btn{padding:8px 16px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--fg);cursor:pointer;font-size:.85rem;transition:all .2s}.fv-prec-btn.active{background:var(--accent, #0d9488);color:#fff}.fv-input-row{margin-bottom:16px;text-align:center}.fv-bits-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.fv-bit-group{display:flex;flex-direction:column;gap:4px}.fv-bit-label{font-size:.7rem;color:var(--muted);text-transform:uppercase}.fv-bit-cells{display:flex;gap:1px;flex-wrap:wrap}.fv-bit{font-family:monospace;font-size:.7rem;width:14px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:2px;border:1px solid var(--border)}.fv-sign .fv-bit{background:#ef444426;border-color:#ef4444}.fv-exp .fv-bit{background:#22c55e1a;border-color:#22c55e}.fv-man .fv-bit{background:#3b82f614;border-color:#3b82f6}.fv-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fv-info-card{border:1px solid var(--border);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:2px}.fv-info-card span{font-size:.75rem;color:var(--muted);text-transform:uppercase}.fv-info-card strong{font-size:.95rem}.fv-specials{display:flex;flex-direction:column;gap:4px}.fv-spec-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.fv-spec-name{font-weight:600}.fv-spec-bits{font-family:monospace;font-size:.8rem;color:var(--muted)}.uuid-gen-btn{padding:10px 20px;border-radius:10px;border:none;background:var(--accent, #0d9488);color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;margin-bottom:16px;transition:opacity .2s}.uuid-gen-btn:hover{opacity:.85}.uuid-gen-btn.uuid-sm{padding:6px 14px;font-size:.8rem}.uuid-card{border:1px solid var(--border);border-radius:10px;padding:12px 14px;margin-bottom:10px}.uuid-card-top{display:flex;justify-content:space-between;margin-bottom:6px}.uuid-type{font-weight:700}.uuid-entropy{font-size:.75rem;color:var(--muted)}.uuid-val-row{display:flex;gap:8px;align-items:center}.uuid-val{font-family:monospace;font-size:.85rem;word-break:break-all;flex:1;background:var(--code-bg, rgba(0, 0, 0, .06));padding:6px 8px;border-radius:6px}.uuid-copy{background:none;border:none;font-size:1rem;cursor:pointer;padding:4px}.uuid-bulk-row{display:flex;gap:8px;align-items:center;margin-bottom:10px;flex-wrap:wrap}.uuid-count{width:60px}.uuid-bulk-list{max-height:200px;overflow-y:auto;display:flex;flex-direction:column;gap:3px}.uuid-bulk-item{font-family:monospace;font-size:.8rem;padding:3px 6px;background:var(--code-bg, rgba(0, 0, 0, .06));border-radius:4px}.ec-results{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ec-r{display:flex;justify-content:space-between;padding:6px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.ec-sm{max-width:120px}.ec-dice-row{display:flex;gap:12px}.ls-lat-grid{display:flex;flex-direction:column;gap:4px;margin-top:6px}.ls-lat-row{display:flex;justify-content:space-between;padding:4px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.ls-lat-ms{font-weight:700;font-family:monospace}.bn-result{display:block;font-family:monospace;font-size:.85rem;word-break:break-all;background:var(--code-bg, rgba(0, 0, 0, .06));padding:10px;border-radius:8px;margin-top:8px}.bn-eq{font-size:1.5rem;font-weight:700}.bn-prime-result{padding:10px;border-radius:8px;border:1px solid var(--border);margin-top:8px;font-size:.95rem}.bn-fib-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.bn-fib-item{display:inline-flex;align-items:center;gap:4px;padding:4px 8px;border-radius:6px;border:1px solid var(--border);font-size:.8rem;font-family:monospace}.bn-fib-idx{font-size:.65rem;color:var(--muted);font-weight:700}.ce-results{display:flex;flex-direction:column;gap:6px;margin-top:10px}.ce-r{display:flex;justify-content:space-between;padding:6px 10px;border-radius:6px;border:1px solid var(--border);font-size:.85rem}.ce-r strong{font-weight:700}.ce-big{background:var(--accent-bg, rgba(13, 148, 136, .05));border-color:var(--accent, #0d9488)}.ce-full{width:100%;box-sizing:border-box}.gen-page{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-stack)}.gen-container{max-width:860px;margin:0 auto;padding:32px 20px}.gen-header{margin-bottom:20px}.gen-header h1{font-size:1.65rem;font-weight:700;margin:0 0 6px}.gen-tabs{display:flex;gap:6px;margin-bottom:20px}.gen-tab{padding:8px 18px;border:1px solid var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}.gen-tab.active{background:var(--accent, #4a90d9);color:#fff;border-color:var(--accent, #4a90d9)}.gen-layout{display:flex;flex-direction:column;gap:24px}.gen-section{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:20px}.gen-title{font-size:1.05rem;font-weight:650;margin:0 0 14px}.gen-appliance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.gen-appliance-card{position:relative;display:flex;align-items:center;gap:10px;padding:10px 12px;border:1.5px solid var(--border, #e5e7eb);border-radius:10px;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.gen-appliance-card:hover{border-color:var(--accent, #4a90d9)}.gen-appliance-on{border-color:var(--accent, #4a90d9);background:#4a90d90f}.gen-appliance-icon{font-size:1.4rem;flex-shrink:0;width:28px;text-align:center}.gen-appliance-info{flex:1;min-width:0}.gen-appliance-name{display:block;font-size:.85rem;font-weight:600;line-height:1.3}.gen-appliance-watts{display:block;font-size:.72rem;color:var(--muted)}.gen-appliance-check{width:22px;height:22px;border-radius:6px;border:1.5px solid var(--border, #d1d5db);display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#fff;flex-shrink:0;transition:all .15s}.gen-appliance-on .gen-appliance-check{background:var(--accent, #4a90d9);border-color:var(--accent, #4a90d9)}.gen-appliance-qty{position:absolute;right:8px;bottom:6px;display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--muted)}.gen-qty-input{width:38px;padding:2px 4px;font-size:.75rem;border:1px solid var(--border, #d1d5db);border-radius:5px;text-align:center;background:var(--bg);color:var(--fg)}.gen-v240-badge{position:absolute;top:4px;right:4px;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:4px;background:#f973161f;color:#ea580c}.gen-adv-entries{display:flex;flex-direction:column;gap:10px}.gen-adv-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.gen-input{padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.88rem;background:var(--bg);color:var(--fg)}.gen-adv-name{flex:1;min-width:120px}.gen-adv-watts{width:100px}.gen-adv-surge-wrap{display:flex;align-items:center;gap:4px;font-size:.8rem;color:var(--muted)}.gen-adv-surge{width:55px}.gen-adv-v240{font-size:.8rem;display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap}.gen-adv-remove{background:none;border:none;color:var(--muted);font-size:1.1rem;cursor:pointer;padding:4px}.gen-adv-add{align-self:flex-start;padding:8px 16px;border:1.5px dashed var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--accent, #4a90d9);font-weight:600;font-size:.85rem;cursor:pointer;transition:all .15s}.gen-adv-add:hover{border-color:var(--accent, #4a90d9)}.gen-results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.gen-rcard{background:var(--bg);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:2px}.gen-rl{font-size:.75rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.gen-rv{font-size:1.15rem;font-weight:700}.gen-rv-big{font-size:1.4rem;color:var(--accent, #4a90d9)}.gen-rsub{font-size:.72rem;color:var(--muted)}.gen-rcard-surge{border-color:#f59e0b}.gen-rcard-rec{border-color:var(--accent, #4a90d9);background:#4a90d90a}.gen-type-badge{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-radius:10px;font-weight:650;font-size:.95rem;margin-top:12px}.gen-type-portable{background:#22c55e14;color:#16a34a}.gen-type-large_portable{background:#f59e0b14;color:#d97706}.gen-type-standby{background:#6366f114;color:#6366f1}.gen-type-range{font-size:.8rem;font-weight:600;opacity:.7}.gen-warning{margin-top:12px;padding:12px 16px;border-radius:10px;border:1px solid #fcd34d;background:#fbbf2414}.gen-warning strong{color:#92400e}.gen-warning p{margin:4px 0 0;font-size:.82rem;color:#92400e}.gen-fuel-row{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.gen-field{display:flex;flex-direction:column;gap:4px}.gen-field label{font-size:.78rem;font-weight:600;color:var(--muted)}.gen-select{padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.88rem;background:var(--bg);color:var(--fg)}.gen-priority-hint{font-size:.8rem;color:var(--muted);margin:0 0 12px}.gen-priority-list{display:flex;flex-direction:column;gap:6px}.gen-priority-item{display:flex;align-items:center;gap:8px;padding:6px 0}.gen-priority-rank{font-size:.72rem;font-weight:700;color:var(--muted);width:24px;flex-shrink:0}.gen-priority-icon{font-size:1.1rem;width:24px;text-align:center;flex-shrink:0}.gen-priority-name{font-size:.85rem;font-weight:600;min-width:100px;flex-shrink:0}.gen-priority-bar-wrap{flex:1;height:8px;background:var(--border, #e5e7eb);border-radius:4px;overflow:hidden}.gen-priority-bar{height:100%;background:var(--accent, #4a90d9);border-radius:4px;transition:width .3s}.gen-priority-watts{font-size:.78rem;font-weight:600;color:var(--muted);min-width:50px;text-align:right;flex-shrink:0}@media(max-width:600px){.gen-appliance-grid{grid-template-columns:1fr}.gen-results-grid{grid-template-columns:1fr 1fr}.gen-adv-row{flex-direction:column;align-items:stretch}.gen-adv-watts,.gen-adv-surge{width:100%}}.evc-page{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-stack)}.evc-container{max-width:860px;margin:0 auto;padding:32px 20px}.evc-header{margin-bottom:20px}.evc-header h1{font-size:1.65rem;font-weight:700;margin:0 0 6px}.evc-tagline{color:var(--muted);font-size:.92rem;margin:0}.evc-layout{display:flex;flex-direction:column;gap:20px}.evc-section{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:20px}.evc-section--row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.evc-title{font-size:1rem;font-weight:650;margin:0 0 14px}.evc-sub-title{font-size:.85rem;font-weight:650;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.evc-field-row{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.evc-field{display:flex;flex-direction:column;gap:4px}.evc-field--wide{flex:1;min-width:160px}.evc-field label{font-size:.78rem;font-weight:600;color:var(--muted)}.evc-input{padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.88rem;background:var(--bg);color:var(--fg);width:100%;box-sizing:border-box}.evc-select{padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.88rem;background:var(--bg);color:var(--fg);width:100%}.evc-input-unit{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.evc-input-unit .evc-input{width:80px;flex-shrink:0}.evc-soc-group{display:flex;gap:20px;margin-bottom:10px;flex-wrap:wrap}.evc-soc-field{flex:1;min-width:180px}.evc-soc-row{display:flex;align-items:center;gap:10px}.evc-range{flex:1;accent-color:var(--accent, #4a90d9)}.evc-soc-val{font-size:.95rem;font-weight:700;min-width:40px;text-align:end}.evc-soc-quick{display:flex;gap:6px;flex-wrap:wrap}.evc-soc-btn{padding:5px 14px;border:1.5px solid var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.evc-soc-btn.active{background:var(--accent, #4a90d9);color:#fff;border-color:var(--accent, #4a90d9)}.evc-tabs{display:flex;gap:6px;margin-bottom:14px}.evc-tab{padding:7px 16px;border:1px solid var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--muted);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s}.evc-tab.active{background:var(--accent, #4a90d9);color:#fff;border-color:var(--accent, #4a90d9)}.evc-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.evc-preset-card{position:relative;display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1.5px solid var(--border, #e5e7eb);border-radius:10px;background:transparent;cursor:pointer;text-align:start;transition:all .15s}.evc-preset-card:hover{border-color:var(--accent, #4a90d9)}.evc-preset-card.active{border-color:var(--accent, #4a90d9);background:#4a90d90f}.evc-preset-name{font-size:.82rem;font-weight:600;color:var(--fg)}.evc-preset-kw{font-size:.75rem;color:var(--muted)}.evc-preset-dc{position:absolute;top:4px;right:4px;font-size:.6rem;font-weight:700;padding:1px 5px;border-radius:4px;background:#f973161f;color:#ea580c}.evc-custom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.evc-custom-power{grid-column:1 / -1;font-size:.88rem;padding:10px 0 0;border-top:1px solid var(--border, #e5e7eb)}.evc-custom-power strong{color:var(--accent, #4a90d9)}.evc-formula{display:block;font-size:.72rem;color:var(--muted);font-family:monospace;margin-top:2px}.evc-toggle-label{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--muted);white-space:nowrap}.evc-section--results{border-color:var(--accent, #4a90d9)}.evc-hero-result{text-align:center;padding:14px 0 18px}.evc-hero-time{font-size:2.4rem;font-weight:800;color:var(--accent, #4a90d9);line-height:1.1}.evc-hero-label{font-size:.85rem;color:var(--muted);margin-top:4px}.evc-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.evc-metric{background:var(--bg);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px}.evc-metric-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.evc-metric-value{font-size:1.05rem;font-weight:700}.evc-metric-sub{font-size:.7rem;color:var(--muted)}.evc-benchmarks{margin-bottom:20px}.evc-bench-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.evc-bench{text-align:center;padding:10px;border:1px solid var(--border, #e5e7eb);border-radius:10px}.evc-bench--active{border-color:var(--accent, #4a90d9);background:#4a90d90a}.evc-bench-label{display:block;font-size:.72rem;font-weight:600;color:var(--muted)}.evc-bench-time{display:block;font-size:1.1rem;font-weight:700;margin-top:2px}.evc-taper{margin-bottom:20px}.evc-taper-bars{display:flex;gap:8px;align-items:flex-end;height:100px;padding:0 10px}.evc-taper-seg{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px;opacity:.4}.evc-taper-seg.active{opacity:1}.evc-taper-bar-wrap{width:100%;height:80px;background:var(--border, #e5e7eb);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.evc-taper-bar{width:100%;background:var(--accent, #4a90d9);border-radius:4px;transition:height .3s}.evc-taper-pct{font-size:.72rem;font-weight:700}.evc-taper-range{font-size:.65rem;color:var(--muted);white-space:nowrap}.evc-taper-note{font-size:.78rem;color:var(--muted);margin:10px 0 0;font-style:italic}.evc-eff-box{border-top:1px solid var(--border, #e5e7eb);padding-top:16px}.evc-eff-items{display:flex;flex-direction:column;gap:6px}.evc-eff-item{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0}.evc-eff-loss{color:#dc2626}.evc-eff-total{font-weight:700;border-top:1px solid var(--border, #e5e7eb);padding-top:6px}@media(max-width:600px){.evc-metrics{grid-template-columns:1fr 1fr}.evc-bench-grid,.evc-custom-grid{grid-template-columns:1fr}.evc-section--row{flex-direction:column}}.sol-page{min-height:100vh;background:var(--bg);color:var(--fg);font-family:var(--font-stack)}.sol-container{max-width:860px;margin:0 auto;padding:32px 20px}.sol-header{margin-bottom:20px}.sol-header h1{font-size:1.65rem;font-weight:700;margin:0 0 6px}.sol-tagline{color:var(--muted);font-size:.92rem;margin:0}.sol-mode-toggle{display:flex;gap:6px;margin-bottom:18px}.sol-mode-btn{padding:7px 20px;border:1px solid var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--muted);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .15s}.sol-mode-btn.active{background:var(--accent, #4a90d9);color:#fff;border-color:var(--accent, #4a90d9)}.sol-layout{display:flex;flex-direction:column;gap:18px}.sol-section{background:var(--card-bg, #fff);border:1px solid var(--border, #e5e7eb);border-radius:12px;padding:20px}.sol-section--row{display:flex;flex-wrap:wrap;gap:14px;align-items:flex-end}.sol-title{font-size:1rem;font-weight:650;margin:0 0 14px}.sol-sub-title{font-size:.85rem;font-weight:650;margin:0 0 10px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.sol-field-row{display:flex;gap:12px;margin-bottom:14px;flex-wrap:wrap}.sol-field{display:flex;flex-direction:column;gap:4px;flex:1;min-width:140px}.sol-field--wide{flex:2;min-width:200px}.sol-field label{font-size:.78rem;font-weight:600;color:var(--muted)}.sol-input{padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.88rem;background:var(--bg);color:var(--fg);width:100%;box-sizing:border-box}.sol-select{padding:8px 10px;border:1px solid var(--border, #d1d5db);border-radius:8px;font-size:.88rem;background:var(--bg);color:var(--fg);width:100%}.sol-input-unit{display:flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.sol-input-unit .sol-input{width:90px;flex-shrink:0}.sol-soc-row{display:flex;align-items:center;gap:10px}.sol-range{flex:1;accent-color:var(--accent, #4a90d9)}.sol-soc-val{font-size:.95rem;font-weight:700;min-width:42px;text-align:end}.sol-computed{font-size:.95rem;font-weight:700;color:var(--accent, #4a90d9);padding-top:6px}.sol-computed--warn{color:#dc2626}.sol-roof-max{font-size:.88rem;padding:10px 0;border-top:1px solid var(--border, #e5e7eb);margin-top:4px;color:var(--fg)}.sol-roof-max strong{color:var(--accent, #4a90d9)}.sol-section--results{border-color:var(--accent, #4a90d9)}.sol-hero{text-align:center;padding:14px 0 20px}.sol-hero-value{font-size:2.4rem;font-weight:800;color:var(--accent, #4a90d9);line-height:1.1}.sol-hero-value span{font-size:1rem;font-weight:600}.sol-hero-sub{font-size:.85rem;color:var(--muted);margin-top:4px}.sol-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}.sol-metric{background:var(--bg);border:1px solid var(--border, #e5e7eb);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:2px}.sol-metric--green{border-color:#22c55e4d}.sol-metric-label{font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.sol-metric-value{font-size:1.05rem;font-weight:700}.sol-metric-sub{font-size:.7rem;color:var(--muted)}.sol-monthly-chart{margin-bottom:20px}.sol-bars{display:flex;gap:4px;align-items:flex-end;height:160px;padding:0 4px}.sol-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px}.sol-bar-wrap{width:100%;height:120px;background:var(--border, #e5e7eb);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}.sol-bar{width:100%;background:linear-gradient(to top,#22c55e,#86efac);border-radius:4px;transition:height .3s}.sol-bar-kwh{font-size:.6rem;font-weight:700;color:var(--fg)}.sol-bar-month{font-size:.6rem;color:var(--muted);font-weight:600}.sol-factors{border-top:1px solid var(--border, #e5e7eb);padding-top:16px}.sol-factor-items{display:flex;flex-direction:column;gap:6px}.sol-factor-item{display:flex;justify-content:space-between;font-size:.85rem;padding:4px 0}.sol-factor-item--warn strong{color:#dc2626}.sol-factor-item--total{font-weight:700;border-top:1px solid var(--border, #e5e7eb);padding-top:6px}@media(max-width:600px){.sol-metrics{grid-template-columns:1fr 1fr}.sol-section--row{flex-direction:column}.sol-bars{height:120px}.sol-bar-wrap{height:90px}}.poker-calc-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:var(--font-stack)}.poker-calc-container{max-width:720px;width:100%;margin:0 auto;padding:20px 14px;flex:1;display:flex;flex-direction:column}.poker-calc-container>.mini-footer{margin-top:auto;padding-top:24px}.poker-calc-header{margin-bottom:20px}.poker-calc-header-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.poker-calc-header h1{font-size:1.75rem;margin:0 0 4px}.poker-calc-subtitle{color:var(--muted);font-size:.93rem;margin:0}.pk-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.pk-section-title{font-size:1rem;font-weight:650;margin:0}.pk-header-actions{display:flex;gap:6px;align-items:center}.pk-reset-btn{padding:5px 14px;border:1.5px solid var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.pk-reset-btn:hover{border-color:var(--accent, #4a90d9);color:var(--accent, #4a90d9)}.pk-community-section{margin-bottom:24px}.pk-table-felt{background:var(--card, #fff);border:1.5px solid var(--border, #e5e7eb);border-radius:16px;padding:20px 16px}.pk-community-cards{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.pk-community-slot-wrap{display:flex;flex-direction:column;align-items:center;gap:4px}.pk-community-label{font-size:.68rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pk-card-slot{width:56px;height:78px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .15s;-webkit-user-select:none;user-select:none}.pk-card-empty{border:2px dashed var(--border, #d1d5db);background:transparent;color:var(--muted)}.pk-card-empty:hover{border-color:var(--accent, #4a90d9);color:var(--accent, #4a90d9)}.pk-card-slot-plus{font-size:1.4rem;font-weight:300;line-height:1}.pk-card-filled{border:1.5px solid var(--border, #d1d5db);background:var(--card, #fff);box-shadow:0 1px 4px #00000014}.pk-card-filled:hover{box-shadow:0 2px 8px #0000001f}.pk-card-filled .pk-card-rank{font-size:1.15rem;font-weight:700;line-height:1}.pk-card-filled .pk-card-suit{font-size:1.3rem;line-height:1}.pk-card-filled.red .pk-card-rank,.pk-card-filled.red .pk-card-suit{color:#ef4444}.pk-card-filled.dark .pk-card-rank,.pk-card-filled.dark .pk-card-suit{color:#1a1a2e}[data-theme=dark] .pk-card-filled.dark .pk-card-rank,[data-theme=dark] .pk-card-filled.dark .pk-card-suit,[data-theme=sunset] .pk-card-filled.dark .pk-card-rank,[data-theme=sunset] .pk-card-filled.dark .pk-card-suit,[data-theme=nebula] .pk-card-filled.dark .pk-card-rank,[data-theme=nebula] .pk-card-filled.dark .pk-card-suit,[data-theme=crimson] .pk-card-filled.dark .pk-card-rank,[data-theme=crimson] .pk-card-filled.dark .pk-card-suit{color:#e5e7eb}.pk-card-clear{position:absolute;top:-6px;inset-inline-end:-6px;width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:var(--bg);color:var(--muted);font-size:14px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.pk-card-slot:hover .pk-card-clear{opacity:1}.pk-players-section{margin-bottom:24px}.pk-add-player-btn{padding:5px 14px;border:1.5px solid var(--border, #d1d5db);border-radius:8px;background:transparent;color:var(--accent, #4a90d9);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.pk-add-player-btn:hover:not(:disabled){background:var(--hover-bg, rgba(59, 130, 246, .06))}.pk-add-player-btn:disabled{opacity:.4;cursor:not-allowed}.pk-players-list{display:flex;flex-direction:column;gap:10px}.pk-player-row{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--border, #e5e7eb);border-radius:12px;border-inline-start:3px solid var(--player-color, var(--accent));background:var(--card, var(--bg));transition:box-shadow .15s}.pk-player-row:hover{box-shadow:0 2px 8px #0000000f}.pk-player-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pk-player-label{display:flex;align-items:center;gap:6px}.pk-player-dot{width:10px;height:10px;border-radius:50%;background:var(--player-color, var(--accent));flex-shrink:0}.pk-player-name{font-size:.88rem;font-weight:650}.pk-remove-btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:14px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;margin-inline-start:auto;transition:all .15s}.pk-remove-btn:hover{border-color:#ef4444;color:#ef4444}.pk-player-cards{display:flex;gap:6px}.pk-player-cards .pk-card-slot{width:48px;height:66px}.pk-player-cards .pk-card-filled .pk-card-rank{font-size:1rem}.pk-player-cards .pk-card-filled .pk-card-suit{font-size:1.1rem}.pk-hand-name{font-size:.72rem;font-weight:600;color:var(--accent, #4a90d9);text-transform:uppercase;letter-spacing:.04em}.pk-equity-badge{font-size:.82rem;font-weight:700;color:#fff;padding:3px 10px;border-radius:12px;margin-inline-start:auto;white-space:nowrap;letter-spacing:.02em}.pk-equity-loading{opacity:.6;animation:pk-pulse .8s ease-in-out infinite alternate;min-width:44px;text-align:center}@keyframes pk-pulse{0%{opacity:.4}to{opacity:.8}}.pk-player-results{display:flex;flex-direction:column;gap:4px;min-width:0}.pk-stats-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pk-stats-pills{display:flex;gap:6px;flex-wrap:wrap;margin-inline-start:auto}.pk-pill{font-size:.72rem;font-weight:600;padding:2px 8px;border-radius:10px;white-space:nowrap;letter-spacing:.01em}.pk-pill-win{background:#22c55e1f;color:#16a34a}.pk-pill-tie{background:#94a3b826;color:var(--muted)}.pk-pill-loss{background:#ef44441a;color:#ef4444}[data-theme=dark] .pk-pill-win,[data-theme=sunset] .pk-pill-win,[data-theme=nebula] .pk-pill-win,[data-theme=crimson] .pk-pill-win{background:#22c55e2e;color:#4ade80}[data-theme=dark] .pk-pill-loss,[data-theme=sunset] .pk-pill-loss,[data-theme=nebula] .pk-pill-loss,[data-theme=crimson] .pk-pill-loss{background:#ef444426;color:#f87171}.pk-outs{display:flex;flex-direction:column;gap:4px;padding-top:4px;border-top:1px solid var(--border, #e5e7eb)}.pk-outs-label{font-size:.72rem;font-weight:650;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.pk-outs-cards{display:flex;flex-wrap:wrap;gap:4px}.pk-out-card{font-size:.75rem;font-weight:600;padding:1px 5px;border-radius:4px;border:1px solid var(--border, #e5e7eb);background:var(--card-bg, #fff);white-space:nowrap}.pk-out-card.red{color:#ef4444}.pk-out-card.dark{color:#1a1a2e}[data-theme=dark] .pk-out-card.dark,[data-theme=sunset] .pk-out-card.dark,[data-theme=nebula] .pk-out-card.dark,[data-theme=crimson] .pk-out-card.dark{color:#e5e7eb}.pk-no-result{font-size:.82rem;color:var(--muted);font-style:italic}.pk-calculating{position:fixed;bottom:20px;left:50%;transform:translate(-50%);font-size:.8rem;color:var(--text);background:var(--card, #fff);border:1px solid var(--border);border-radius:20px;padding:6px 16px;box-shadow:0 2px 12px #0000001f;z-index:50;white-space:nowrap}.pk-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:16px}.pk-picker{background:var(--card, #fff);border:1px solid var(--border, #e5e7eb);border-radius:16px;padding:16px;max-width:460px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 8px 32px #0000002e}.pk-picker-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.pk-picker-header h3{margin:0;font-size:1rem;font-weight:650}.pk-picker-close{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:20px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.pk-picker-grid{display:flex;flex-direction:column;gap:8px}.pk-picker-suit-row{display:grid;grid-template-columns:repeat(13,1fr);gap:4px}.pk-picker-card{min-width:0;height:42px;border-radius:5px;border:1px solid var(--border, #e5e7eb);background:var(--card, #fff);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;transition:all .12s;padding:0}.pk-picker-card:hover:not(:disabled){border-color:var(--accent, #4a90d9);box-shadow:0 1px 6px #0000001a}.pk-picker-card .pk-card-rank{font-size:.72rem;font-weight:700;line-height:1}.pk-picker-card .pk-card-suit{font-size:.85rem;line-height:1}.pk-picker-card.red .pk-card-rank,.pk-picker-card.red .pk-card-suit{color:#ef4444}.pk-picker-card.dark .pk-card-rank,.pk-picker-card.dark .pk-card-suit{color:#1a1a2e}[data-theme=dark] .pk-picker-card.dark .pk-card-rank,[data-theme=dark] .pk-picker-card.dark .pk-card-suit,[data-theme=sunset] .pk-picker-card.dark .pk-card-rank,[data-theme=sunset] .pk-picker-card.dark .pk-card-suit,[data-theme=nebula] .pk-picker-card.dark .pk-card-rank,[data-theme=nebula] .pk-picker-card.dark .pk-card-suit,[data-theme=crimson] .pk-picker-card.dark .pk-card-rank,[data-theme=crimson] .pk-picker-card.dark .pk-card-suit{color:#e5e7eb}.pk-picker-card.used{opacity:.2;cursor:not-allowed}@media(max-width:600px){.pk-card-clear{opacity:1}.pk-player-top{gap:6px}.pk-player-row{padding:10px}.pk-player-label{width:100%}.pk-stats-row{flex-direction:column;align-items:flex-start;gap:4px}.pk-stats-pills{margin-inline-start:0}.pk-equity-badge{font-size:.75rem;padding:2px 8px}.pk-picker{padding:12px;border-radius:12px}.pk-picker-suit-row{grid-template-columns:repeat(7,1fr);gap:5px}.pk-picker-card{height:46px}.pk-picker-card .pk-card-rank{font-size:.8rem}.pk-picker-card .pk-card-suit{font-size:.9rem}.pk-card-slot{width:48px;height:66px}.pk-table-felt{padding:14px 10px}.poker-calc-header h1{font-size:1.35rem}.poker-calc-header-top{gap:8px}}