*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{height:100%}#root{min-height:100vh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}ul,ol{list-style:none}a{color:inherit;text-decoration:none}a:active{opacity:.8}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-Thin.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-Thin.woff)format("woff");font-weight:100;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-ExtraLight.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-ExtraLight.woff)format("woff");font-weight:200;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-Light.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-Light.woff)format("woff");font-weight:300;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-Regular.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-Regular.woff)format("woff");font-weight:400;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-Medium.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-Medium.woff)format("woff");font-weight:500;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-SemiBold.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-SemiBold.woff)format("woff");font-weight:600;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-Bold.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-Bold.woff)format("woff");font-weight:700;font-style:normal}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMonoNerdFont-ExtraBold.woff2)format("woff2"),url(/fonts/JetBrainsMonoNerdFont-ExtraBold.woff)format("woff");font-weight:800;font-style:normal}body,code,pre,kbd{font-family:var(--font-mono)}.nf-icon{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;justify-content:center;align-items:center;width:1em;height:1em;font-family:JetBrains Mono;line-height:1;display:inline-flex}html,body{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:var(--font-weight-400);color:var(--text-primary);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:var(--font-weight-700);color:var(--text-primary);line-height:1.2}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-sm)}p{font-size:var(--font-size-md);color:var(--text-secondary);line-height:1.6}small{font-size:var(--font-size-sm);color:var(--text-muted)}a{color:var(--link-color);font-weight:var(--font-weight-600)}a:hover{color:var(--link-hover)}code{font-family:var(--font-mono);background:var(--bg-elevated);font-size:var(--font-size-sm);border-radius:4px;padding:2px 6px}pre{font-family:var(--font-mono);background:var(--bg-surface);border-radius:6px;padding:12px;overflow-x:auto}input,textarea{font-family:var(--font-mono);font-size:var(--font-size-md);color:var(--text-primary)}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--color-primary:#1f1f1f;--color-secondary:#f5f5f5;--color-accent:#19b9e1;--color-accent-alt:#e95420;--bg-main:#121212;--bg-surface:#1e1e1e;--bg-elevated:#2a2a2a;--bg-overlay:#000000b3;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#7a7a7a;--text-disabled:#555;--text-on-accent:#000;--border-default:#2c2c2c;--border-light:#3a3a3a;--border-focus:var(--color-accent);--font-mono:"JetBrains Mono", monospace;--font-sans:system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, "Helvetica Neue", Arial;--font-weight-100:100;--font-weight-200:200;--font-weight-300:300;--font-weight-400:400;--font-weight-500:500;--font-weight-600:600;--font-weight-700:700;--font-weight-800:800;--font-weight-900:900;--font-size-xs:.75em;--font-size-sm:.875em;--font-size-md:1em;--font-size-lg:1.125em;--font-size-xl:1.25em;--font-size-2xl:1.5em;--font-size-3xl:2.5em;--font-size-4xl:3.5em;--font-size-5xl:5em;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-16:64px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-full:999px;--transition-fast:.1s ease;--transition-normal:.2s ease;--transition-slow:.4s ease;--container-width:1200px;--header-height:64px;--hover-overlay:#ffffff0d;--active-overlay:#ffffff14;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 12px #0009;--shadow-lg:0 10px 30px #000000b3;--btn-primary-bg:var(--color-accent);--btn-primary-text:var(--color-primary);--btn-primary-border:transparent;--btn-primary-hover-bg:var(--color-primary);--btn-primary-hover-text:var(--color-accent);--btn-primary-hover-border:var(--color-accent);--btn-primary-active-bg:#d4b90f;--btn-primary-active-text:var(--color-primary);--btn-primary-focus-ring:#f8d61766;--btn-secondary-bg:var(--color-primary);--btn-secondary-text:var(--color-accent);--btn-secondary-border:var(--color-accent);--btn-secondary-hover-bg:var(--color-accent);--btn-secondary-hover-text:var(--color-primary);--btn-secondary-active-bg:#d4b90f;--btn-secondary-focus-ring:#f8d61759;--btn-ghost-bg:transparent;--btn-ghost-text:var(--color-accent);--btn-outline-text:var(--color-accent);--btn-outline-border:var(--color-accent);--btn-transition:var(--transition-normal);--btn-hover-overlay:#ffffff0f;--btn-active-overlay:#ffffff1a;--success:#4caf50;--warning:#ff9800;--error:#f44336;--info:#2196f3;--input-bg:var(--bg-surface);--input-border:#333;--input-text:#fff;--input-placeholder:#777;--input-focus-border:var(--color-accent);--card-bg:var(--bg-surface);--card-border:var(--border-default);--card-shadow:var(--shadow-md);--slider-track-bg:#2a2a2a;--slider-track-fill:var(--color-accent);--slider-thumb-bg:var(--color-accent);--slider-thumb-border:#1f1f1f;--slider-thumb-hover:#ffe347;--slider-thumb-active:#d4b90f;--link-color:#4da3ff;--link-hover:#82c4ff;--scrollbar-bg:#1e1e1e;--scrollbar-thumb:#444;--scrollbar-thumb-hover:#666}:root[data-theme=penguin-light]{--bg-main:#ddf0f5;--bg-surface:#cce8ef;--bg-elevated:#e4f4f7;--text-primary:#121212;--text-secondary:#4a4a4a;--text-muted:#777;--border-default:#ccc;--border-light:#00000026;--input-border:#333;--input-text:var(--text-primary);--input-placeholder:#777;--btn-secondary-bg:var(--bg-surface);--btn-secondary-text:var(--color-primary);--btn-secondary-border:var(--color-accent);--btn-secondary-hover-border:var(--color-accent);--hover-overlay:#0000000f;--active-overlay:#0000001a}:root[data-theme=penguin-dark]{--bg-main:#121212;--bg-surface:#1e1e1e;--bg-elevated:#2a2a2a;--text-primary:#fff;--text-secondary:#b3b3b3;--text-muted:#7a7a7a;--border-default:#2c2c2c;--border-light:#3a3a3a;--hover-overlay:#ffffff0d;--active-overlay:#ffffff14}:root[data-theme=archlinux-dark]{--color-accent:#1793d1;--bg-surface:#00111a;--card-bg:#00111a;--card-border:#1793d1;--border-focus:#1793d1;--input-focus-border:#1793d1;--slider-track-fill:#1793d1;--slider-thumb-bg:#1793d1;--btn-primary-bg:#1793d1;--btn-secondary-text:#1793d1;--btn-secondary-border:#1793d1;--btn-ghost-text:#1793d1;--btn-outline-text:#1793d1;--btn-outline-border:#1793d1}:root[data-theme=archlinux-light]{--color-accent:#1793d1;--bg-surface:#00111a;--card-bg:#00111a;--card-border:#1793d1;--border-focus:#1793d1;--input-focus-border:#1793d1;--slider-track-fill:#1793d1;--slider-thumb-bg:#1793d1;--btn-primary-bg:#1793d1;--btn-secondary-text:#1793d1;--btn-secondary-border:#1793d1;--btn-ghost-text:#1793d1;--btn-outline-text:#1793d1;--btn-outline-border:#1793d1;--text-primary:#fff}.container{width:100%;max-width:var(--container-width,1200px);padding-left:var(--space-4);padding-right:var(--space-4);margin-left:auto;margin-right:auto}@media (width>=920px){.container{padding-left:var(--space-4);padding-right:var(--space-4)}}.card{background:var(--card-bg);border:1px solid var(--card-border);box-shadow:var(--card-shadow);border-radius:10px}.card-header{border-bottom:1px solid var(--border-default);color:var(--text-primary);padding:12px 16px;font-weight:600}.card-body{color:var(--text-secondary);width:100%;padding:16px}.card-footer{border-top:1px solid var(--border-default);padding:12px 16px}.card-clickable{cursor:pointer}.card-clickable:hover{background:var(--bg-elevated);transition:background .2s}.card-clickable:active{transform:scale(.995)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--text-secondary);font-size:.9rem}.form-required{color:var(--error);margin-left:4px}.form-error{color:var(--error);font-size:.8rem}.form{flex-direction:column;gap:16px;width:100%;display:flex}.form-header{flex-direction:column;gap:4px;display:flex}.form-title{color:var(--text-primary);font-size:1.4rem;font-weight:600}.form-description{color:var(--text-muted);font-size:.9rem}.form-body{flex-direction:column;gap:12px;display:flex}.form-actions{border-top:1px solid var(--border-default);justify-content:flex-end;margin-top:12px;padding-top:12px;display:flex}.header-card{padding:var(--space-4);grid-template-columns:1fr auto auto;align-items:center;margin:1rem 0;display:grid}.header-card.distro-selected{align-items:start;gap:var(--space-3);padding:var(--space-4);grid-template:"brand nav""divider divider""desc desc""diffbar diffbar""stabbar stabbar""sysreq sysreq""tags tags"/1fr auto;display:grid}.header-card.distro-selected .brand{grid-area:brand;align-self:center}.header-card.distro-selected .header-nav{grid-area:nav;align-self:center}.header-distro-divider{border:none;border-top:1px solid var(--border-default);grid-area:divider;width:100%;margin:0}.brand-distro-description{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-relaxed);grid-area:desc;margin:0}.header-diffbar{grid-area:diffbar}.header-stabbar{grid-area:stabbar}.header-sysreq{grid-area:sysreq}.header-distro-tags{grid-area:tags}.header-sysreq{flex-direction:column;gap:4px;display:flex}.header-sysreq-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:var(--font-weight-600)}.header-sysreq-row{font-size:var(--font-size-xs);flex-wrap:wrap;gap:12px;display:flex}.sysreq-item{color:var(--text-secondary)}.sysreq-item strong{font-weight:var(--font-weight-700)}.brand{align-items:center;gap:var(--space-2);display:flex}.brand-logo{width:80px;height:80px;margin-left:.8rem}.brand-title-block{gap:var(--space-1);flex-direction:column;margin-left:.8rem;display:flex}.brand-title-block .brand-title{font-size:var(--font-size-2xl);margin:0}.brand-title-size{font-size:var(--font-size-3xl)}.brand-title-block .stability{font-size:var(--font-size-xs);color:var(--color-accent);text-transform:lowercase;opacity:1}.header-nav{justify-self:end;align-items:center;gap:var(--space-2);display:none}.mobile-menu{justify-self:end}.mobile-menu svg{color:var(--color-accent)}.mobile-drawer .MuiDrawer-paper{background:var(--bg-main);border-left:2px solid var(--color-accent);width:250px}.drawer-menu{justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;height:100%;padding:.8rem;display:flex}.distro-active{color:var(--text-primary)}@media (width>=768px){.header-card{grid-template-columns:1fr auto}.header-nav{display:grid}.mobile-menu{display:none}.brand-logo{width:80px;height:80px;margin-left:1rem}.brand-title-block{margin-left:1rem}.brand-title-block .brand-title{font-size:var(--font-size-3xl)}.brand-title-size{font-size:var(--font-size-4xl)}.brand-title-block .stability{margin:-.5rem 0 0}}@media (width>=1200px){.brand-logo{width:92px;height:92px;margin-left:1rem}.brand-title-block .brand-title{font-size:var(--font-size-4xl);margin:-1rem 0 -1rem .5rem}.brand-title-size{font-size:var(--font-size-5xl)}.brand-title-block .stability{margin:0 0 0 .5rem}}@media (width<=919px){.footer{margin-bottom:1rem;padding:24px 0}.footer-container{flex-direction:column;gap:16px;max-width:1120px;margin:0 auto;padding:0 16px;display:flex}.footer-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.footer-left{justify-content:flex-start;align-items:center;display:flex}.footer-center{text-align:center;flex-direction:column;gap:6px;display:flex}.footer-right{justify-content:flex-end;align-items:center;display:flex}.footer-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-700);color:var(--text-primary)}.footer-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.footer-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.footer-copyright{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:center;gap:4px;display:flex}.footer-link{color:var(--link-color);text-decoration:none}.footer-link:hover{color:var(--link-hover);text-decoration:underline}.footer-btn-move{margin-top:-4rem}.footer-subtitle,.footer-meta,.footer-copyright span:last-child{display:none}}@media (width>=920px){.footer{margin-bottom:1rem;padding:32px 0}.footer-container{flex-direction:column;gap:20px;max-width:1120px;margin:0 auto;padding:0 24px;display:flex}.footer-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.footer-left{justify-content:flex-start;align-items:center;display:flex}.footer-center{text-align:center;flex-direction:column;gap:10px;display:flex}.footer-right{justify-content:flex-end;align-items:center;display:flex}.footer-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-700);color:var(--text-primary)}.footer-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.footer-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.footer-copyright{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:center;gap:4px;display:flex}.footer-link{color:var(--link-color);text-decoration:none}.footer-link:hover{color:var(--link-hover);text-decoration:underline}.footer-btn-move{margin-top:-9rem}}.About{width:100%;margin-top:-1.5rem}.About .page-section{flex-direction:column;gap:1.25rem;display:flex}.About h2{color:var(--color-text-primary);margin:0;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.2}.About p{max-width:900px;color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.85}.About p:first-of-type{border-radius:var(--radius-md);background:var(--color-surface-secondary);border:1px solid var(--color-border);letter-spacing:.08em;width:fit-content;color:var(--accent-color);align-items:center;padding:.45rem .85rem;font-size:.85rem;font-weight:700;display:inline-flex}.About strong{color:var(--color-text-primary);font-weight:700}.About p:last-of-type{letter-spacing:.04em;color:var(--accent-color);margin-top:.5rem;font-style:italic;font-weight:600}@media (width<=768px){.About .page-section{gap:1rem}.About h2{font-size:1.6rem}.About p{font-size:.95rem;line-height:1.75}.About p:first-of-type{padding:.4rem .75rem;font-size:.8rem}}.Welcome{width:100%;margin-top:-1.5rem}.Welcome .page-section{flex-direction:column;gap:1.25rem;display:flex}.Welcome h2{color:var(--color-text-primary);margin:0;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:700;line-height:1.2}.Welcome p{color:var(--color-text-secondary);max-width:850px;margin-top:1rem;font-size:1rem;line-height:1.8}.Welcome ul{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem 1rem;margin:0;padding-left:1.25rem;list-style:none;display:grid}.Welcome li{border-radius:var(--radius-md);background:var(--color-surface-secondary);border:1px solid var(--color-border);color:var(--color-text-primary);padding:.85rem 1rem .85rem 2.5rem;font-size:.95rem;font-weight:500;transition:transform .2s,border-color .2s,background .2s;position:relative}.Welcome li:before{content:"•";color:var(--accent-color);font-size:1.2rem;font-weight:700;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.Welcome li:hover{border-color:var(--accent-color);background:var(--color-surface-hover);transform:translateY(-2px)}@media (width<=920px){.Welcome .page-section{gap:1rem}.Welcome h2{font-size:1.6rem}.Welcome p{font-size:.95rem;line-height:1.7}.Welcome ul{grid-template-columns:1fr}}.distro-card-item{border-radius:var(--radius-lg);transition:background var(--transition-base), box-shadow var(--transition-base), transform var(--transition-fast);cursor:pointer;flex-direction:column;justify-content:space-between;margin-top:.5rem;display:flex;overflow:hidden}.distro-card-item:hover{box-shadow:var(--card-shadow);transform:translateY(-.5rem);background:var(--card-hover-bg)!important}.distro-card-item.distro-card-selected{box-shadow:var(--card-shadow)}.card-top{gap:var(--space-2);padding:var(--space-4);flex-direction:column;display:flex}.card-header{align-items:center;gap:var(--space-3);display:flex}.card-header img{object-fit:contain;flex-shrink:0;width:48px;height:48px}.title-block{flex-direction:column;gap:2px;display:flex}.title-block h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-700);margin:0;line-height:1.2}.title-block .stability{font-size:var(--font-size-xs);text-transform:lowercase;color:var(--color-accent)}.description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary);margin:0}.gradient-bar-wrap{flex-direction:column;gap:4px;margin:2px 0;display:flex}.gradient-bar-top-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.gradient-bar-title{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);white-space:nowrap}.gradient-bar-translation{font-size:var(--font-size-xs);font-weight:var(--font-weight-700);color:var(--text-primary);white-space:nowrap}.gradient-bar-track{border-radius:var(--radius-full);height:6px;position:relative;overflow:hidden}.gradient-bar-fill-bg{border-radius:var(--radius-full);position:absolute;inset:0}.gradient-bar-mask{background:#0000008c;position:absolute;top:0;bottom:0;right:0}.gradient-bar-thumb{z-index:1;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 4px #00000080}.gradient-bar-scale{color:var(--text-secondary);opacity:.6;justify-content:space-between;font-size:10px;display:flex}.tag-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid #80808026;flex-wrap:wrap;display:flex}.tag-chip{border-radius:var(--radius-full);border:1px solid var(--border-default);font-size:var(--font-size-xs);font-weight:var(--font-weight-500);white-space:nowrap;color:var(--text-secondary);background:0 0;align-items:center;padding:2px 8px;line-height:1.6;display:inline-flex}.tag-chip-beginner{font-weight:var(--font-weight-700);letter-spacing:.01em}.oob-chip{opacity:.85}.distro-picker{gap:var(--space-4);flex-direction:column;display:flex}.distro-grid{scroll-snap-type:x mandatory;gap:1.5rem;width:100%;padding-bottom:1rem;display:flex;overflow-x:auto}.distro-grid .distro-card-item{scroll-snap-align:start;flex:0 0 100%}.distro-grid::-webkit-scrollbar{height:14px;transition:height var(--transition-fast)}.distro-grid:hover::-webkit-scrollbar{height:22px}.distro-grid::-webkit-scrollbar-track{background:var(--slider-track-bg);border-radius:var(--radius-full);margin:0 4px}.distro-grid::-webkit-scrollbar-thumb{background:var(--slider-thumb-bg);border-radius:var(--radius-lg);border:2px solid var(--slider-thumb-border)}.distro-grid:hover::-webkit-scrollbar-thumb{background:var(--slider-thumb-hover)}.distro-grid::-webkit-scrollbar-thumb:active{background:var(--slider-thumb-active)}@media (width>=768px){.distro-grid .distro-card-item{flex:0 0 calc(50% - .75rem)}}@media (width>=1200px){.distro-grid .distro-card-item{flex:0 0 calc(33% - 1rem)}}.protocol-card{margin-top:-1.5rem;position:relative}.slider-position{margin-top:1.5rem}.filter-panel{gap:var(--space-4);flex-direction:column;display:flex;position:relative}.filter-header{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.gpu-toggle-group{gap:6px;display:flex}.gpu-btn{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-600);color:var(--text-secondary);transition:border-color var(--btn-transition), color var(--btn-transition), box-shadow var(--btn-transition);background:0 0;border:1px solid #0000;padding:4px 12px}.gpu-btn:hover{border-color:var(--gpu-color);color:var(--gpu-color)}.gpu-btn-active{border-color:var(--gpu-color);color:var(--gpu-color);box-shadow:0 0 0 1px var(--gpu-color)}.protocol-btn-group{gap:4px;display:flex}.protocol-btn{border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);transition:border-color var(--btn-transition), color var(--btn-transition);background:0 0;border:1px solid #0000;padding:4px 14px}.protocol-btn:hover{color:var(--text-primary)}.protocol-btn-active{border-color:var(--color-accent);color:var(--color-accent);font-weight:var(--font-weight-600)}.filter-row-label{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.filter-row-label .slider-label{font-size:var(--font-size-sm);color:var(--text-secondary);white-space:nowrap}.filter-search{align-items:center;gap:var(--space-2);width:100%;margin-top:1.5rem;display:flex}.filter-search .input-container,.filter-search .input{width:100%}.u-block{display:block}.u-inline{display:inline}.u-inline-block{display:inline-block}.u-hidden{display:none}.u-flex{display:flex}.u-flex-center{justify-content:center;align-items:center;display:flex}.u-inline-flex{display:inline-flex}.u-flex-row{flex-direction:row}.u-flex-column{flex-direction:column}.u-items-center{align-items:center}.u-items-start{align-items:flex-start}.u-items-end{align-items:flex-end}.u-justify-center{justify-content:center}.u-justify-between{justify-content:space-between}.u-justify-end{justify-content:flex-end}.u-gap-1{gap:var(--space-1)}.u-gap-2{gap:var(--space-2)}.u-gap-3{gap:var(--space-3)}.u-gap-4{gap:var(--space-4)}.u-center{justify-content:center;align-items:center;display:flex}.NotFound-Position{margin-top:-1.5rem}.NotFound{justify-content:center;width:100%;display:flex}.NotFound .page-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;max-width:600px;padding:3rem 1rem;display:flex;position:relative}.NotFound h2{color:var(--color-text-primary);margin:0;font-size:2rem;font-weight:700}.NotFound p{max-width:420px;color:var(--color-text-secondary);font-size:1rem;line-height:1.6}.NotFound .page-section:before{content:"404";opacity:.06;pointer-events:none;color:var(--color-text-primary);font-size:clamp(6rem,12vw,10rem);font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-60%)}.NotFound button{margin-top:.5rem}@media (width<=768px){.NotFound h2{font-size:1.5rem}.NotFound p{font-size:.95rem}}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-600);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background var(--btn-transition), color var(--btn-transition), border-color var(--btn-transition), transform var(--transition-fast), box-shadow var(--btn-transition);color:var(--text-primary);border:1px solid #0000;display:inline-flex}.btn:focus-visible{outline:none}.btn:active{transition-duration:50ms;transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-xs)}.btn-md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm)}.btn-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-md)}.btn-full{width:100%}.btn-elevated{box-shadow:var(--shadow-md)}.btn-elevated:hover{box-shadow:var(--shadow-lg)}.btn-icon-only{padding:var(--space-2);flex-shrink:0;width:40px;height:40px}.btn-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon-start{margin-right:var(--space-2)}.btn-icon-end{margin-left:var(--space-2)}.btn-icon svg{color:currentColor;width:1em;height:1em;display:block;fill:currentColor!important}.btn-icon-only .btn-icon-start,.btn-icon-only .btn-icon-end{margin:0}.btn-icon-only .btn-icon *{pointer-events:none}.btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border:1px solid var(--btn-primary-border)}.btn-primary:hover{background:var(--btn-primary-hover-bg);color:var(--btn-primary-hover-text);border-color:var(--btn-primary-hover-border)}.btn-primary:active{background:var(--btn-primary-active-bg);color:var(--btn-primary-active-text);border-color:var(--btn-primary-active-border)}.btn-primary:focus-visible{box-shadow:0 0 0 3px var(--btn-primary-focus-ring)}.btn-secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:1px solid var(--btn-secondary-border)}.btn-secondary:hover{background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text);border-color:var(--btn-secondary-hover-border)}.btn-secondary:active{background:var(--btn-secondary-active-bg);color:var(--btn-secondary-active-text);border-color:var(--btn-secondary-active-border)}.btn-secondary:focus-visible{box-shadow:0 0 0 3px var(--btn-secondary-focus-ring)}.btn-ghost{background:var(--btn-ghost-bg);color:var(--btn-ghost-text);border:1px solid #0000}.btn-ghost:hover{background:var(--btn-ghost-hover-bg);color:var(--btn-ghost-hover-text)}.btn-ghost:active{background:var(--btn-ghost-active-bg);color:var(--btn-ghost-active-text)}.btn-outline{color:var(--btn-outline-text);border:1px solid var(--btn-outline-border);background:0 0}.btn-outline:hover{background:var(--btn-outline-hover-bg);color:var(--btn-outline-hover-text)}.btn-success{background:var(--btn-success-bg);color:var(--btn-success-text)}.btn-warning{background:var(--btn-warning-bg);color:var(--btn-warning-text)}.btn-danger{background:var(--btn-danger-bg);color:var(--btn-danger-text)}.distro-links-card{padding:var(--space-3) var(--space-4);margin-bottom:1rem}.distro-layout{gap:var(--space-3);flex-direction:column;display:flex}.distro-left{gap:var(--space-2);flex-direction:column;display:flex}.distro-right{gap:var(--space-3);flex-direction:column;display:flex}.distro-social{justify-content:space-between;gap:var(--space-2);flex-direction:row;margin:.3rem 2rem;display:flex}.distro-download{justify-content:flex-start;display:flex}.distro-social-btn{border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-normal), border-color var(--transition-normal), background var(--transition-normal);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:flex}.distro-social-btn:hover{background:var(--hover-overlay);border-color:currentColor}@media (width>=1055px){.distro-layout{justify-content:space-between;gap:var(--space-4);flex-direction:row;display:flex}.distro-left{gap:var(--space-2);flex-direction:row;flex:1;min-width:0;display:flex}.distro-right{flex-direction:column;flex:0 0 260px;justify-content:space-between;display:flex}.distro-social{justify-content:space-between;gap:var(--space-2);margin:0;display:flex}.distro-download{justify-content:flex-end;display:flex}}@media (width<=919px){.footer{margin-bottom:1rem;padding:24px 0}.footer-container{flex-direction:column;gap:16px;max-width:1120px;margin:0 auto;padding:0 16px;display:flex}.footer-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.footer-left{justify-content:flex-start;align-items:center;display:flex}.footer-center{text-align:center;flex-direction:column;gap:6px;display:flex}.footer-right{justify-content:flex-end;align-items:center;display:flex}.footer-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-700);color:var(--text-primary)}.footer-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.footer-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.footer-copyright{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:center;gap:4px;display:flex}.footer-link{color:var(--link-color);text-decoration:none}.footer-link:hover{color:var(--link-hover);text-decoration:underline}.footer-btn-move{margin-top:-4rem}.footer-subtitle,.footer-meta,.footer-copyright span:last-child{display:none}}@media (width>=920px){.footer{margin-bottom:1rem;padding:32px 0}.footer-container{flex-direction:column;gap:20px;max-width:1120px;margin:0 auto;padding:0 24px;display:flex}.footer-top{grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;display:grid}.footer-left{justify-content:flex-start;align-items:center;display:flex}.footer-center{text-align:center;flex-direction:column;gap:10px;display:flex}.footer-right{justify-content:flex-end;align-items:center;display:flex}.footer-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-700);color:var(--text-primary)}.footer-subtitle{font-size:var(--font-size-sm);color:var(--text-muted);font-style:italic}.footer-meta{font-size:var(--font-size-xs);color:var(--text-muted)}.footer-copyright{font-size:var(--font-size-sm);color:var(--text-secondary);justify-content:center;gap:4px;display:flex}.footer-link{color:var(--link-color);text-decoration:none}.footer-link:hover{color:var(--link-hover);text-decoration:underline}.footer-btn-move{margin-top:-9rem}}.app-layout{background:var(--bg-main);max-width:100%;min-height:100vh;color:var(--text-primary);flex-direction:column;display:flex;overflow-x:hidden}.app-main{flex:1;width:100%;max-width:1200px;margin:.5rem auto 0;padding:16px}.app-layout header,.app-layout footer{flex-shrink:0}.slider-container{flex-direction:column;gap:6px;margin-bottom:1.5rem;display:flex}.slider-header{color:var(--text-secondary);justify-content:space-between;font-size:.9rem;display:flex}.slider{appearance:none;border-radius:var(--radius-full);background:linear-gradient(to right, var(--slider-track-fill) var(--value,50%), var(--slider-track-bg) var(--value,50%));outline:none;width:100%;height:10px;transition:background .1s}.slider::-moz-range-track{border-radius:var(--radius-full);background:var(--slider-track-bg);height:6px}.slider::-webkit-slider-thumb{-webkit-appearance:none;border-radius:var(--radius-lg);background:var(--slider-thumb-bg);border:2px solid var(--slider-thumb-border);cursor:pointer;width:28px;height:18px;transition:background var(--transition-fast), transform var(--transition-fast)}.slider::-webkit-slider-thumb:hover{background:var(--slider-thumb-hover);transform:scale(1.4)}.slider::-webkit-slider-thumb:active{background:var(--slider-thumb-active);transform:scale(.95)}.slider::-moz-range-thumb{border-radius:var(--radius-md);background:var(--slider-thumb-bg);border:2px solid var(--slider-thumb-border);cursor:pointer;width:28px;height:20px}.input-container{flex-direction:column;gap:6px;display:flex}.input-label{color:var(--text-secondary);font-size:.9rem}.input{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);border-radius:6px;outline:none;padding:10px 12px;transition:border .2s}.input:focus{border-color:var(--input-focus-border)}.input::placeholder{color:var(--input-placeholder)}.input-error{border-color:var(--error)}.input-error-text{color:var(--error);font-size:.8rem}