:root,:root.dark{--bg:#0a0a0a;--bg-elevated:#111111;--bg-card:#141414;--border:rgba(255,255,255,0.08);--text:#fafafa;--text-muted:#a3a3a3;--accent:#ffffff;--radius:8px;--radius-sm:6px;--font:"Inter",system-ui,-apple-system,sans-serif}:root.light{--bg:#fafafa;--bg-elevated:#f5f5f5;--bg-card:#ffffff;--border:rgba(0,0,0,0.08);--text:#0a0a0a;--text-muted:#737373;--accent:#171717}*,:after,:before{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 0,var(--bg-card) 50%,var(--bg-elevated) 100%);background-size:200% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background:rgba(10,10,10,.8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}:root.light .nav{background:rgba(250,250,250,.9)}.brand{font-weight:600;font-size:1.1rem;color:var(--text);text-decoration:none}.nav-right{display:flex;align-items:center;gap:1.25rem}.nav-right a{color:var(--text-muted);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-right a:hover,.theme-toggle{color:var(--text)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);cursor:pointer;transition:border-color .2s,background .2s}.theme-toggle:hover{border-color:var(--text-muted)}.hero{padding:7rem 1.5rem 5rem;text-align:center;min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero h1{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:600;color:var(--text);margin-bottom:.75rem}.hero-sub{font-size:1rem;color:var(--text-muted);max-width:420px;margin-bottom:2rem}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn,.hero-actions{justify-content:center}.btn{display:inline-flex;align-items:center;padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;border-radius:var(--radius-sm);text-decoration:none;transition:opacity .2s}.btn:hover{opacity:.9}.btn-primary{background:var(--text);color:var(--bg)}.section{max-width:1200px;margin:0 auto;padding:4rem 1.5rem}.section-title{font-size:1.25rem;font-weight:600;color:var(--text);margin-bottom:.5rem}.reveal{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.reveal.revealed{opacity:1;transform:translateY(0)}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:1.25rem;gap:1.25rem}.tool-card{display:block;position:relative;text-decoration:none;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;color:var(--text);transition:border-color .2s,box-shadow .2s}.tool-card--badge{border-color:rgba(34,211,238,.5);box-shadow:0 0 0 1px rgba(34,211,238,.2)}.tool-card--badge:hover{border-color:rgba(34,211,238,.7);box-shadow:0 0 0 1px rgba(34,211,238,.35),0 4px 24px rgba(0,0,0,.12)}.tool-card-badge{position:absolute;top:-10px;right:1rem;font-size:.65rem;font-weight:600;font-feature-settings:"smcp";font-variant:small-caps;letter-spacing:.04em;padding:.2rem .55rem;border:2px solid #22d3ee;border-radius:var(--radius-sm);background:var(--bg-card);color:#22d3ee;white-space:nowrap;z-index:1}:root.light .tool-card-badge{color:#0891b2;border-color:#0891b2}:root.light .tool-card--badge{border-color:rgba(8,145,178,.5);box-shadow:0 0 0 1px rgba(8,145,178,.2)}:root.light .tool-card--badge:hover{border-color:rgba(8,145,178,.7);box-shadow:0 0 0 1px rgba(8,145,178,.35),0 4px 24px rgba(0,0,0,.06)}.tool-card:hover{border-color:var(--text-muted);box-shadow:0 4px 24px rgba(0,0,0,.12)}:root.light .tool-card:hover{box-shadow:0 4px 24px rgba(0,0,0,.06)}.tool-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--text-muted);margin-bottom:1rem}.tool-icon svg{width:22px;height:22px}.tool-card h3{font-size:.95rem;font-weight:600;margin-bottom:.3rem}.tool-card p{font-size:.8rem;color:var(--text-muted)}.about-content{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.about-content{grid-template-columns:repeat(2,1fr)}}.about-block{padding:1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius)}.about-block h3{font-size:1rem;font-weight:600;margin-bottom:.5rem}.about-block p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.footer{text-align:center;padding:3rem 1.5rem;border-top:1px solid var(--border)}.footer p{font-size:.85rem;color:var(--text-muted)}@media (max-width:640px){.hero{padding:6rem 1rem 4rem}.tools-grid{grid-template-columns:1fr}}.toast-container{position:fixed;bottom:1.5rem;left:1.5rem;right:1.5rem;display:flex;flex-direction:column;gap:.5rem;align-items:center;pointer-events:none;z-index:1000}.toast{padding:.75rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.9rem;box-shadow:0 4px 24px rgba(0,0,0,.2);animation:toast-in .3s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (min-width:640px){.toast-container{left:auto;right:1.5rem;align-items:flex-end}}.not-found-page{padding-top:8rem;text-align:center;min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found-page h1{font-size:4rem;font-weight:600;margin-bottom:.5rem;color:var(--text-muted)}.not-found-desc{font-size:1.25rem;font-weight:500;margin-bottom:.5rem}.not-found-hint{font-size:.95rem;color:var(--text-muted);margin-bottom:2rem}.host-compare-page{padding-top:6rem}.plan-type-toggle{margin-bottom:2rem}.plan-type-toggle>label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.plan-type-buttons{display:flex;gap:.5rem}.plan-type-btn{padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s,background .2s}.plan-type-btn:hover{border-color:var(--text-muted);color:var(--text)}.plan-type-btn.active{background:var(--text);border-color:var(--text);color:var(--bg)}:root.light .plan-type-btn.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.host-compare-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:1.5rem}.host-compare-admonition,.host-global{margin-bottom:2rem}.host-global .host-field{max-width:200px}.host-cards{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-bottom:1.5rem}.host-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.host-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.host-card-header h3{font-size:1rem;font-weight:600;margin:0}.btn-remove-host{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.25rem;cursor:pointer;transition:color .2s,border-color .2s}.btn-remove-host:hover{color:#ef4444;border-color:rgba(239,68,68,.3)}.host-form{padding:1.25rem}.host-field{margin-bottom:1rem}.host-field:last-child{margin-bottom:0}.host-field>label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.35rem;text-transform:uppercase;letter-spacing:.04em}.host-field input[type=number],.host-field input[type=text],.host-field select{width:100%;padding:.6rem .85rem;font-family:var(--font);font-size:.95rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.host-field input:focus,.host-field select:focus{outline:none;border-color:var(--text-muted)}.host-field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:.75rem;gap:.75rem}.host-uplink-row{display:flex;gap:.5rem}.host-uplink-row input{flex:2 1;min-width:0}.host-uplink-unit{flex:0 0 4rem;min-width:0}.cpu-select{position:relative}.cpu-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;font-family:var(--font);font-size:.95rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;text-align:left}.cpu-select-trigger:hover{border-color:var(--text-muted)}.cpu-select-chevron{font-size:.7rem;opacity:.7}.cpu-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:50;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 8px 24px rgba(0,0,0,.25);overflow:hidden}.cpu-select-search{padding:.5rem;border-bottom:1px solid var(--border)}.cpu-select-search input{width:100%;padding:.5rem .75rem;font-size:.9rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.cpu-select-search input:focus{outline:none;border-color:var(--text-muted)}.cpu-select-filters{display:flex;flex-wrap:wrap;gap:.35rem;padding:.5rem;border-bottom:1px solid var(--border)}.cpu-filter-btn{padding:.35rem .6rem;font-size:.75rem;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.cpu-filter-btn.active,.cpu-filter-btn:hover{background:var(--bg-card);color:var(--text);border-color:var(--text-muted)}.cpu-select-list{max-height:220px;overflow-y:auto}.cpu-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;padding:.6rem .85rem;font-size:.9rem;background:transparent;border:none;color:var(--text);cursor:pointer;text-align:left}.cpu-select-option:hover{background:var(--bg-elevated)}.cpu-select-option.selected{background:rgba(255,255,255,.08)}:root.light .cpu-select-option.selected{background:rgba(0,0,0,.04)}.cpu-select-category{font-size:.75rem;color:var(--text-muted)}.cpu-select-empty{padding:1rem;font-size:.9rem;color:var(--text-muted);text-align:center}.host-toggle-wrap{display:flex;align-items:center;gap:.75rem}.host-toggle{padding:0;background:none;border:none;cursor:pointer}.host-toggle-track{display:block;width:44px;height:24px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;position:relative;transition:background .2s,border-color .2s}.host-toggle.on .host-toggle-track{background:var(--text);border-color:var(--text)}:root.light .host-toggle.on .host-toggle-track{background:var(--accent);border-color:var(--accent)}.host-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s}.host-toggle.on .host-toggle-thumb{transform:translateX(20px);background:var(--bg)}.host-toggle-label{font-size:.9rem;color:var(--text-muted)}.host-field-hint{display:block;font-size:.75rem;color:var(--text-muted);margin-top:.25rem}.host-advanced{margin-top:1rem;margin-left:0;margin-right:0}.host-advanced .collapse-trigger{padding:.75rem 1rem}.host-advanced .collapse-title{font-size:.9rem}.collapse-content{padding:1rem 1.25rem;border-top:1px solid var(--border)}.btn-add-host{padding:.6rem 1.25rem;font-size:.9rem;font-weight:500;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s;margin-bottom:2rem}.btn-add-host:hover:not(:disabled){border-color:var(--text-muted);color:var(--text)}.btn-add-host:disabled{opacity:.5;cursor:not-allowed}.host-results{padding-top:1.5rem;border-top:1px solid var(--border)}.host-results h2{font-size:1.15rem;font-weight:600;margin-bottom:1rem}.result-box{padding:1rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:.75rem;font-size:.95rem}.result-box strong{color:var(--text)}.result-score{color:var(--text-muted);font-size:.9em}.result-software{margin-bottom:0}.result-item{margin-bottom:1rem}.result-item:last-child{margin-bottom:0}.result-explanation{margin-top:.5rem}.result-explanation-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.5rem 0;font-size:.85rem;font-weight:500;color:var(--text-muted);background:none;border:none;cursor:pointer;text-align:left;transition:color .2s}.result-explanation-trigger:hover{color:var(--text)}.result-explanation-icon{font-size:.65rem;opacity:.8;flex-shrink:0;margin-left:.5rem;transition:transform .25s ease}.result-explanation.open .result-explanation-icon{transform:rotate(180deg)}.result-explanation-content{overflow:hidden;max-height:0;transition:max-height .35s ease}.result-explanation.open .result-explanation-content{max-height:360px}.result-explanation-text{font-size:.875rem;color:var(--text-muted);line-height:1.6;margin:0;padding:.5rem 0 0;border-top:1px solid var(--border)}.host-cta{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:.75rem}.host-cta-btn{align-self:flex-start}.host-cta-link{font-size:.9rem;color:var(--text-muted);text-decoration:none}.host-cta-link:hover{color:var(--text)}.result-placeholder{color:var(--text-muted);font-size:.9rem}.color-page{max-width:1200px;margin:0 auto;padding:5rem 1.5rem 4rem}.color-page-grid{display:grid;grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr}@media (min-width:768px){.color-page-grid{grid-template-columns:1fr 1fr}}.back-link{display:inline-block;color:var(--text-muted);font-size:.9rem;text-decoration:none;margin-bottom:1.5rem}.back-link:hover{color:var(--text)}.color-page h1{font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.color-desc{color:var(--text-muted);font-size:.9rem;margin-bottom:2rem}.color-panel{margin-bottom:1.5rem}.color-panel>label{display:block;font-size:.8rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.04em}.color-panel textarea{width:100%;padding:.75rem 1rem;font-family:var(--font);font-size:.95rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);resize:vertical}.color-panel textarea:focus{outline:none;border-color:var(--text-muted)}.color-swatches{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.75rem}.color-swatch{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s}.color-swatch:hover{border-color:var(--text-muted)}.color-swatch-preview{display:block;position:relative;width:44px;height:44px;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;border:2px solid var(--border);flex-shrink:0}.color-swatch-preview:hover{border-color:var(--text-muted)}.color-picker-hidden{position:absolute;inset:-2px;width:calc(100% + 4px);height:calc(100% + 4px);padding:0;margin:0;border:none;opacity:0;cursor:pointer}.color-hex{width:90px;padding:.5rem .75rem;font-family:JetBrains Mono,monospace;font-size:.85rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.color-hex:focus{outline:none;border-color:var(--text-muted)}.format-select{width:100%;padding:.75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.9rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer}.format-select:focus{outline:none;border-color:var(--text-muted)}.btn-remove{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-size:1.25rem;cursor:pointer;transition:color .2s,border-color .2s}.btn-remove:hover{color:#ef4444;border-color:rgba(239,68,68,.3)}.btn-add-color{padding:.5rem 1rem;font-size:.85rem;font-weight:500;background:var(--bg-card);border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:border-color .2s,color .2s}.btn-add-color:hover{border-color:var(--text-muted);color:var(--text)}.format-toggles{display:flex;flex-wrap:wrap;gap:1rem}.fmt-toggle{display:flex;align-items:center;gap:.5rem;font-size:.9rem;cursor:pointer}.fmt-toggle input{width:18px;height:18px}.preview-box{padding:1.25rem 1.5rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:60px}.preview-text{font-size:1.25rem;line-height:1.6;word-break:break-word}.preview-placeholder{color:var(--text-muted)}.code-box{position:relative}.code-output{width:100%;padding:.75rem 5rem .75rem 1rem;font-family:JetBrains Mono,monospace;font-size:.8rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.code-output:focus{outline:none;border-color:var(--text-muted)}.btn-copy{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);padding:.4rem .75rem;font-size:.8rem;font-weight:500;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;transition:background .2s}.btn-copy:hover{background:var(--bg-card)}.collapse-section{margin-top:2rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.collapse-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;background:var(--bg-card);border:none;color:var(--text);font-family:inherit;font-size:1rem;font-weight:600;cursor:pointer;text-align:left;transition:background .2s}.collapse-trigger:hover{background:var(--bg-elevated)}.collapse-icon{font-size:1.25rem;opacity:.7}.admonition{margin:1rem 1.25rem;padding:1rem 1.25rem;border-radius:var(--radius-sm);border-left:4px solid var(--border)}.admonition-info{border-left-color:var(--text-muted);background:var(--bg-elevated)}.admonition-warning{border-left-color:#eab308;background:rgba(234,179,8,.08)}.host-result-warning{margin-bottom:1rem}.admonition-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.5rem}.admonition p{font-size:.9rem;color:var(--text-muted);line-height:1.6;margin:0}.admonition p+p{margin-top:.75rem}.admonition code{font-family:JetBrains Mono,monospace;font-size:.85em;padding:.1em .35em;background:var(--bg-card);border-radius:var(--radius-sm)}.lp-form{padding:0 1.25rem 1.25rem}.lp-input{width:100%;padding:.75rem 1rem;font-family:var(--font);font-size:.95rem;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text)}.lp-input:focus{outline:none;border-color:var(--text-muted)}.lp-color-row{display:flex;align-items:center;gap:.5rem}