@charset "UTF-8";@font-face{font-family:Fira Code;font-style:normal;font-weight:400;font-display:swap;src:local("Fira Code Regular"),local("FiraCode-Regular"),url(../../../fonts/fira-code-v27-latin-regular.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:500;font-display:swap;src:local("Fira Code Medium"),local("FiraCode-Medium"),url(../../../fonts/fira-code-v27-latin-500.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:600;font-display:swap;src:local("Fira Code SemiBold"),local("FiraCode-SemiBold"),url(../../../fonts/fira-code-v27-latin-600.woff2) format("woff2")}@font-face{font-family:Fira Code;font-style:normal;font-weight:700;font-display:swap;src:local("Fira Code Bold"),local("FiraCode-Bold"),url(../../../fonts/fira-code-v27-latin-700.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:400;font-display:swap;src:local("Fira Sans Regular"),local("FiraSans-Regular"),url(../../../fonts/fira-sans-v18-latin-regular.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:500;font-display:swap;src:local("Fira Sans Medium"),local("FiraSans-Medium"),url(../../../fonts/fira-sans-v18-latin-500.woff2) format("woff2")}@font-face{font-family:Fira Sans;font-style:normal;font-weight:600;font-display:swap;src:local("Fira Sans SemiBold"),local("FiraSans-SemiBold"),url(../../../fonts/fira-sans-v18-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local("Inter Regular"),local("Inter-Regular"),url(../../../fonts/inter-v20-latin-regular.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:local("Inter Medium"),local("Inter-Medium"),url(../../../fonts/inter-v20-latin-500.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:local("Inter SemiBold"),local("Inter-SemiBold"),url(../../../fonts/inter-v20-latin-600.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:local("Inter Bold"),local("Inter-Bold"),url(../../../fonts/inter-v20-latin-700.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:var(--font-size-sm);line-height:1.5;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--transition-normal),color var(--transition-normal)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-sm);color:var(--text-primary)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-sm);color:var(--text-secondary)}input,select,textarea{font-family:var(--font-body);font-size:inherit;color:var(--text-primary);background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);width:100%}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #dbf46533}input::placeholder{color:var(--text-secondary)}::selection{background-color:var(--color-primary);color:var(--bg-primary)}button{font-family:var(--font-body);font-size:inherit;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);transition:all var(--transition-fast);background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}button:hover:not(:disabled){background-color:var(--surface-hover);border-color:var(--color-primary)}button.btn-icon{width:2rem;height:2rem;padding:0;display:flex;align-items:center;justify-content:center}button.btn-icon svg{width:1rem;height:1rem}label{font-family:var(--font-body);font-size:var(--font-size-xs);font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-xs);display:block}code,pre{font-family:var(--font-mono);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.page{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-md) 0}.header-content{display:flex;align-items:center;justify-content:space-between}.header-content.col{flex-direction:column;align-items:flex-start}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{width:2rem;height:2rem;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.logo-icon svg{width:1.2rem;height:1.2rem;color:var(--bg-primary)}.logo h1{font-size:var(--font-size-xl);font-weight:700;margin:0;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.subtitle{font-size:var(--font-size-xs);color:var(--text-secondary);margin:0}.card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.card-header{margin-bottom:var(--spacing-md);display:flex;justify-content:space-between;align-items:flex-start}@media (max-width: 768px){.card-header{flex-direction:column;align-items:center;text-align:center}.card-header p{text-align:left}}.card-header .header-content{flex:1;display:flex;flex-direction:column;align-items:flex-start}.card-header .header-controls{flex-shrink:0}@media (max-width: 768px){.card-header .header-controls{margin:0 auto}}.card-header h2{font-size:var(--font-size-lg);margin-bottom:var(--spacing-xs)}.card-header p{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.tabs{display:flex;gap:var(--spacing-xs);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);padding:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-sm);font-weight:500;transition:all var(--transition-fast)}.form-group{margin-bottom:var(--spacing-md)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.info-panel{background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-md)}.loading{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.spinner{width:1rem;height:1rem;border:2px solid var(--border-primary);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.theme-toggle{position:relative;width:3rem;height:1.5rem;background-color:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:.75rem;cursor:pointer;transition:all var(--transition-fast)}.theme-toggle:hover{border-color:var(--color-primary)}.toggle-slider{position:absolute;top:1px;left:1px;width:1.25rem;height:1.25rem;background-color:var(--text-primary);border-radius:50%;transition:transform var(--transition-fast);display:flex;align-items:center;justify-content:center}.toggle-slider svg{width:.75rem;height:.75rem;color:var(--bg-primary)}.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}.info-cards{display:grid;gap:var(--spacing-sm)}.info-card{background-color:var(--bg-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.info-card .info-label{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);margin:0}.value-copy{display:flex;align-items:center;gap:var(--spacing-sm)}.ip-value{font-family:var(--font-mono);font-size:var(--font-size-md);font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.ip-value.success{color:var(--color-success-light);background-color:#2386361a}.ip-value.error{color:var(--color-error-light);background-color:#da36331a}.ip-value.info{color:var(--color-info-light);background-color:#0969da1a}.ip-value.warning{color:var(--color-warning-light);background-color:#d299221a}.metric-value{font-family:var(--font-mono);font-size:var(--font-size-lg);font-weight:600}.metric-value.success{color:var(--color-success-light)}.metric-value.info{color:var(--color-info-light)}.cidr{font-size:var(--font-size-sm);color:var(--text-secondary);margin-left:var(--spacing-xs)}.binary-display{display:grid;gap:var(--spacing-sm)}.binary-row{display:flex;align-items:center;gap:var(--spacing-md)}.binary-row .info-label{min-width:4.5rem}.binary-value{font-family:var(--font-mono);font-size:var(--font-size-sm)}.binary-value.success{color:var(--color-success-light)}.binary-value.info{color:var(--color-info-light)}.binary-value.error{color:var(--color-error-light)}@media (max-width: 768px){.info-card,.binary-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.binary-row .info-label{width:auto}}.form-field{min-width:250px}.field-input{position:relative;display:flex;align-items:center}.status-icon{width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.status-icon svg{width:.75rem;height:.75rem;color:var(--text-primary)}.status-icon.success{background-color:var(--color-success)}.status-icon.error{background-color:var(--color-error)}.copy-btn{transition:all var(--transition-fast)}.copy-btn.copied{color:var(--color-success-light);background-color:#2386361a;border-color:var(--color-success);transform:scale(1.05)}.copy-btn.copied:hover{background-color:#23863633}.preset-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-mono);border-radius:var(--radius-sm);background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-secondary);transition:all var(--transition-fast)}.preset-btn:hover{background-color:var(--surface-hover);border-color:var(--color-primary);color:var(--color-primary)}.preset-btn.active{background-color:var(--color-primary);color:var(--text-primary);border-color:var(--color-primary)}@media (max-width: 768px){.form-field{min-width:auto}}:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-tertiary: #21262d;--text-primary: #c9d1d9;--text-secondary: #9098a4;--text-tertiary: #6272a4;--color-primary: #e3ed70;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #50fa7b;--color-success-light: #69ff94;--color-warning: #ffb86c;--color-warning-light: #ffffa5;--color-error: #ff5555;--color-error-light: #ff6e6e;--color-info: #8be9fd;--color-info-light: #a4ffff;--color-purple: #bd93f9;--color-pink: #ff79c6;--border-primary: #30363d;--border-secondary: #21262d;--surface-hover: #262c36;--surface-active: #2f3640;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .5);--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-full: 50%;--spacing-2xs: .125rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--font-body: "Fira Code", "Monaco", "Menlo", "Consolas", monospace;--font-heading: "Fira Code", "Monaco", "Menlo", "Consolas", monospace;--font-mono: "Fira Code", "Monaco", "Menlo", "Consolas", monospace;--font-size-2xs: .6rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--anim-duration-fast: .3s;--anim-duration-normal: .5s;--anim-duration-slow: .8s}@media (prefers-reduced-motion: reduce){:root{--transition-fast: .01s ease;--transition-normal: .01s ease;--transition-slow: .01s ease;--anim-duration-fast: .01s;--anim-duration-normal: .01s;--anim-duration-slow: .01s}*,*:before,*:after{animation-duration:.01s!important;animation-iteration-count:1!important;transition-duration:.01s!important}}.theme-light,html[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-tertiary: #f5f5f5;--text-primary: #212121;--text-secondary: #757575;--text-tertiary: #9e9e9e;--color-primary: #2196f3;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 85%, black 15%);--color-success: #4caf50;--color-warning: #ff9800;--color-error: #f44336;--color-info: #00bcd4;--border-secondary: #d3ddeb;--border-primary: #e0e0e0;--surface-hover: #f5f5f5;--surface-active: #eeeeee;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1);--shadow-md: 0 2px 6px rgba(0, 0, 0, .15);--shadow-lg: 0 4px 12px rgba(0, 0, 0, .2);--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "Roboto Mono", monospace}.theme-ocean,html[data-theme=ocean]{--color-primary: #70edb7;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--bg-primary: #131c2b;--bg-secondary: #212c3d;--bg-tertiary: #151e2f;--text-secondary: #a0a7b0;--surface-hover: #2b384b;--border-primary: #30405b;--font-heading: "Inter", sans-serif;--font-body: "Inter", sans-serif}.theme-purple,html[data-theme=purple]{--color-primary: #cca6ff;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--bg-primary: #13182b;--bg-secondary: #101b31;--bg-tertiary: #222e45;--text-secondary: #a0a7b0;--surface-hover: #2b384b;--border-primary: #30405b;--font-body: "Poppins", sans-serif;--font-heading: "Lora", "Poppins", sans-serif}.theme-lightpurple,html[data-theme=lightpurple]{--bg-primary: #f4f2fa;--bg-secondary: #fff;--bg-tertiary: #f6f2fc;--text-primary: #0b1220;--text-secondary: #364152;--text-tertiary: #6b7280;--color-primary: #af55fc;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 85%, black 15%);--color-success: #15803d;--color-success-light: #40dc6c;--color-warning: #a16207;--color-warning-light: #bcbc1c;--color-error: #b91c1c;--color-error-light: #ff6e6e;--color-info: #0369a1;--color-info-light: #2cb5b5;--color-purple: #7c3aed;--color-pink: #db2777;--border-primary: #e5e7eb;--border-secondary: #d1d5db;--surface-hover: #f6f2f9;--surface-active: #e9eef5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 4px 10px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .16)}.theme-cyberpunk,html[data-theme=cyberpunk]{--bg-primary: #0a0614;--bg-secondary: #110a1f;--bg-tertiary: #1a0f2e;--text-primary: #f0e6ff;--text-secondary: #b8a6d9;--text-tertiary: #8b7ba3;--color-primary: #e4ff00;--color-primary-hover: #eaff2f;--color-primary-dark: #b7cc00;--color-success: #39ff14;--color-success-light: #7fff44;--color-warning: #ffdd00;--color-warning-light: #ffee55;--color-error: #ff0066;--color-error-light: #ff3388;--color-info: #00ddff;--color-info-light: #44eeff;--color-purple: #cc00ff;--color-pink: #ff0099;--border-primary: #004d66;--border-secondary: #002233;--surface-hover: #001122;--surface-active: #003344;--shadow-sm: 0 0 4px rgba(0, 255, 204, .2);--shadow-md: 0 0 8px rgba(0, 255, 204, .3);--shadow-lg: 0 0 16px rgba(0, 255, 204, .4);--font-heading: "Orbitron", monospace;--font-body: "Share Tech Mono", monospace;--font-mono: "Share Tech Mono", monospace}.theme-cyberpunk h2,html[data-theme=cyberpunk] h2{color:#fd3d90!important}.theme-cyberpunk:before,html[data-theme=cyberpunk]:before{content:"";position:fixed;top:0;left:0;width:100vw;height:200vh;pointer-events:none;z-index:9999;background:linear-gradient(180deg,rgba(68,239,255,.1),transparent 49%,rgba(253,61,144,.08) 50%,transparent);background-size:4px 4px;animation:crt-scanlines 8s linear infinite}.theme-cyberpunk body:before,html[data-theme=cyberpunk] body:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9998;background:radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.2) 100%)}.theme-cyberpunk a,html[data-theme=cyberpunk] a{transition:all .3s ease}.theme-cyberpunk a:hover,html[data-theme=cyberpunk] a:hover{animation:cyberpunk-glitch .3s ease-in-out;text-shadow:-1px 0 #ff006f,1px 0 #00ffcc}.theme-cyberpunk a:hover:before,html[data-theme=cyberpunk] a:hover:before{content:attr(href);position:absolute;top:0;left:0;width:100%;height:100%;color:#ff006f;background:transparent;clip:rect(0,0,0,0);animation:cyberpunk-glitch-overlay .3s ease-in-out}.theme-cyberpunk a:hover:after,html[data-theme=cyberpunk] a:hover:after{content:attr(href);position:absolute;top:0;left:0;width:100%;height:100%;color:#0fc;background:transparent;clip:rect(0,0,0,0);animation:cyberpunk-glitch-overlay-2 .3s ease-in-out}@keyframes crt-scanlines{0%{transform:translateY(-5vh)}to{transform:translateY(0)}}@keyframes crt-flicker{0%{opacity:1}98%{opacity:.85}99%{opacity:.99}to{opacity:1}}@keyframes cyberpunk-glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}@keyframes cyberpunk-glitch-overlay{0%{clip:rect(42px,9999px,44px,0)}25%{clip:rect(12px,9999px,59px,0)}50%{clip:rect(78px,9999px,23px,0)}75%{clip:rect(34px,9999px,67px,0)}to{clip:rect(91px,9999px,18px,0)}}@keyframes cyberpunk-glitch-overlay-2{0%{clip:rect(65px,9999px,23px,0)}25%{clip:rect(34px,9999px,89px,0)}50%{clip:rect(12px,9999px,56px,0)}75%{clip:rect(78px,9999px,34px,0)}to{clip:rect(23px,9999px,67px,0)}}.theme-midnight,html[data-theme=midnight]{--bg-primary: #0a0e27;--bg-secondary: #0f1538;--bg-tertiary: #141c4c;--text-primary: #e8eaf6;--text-secondary: #9fa8da;--text-tertiary: #7986cb;--color-primary: #5e72e4;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #56f1c7;--color-success-light: #7fffd4;--color-warning: #ffd93d;--color-warning-light: #ffe566;--color-error: #ff5252;--color-error-light: #ff7979;--color-info: #82b1ff;--color-info-light: #a3c3ff;--color-purple: #9c88ff;--color-pink: #f8b5ce;--border-primary: #2a3f7d;--border-secondary: #1e2c5f;--surface-hover: #1a2555;--surface-active: #243270;--shadow-sm: 0 2px 8px rgba(94, 114, 228, .1);--shadow-md: 0 8px 20px rgba(94, 114, 228, .15);--shadow-lg: 0 16px 40px rgba(94, 114, 228, .2);--font-heading: "Montserrat", sans-serif;--font-body: "IBM Plex Mono", monospace;--font-mono: "IBM Plex Mono", monospace}.theme-arctic,html[data-theme=arctic]{--bg-primary: #f5f5f5;--bg-secondary: #ffffff;--bg-tertiary: #e3f2fd;--text-primary: #263238;--text-secondary: #546e7a;--text-tertiary: #78909c;--color-primary: #00acc1;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 85%, black 15%);--color-success: #00897b;--color-success-light: #26a69a;--color-warning: #ffb300;--color-warning-light: #ffc947;--color-error: #e53935;--color-error-light: #ef5350;--color-info: #039be5;--color-info-light: #29b6f6;--color-purple: #7e57c2;--color-pink: #ec407a;--border-primary: #cfd8dc;--border-secondary: #b0bec5;--surface-hover: #eceff1;--surface-active: #cfd8dc;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .12);--font-heading: "Raleway", sans-serif;--font-body: "Raleway", sans-serif;--font-mono: "Source Code Pro", monospace}.theme-terminal,html[data-theme=terminal]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #1c1d1c96;--text-primary: #edf6ed;--text-secondary: #c7ffc7;--text-tertiary: #0b820b;--color-primary: #00ff00;--color-primary-hover: #66ff66;--color-primary-dark: #00cc00;--color-success: #00ff00;--color-success-light: #66ff66;--color-warning: #ffff00;--color-warning-light: #ffff66;--color-error: #ff0000;--color-error-light: #ff6666;--color-info: #00ffff;--color-info-light: #66ffff;--color-purple: #ff00ff;--color-pink: #ff00aa;--border-primary: #00ff0024;--border-secondary: #009900;--surface-hover: #001100;--surface-active: #002200;--radius-sm: 0;--radius-md: 1px;--radius-lg: 2px;--spacing-2xs: .125rem;--spacing-xs: .125rem;--spacing-sm: .25rem;--spacing-md: .5rem;--spacing-lg: .75rem;--spacing-xl: 1rem;--spacing-2xl: 1.5rem;--shadow-sm: 0 0 2px rgba(0, 255, 0, .5);--shadow-md: 0 0 8px rgba(0, 255, 0, .3);--shadow-lg: 0 0 20px rgba(0, 255, 0, .2);--font-heading: "JetBrains Mono", monospace;--font-body: "JetBrains Mono", monospace;--font-mono: "JetBrains Mono", monospace}.theme-muteddark,html[data-theme=muteddark]{--bg-primary: #282c34;--bg-secondary: #21252b;--bg-tertiary: #2c313a;--text-primary: #abb2bf;--text-secondary: #a2abc9;--text-tertiary: #5c6370;--color-primary: #e8ef61;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #98c379;--color-warning: #e5c07b;--color-error: #e06c75;--color-info: #61afef;--color-purple: #c678dd;--color-pink: #e06c75;--border-primary: #3e4451;--surface-hover: #2c313a;--surface-active: #3e4451;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--font-heading: "Open Sans", sans-serif;--font-body: "Source Code Pro", monospace;--font-mono: "Source Code Pro", monospace}.theme-solarized,html[data-theme=solarized]{--bg-primary: #002b36;--bg-secondary: #073642;--bg-tertiary: #033947;--text-primary: #839496;--text-secondary: #93a1a1;--text-tertiary: #657b83;--color-primary: #268bd2;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #859900;--color-warning: #b58900;--color-error: #dc322f;--color-info: #268bd2;--color-purple: #6c71c4;--color-pink: #d33682;--border-primary: #586e75;--surface-hover: #073642;--surface-active: #586e75;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "Lato", sans-serif;--font-body: "Inconsolata", monospace;--font-mono: "Inconsolata", monospace}.theme-nord,html[data-theme=nord]{--bg-primary: #2e3440;--bg-secondary: #3b4252;--bg-tertiary: #434c5e;--text-primary: #eceff4;--text-secondary: #d8dee9;--text-tertiary: #e5e9f0;--color-primary: #88c0d0;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #a3be8c;--color-success-light: #b8d1a8;--color-warning: #ebcb8b;--color-warning-light: #f0d9a7;--color-error: #bf616a;--color-error-light: #d08770;--color-info: #81a1c1;--color-info-light: #88c0d0;--color-purple: #b48ead;--color-pink: #bf616a;--border-primary: #4c566a;--border-secondary: #434c5e;--surface-hover: #313746;--surface-active: #4c566a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "IBM Plex Sans", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}.theme-gruvbox,html[data-theme=gruvbox]{--bg-primary: #282828;--bg-secondary: #3c3836;--bg-tertiary: #504945;--text-primary: #ebdbb2;--text-secondary: #d5c4a1;--text-tertiary: #bdae93;--color-primary: #fabd2f;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #b8bb26;--color-success-light: #98971a;--color-warning: #fabd2f;--color-warning-light: #d79921;--color-error: #fb4934;--color-error-light: #cc241d;--color-info: #83a598;--color-info-light: #458588;--color-purple: #d3869b;--color-pink: #fb4934;--border-primary: #665c54;--border-secondary: #504945;--surface-hover: #3c3836;--surface-active: #504945;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .5);--font-heading: "Ubuntu", sans-serif;--font-body: "Ubuntu Mono", monospace;--font-mono: "Ubuntu Mono", monospace}.theme-tokyonight,html[data-theme=tokyonight]{--bg-primary: #1a1b26;--bg-secondary: #24283b;--bg-tertiary: #353b56;--text-primary: #c0caf5;--text-secondary: #a9b1d6;--text-tertiary: #9aa5ce;--color-primary: #7aa2f7;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #9ece6a;--color-success-light: #73daca;--color-warning: #e0af68;--color-warning-light: #ff9e64;--color-error: #f7768e;--color-error-light: #db4b4b;--color-info: #7dcfff;--color-info-light: #b4f9f8;--color-purple: #bb9af7;--color-pink: #f7768e;--border-primary: #565f89;--border-secondary: #414868;--surface-hover: #292e42;--surface-active: #3b4261;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--font-heading: "Fira Sans", sans-serif;--font-body: "Fira Code", monospace;--font-mono: "Fira Code", monospace}.theme-catppuccin,html[data-theme=catppuccin]{--bg-primary: #1e1e2e;--bg-secondary: #181825;--bg-tertiary: #313244;--text-primary: #cdd6f4;--text-secondary: #bac2de;--text-tertiary: #a6adc8;--color-primary: #b2a5ff;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #a6e3a1;--color-success-light: #94e2d5;--color-warning: #f9e2af;--color-warning-light: #fab387;--color-error: #f38ba8;--color-error-light: #eba0ac;--color-info: #89dceb;--color-info-light: #89b4fa;--color-purple: #cba6f7;--color-pink: #f5c2e7;--border-primary: #45475a;--border-secondary: #313244;--surface-hover: #313244;--surface-active: #45475a;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace}.theme-everforest,html[data-theme=everforest]{--bg-primary: #2d353b;--bg-secondary: #343f44;--bg-tertiary: #3d484d;--text-primary: #d3c6aa;--text-secondary: #baa89f;--text-tertiary: #859289;--color-primary: #a7c080;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #a7c080;--color-success-light: #83c092;--color-warning: #dbbc7f;--color-warning-light: #e69875;--color-error: #e67e80;--color-error-light: #e67e80;--color-info: #7fbbb3;--color-info-light: #a7c080;--color-purple: #d699b6;--color-pink: #e67e80;--border-primary: #4f5b58;--border-secondary: #3d484d;--surface-hover: #3d484d;--surface-active: #4f5b58;--shadow-sm: 0 2px 4px rgba(0, 0, 0, .2);--shadow-md: 0 4px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 16px rgba(0, 0, 0, .4);--font-heading: "Nunito", sans-serif;--font-body: "Nunito", sans-serif;--font-mono: "Source Code Pro", monospace}.theme-sunset,html[data-theme=sunset]{--bg-primary: #edecea;--bg-secondary: #ffffff;--bg-tertiary: #fff4eb;--text-primary: #2a1810;--text-secondary: #5c4a42;--text-tertiary: #8c7165;--color-primary: #ff6b35;--color-primary-hover: color-mix(in srgb, var(--color-primary) 85%, white 15%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 85%, black 15%);--color-success: #0e9f6e;--color-success-light: #31c48d;--color-warning: #ff9500;--color-warning-light: #ffae42;--color-error: #e02424;--color-error-light: #f05252;--color-info: #3f83f8;--color-info-light: #76a9fa;--color-purple: #9061f9;--color-pink: #ff5a8d;--border-primary: #fcd9c8;--border-secondary: #f9cbb5;--surface-hover: #ffeee0;--surface-active: #ffe4d1;--shadow-sm: 0 1px 3px rgba(255, 107, 53, .08);--shadow-md: 0 4px 12px rgba(255, 107, 53, .1);--shadow-lg: 0 12px 28px rgba(255, 107, 53, .15);--font-heading: "Playfair Display", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}.theme-dracula,html[data-theme=dracula]{--bg-primary: #282a36;--bg-secondary: #21222c;--bg-tertiary: #343746;--text-primary: #f8f8f2;--text-secondary: #e0e0e0;--text-tertiary: #bfbfbf;--color-primary: #ff79c6;--color-primary-hover: color-mix(in srgb, var(--color-primary) 70%, white 30%);--color-primary-dark: color-mix(in srgb, var(--color-primary) 70%, black 30%);--color-success: #50fa7b;--color-success-light: #7dfb9b;--color-warning: #f1fa8c;--color-warning-light: #f5fba9;--color-error: #ff5555;--color-error-light: #ff7979;--color-info: #8be9fd;--color-info-light: #a9f0fd;--color-purple: #bd93f9;--color-pink: #ff79c6;--border-primary: #44475a;--border-secondary: #6272a4;--surface-hover: #343746;--surface-active: #44475a;--shadow-sm: 0 2px 4px rgba(189, 147, 249, .15);--shadow-md: 0 4px 8px rgba(189, 147, 249, .2);--shadow-lg: 0 8px 16px rgba(189, 147, 249, .25);--font-heading: "JetBrains Mono", monospace;--font-body: "Inter", sans-serif;--font-mono: "Fira Code", monospace}.ref-page{max-width:1000px;margin:0 auto}.ref-page .ref-header{text-align:center;margin-bottom:var(--spacing-xl)}.ref-page .ref-header h1{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-sm)}.ref-page .ref-header .subtitle{color:var(--text-secondary);font-size:var(--font-size-lg)}.ref-page .ref-section{background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.ref-page .ref-section h2{color:var(--text-primary);font-size:var(--font-size-xl);font-weight:600;margin-bottom:var(--spacing-md);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.ref-page .ref-section h3{color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;margin:var(--spacing-lg) 0 var(--spacing-sm) 0}.ref-page .ref-section p{color:var(--text-primary);line-height:1.6;margin-bottom:var(--spacing-md)}.ref-page .ref-section ul,.ref-page .ref-section ol{color:var(--text-primary);padding-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.ref-page .ref-section ul li,.ref-page .ref-section ol li{margin-bottom:var(--spacing-xs);line-height:1.5}.ref-page .ref-section code{background:var(--bg-tertiary);border:1px solid var(--color-primary);color:var(--text-primary);font-family:var(--font-mono);font-weight:600;padding:.25rem .5rem;border-radius:var(--radius-sm);font-size:.9em}.ref-page .ref-section pre{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0;overflow-x:auto}.ref-page .ref-section pre code{background:transparent;border:none;padding:0}.ref-page .ref-table{width:100%;border-collapse:collapse;margin:var(--spacing-md) 0;background:var(--bg-tertiary);border-radius:var(--radius-md);overflow:hidden}.ref-page .ref-table th,.ref-page .ref-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--border-primary)}.ref-page .ref-table th{background:var(--color-primary);color:var(--bg-primary);font-weight:600;font-size:var(--font-size-sm)}.ref-page .ref-table td{color:var(--text-primary);font-size:var(--font-size-sm)}.ref-page .ref-table td code{font-size:.85em}.ref-page .ref-table tr:last-child td{border-bottom:none}.ref-page .ref-table tr:hover{background:var(--bg-secondary)}.ref-page .ref-highlight{background:var(--bg-info);border:1px solid var(--border-info);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.ref-page .ref-highlight .highlight-title{color:var(--color-info-dark);font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.ref-page .ref-highlight .highlight-content{color:var(--color-info-dark)}.ref-page .ref-warning{background:var(--bg-warning);border:1px solid var(--border-warning);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.ref-page .ref-warning .warning-title{color:var(--color-warning-dark);font-weight:600;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.ref-page .ref-warning .warning-content{color:var(--color-warning-dark)}.ref-page .ref-examples{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);margin:var(--spacing-md) 0}.ref-page .ref-examples .examples-title{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-sm)}.ref-page .ref-examples .example-item{margin-bottom:var(--spacing-sm)}.ref-page .ref-examples .example-item .example-input{font-family:var(--font-mono);color:var(--color-primary);font-weight:600}.ref-page .ref-examples .example-item .example-arrow{color:var(--text-secondary);margin:0 var(--spacing-xs)}.ref-page .ref-examples .example-item .example-output{font-family:var(--font-mono);color:var(--text-primary);font-weight:600}.ref-page .ref-examples .example-item .example-description{color:var(--text-secondary);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.ref-page .ref-grid{display:grid;gap:var(--spacing-md);margin:var(--spacing-md) 0}.ref-page .ref-grid.two-col{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.ref-page .ref-grid.three-col{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.ref-page .ref-grid .grid-item{background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.ref-page .ref-grid .grid-item .item-title{color:var(--text-primary);font-weight:600;margin-bottom:var(--spacing-xs)}.ref-page .ref-grid .grid-item .item-code{font-family:var(--font-mono);color:var(--color-primary);font-weight:600;font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.ref-page .ref-grid .grid-item .item-description{color:var(--text-secondary);font-size:var(--font-size-sm)}@media (max-width: 768px){.ref-page .ref-table{font-size:var(--font-size-xs)}.ref-page .ref-table th,.ref-page .ref-table td{padding:var(--spacing-xs) var(--spacing-sm)}.ref-page .ref-grid.two-col,.ref-page .ref-grid.three-col{grid-template-columns:1fr}}html[data-a11y~=reduce-motion]{--transition-fast: 0ms;--transition-normal: 0ms;--transition-slow: 0ms}html[data-a11y~=reduce-motion] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html[data-a11y~=contrast-high]{filter:contrast(1.15) brightness(1.05) saturate(1.05)}html[data-a11y~=contrast-high] *{border-width:max(1px,var(--border-width, 1px))}html[data-a11y~=contrast-high] :focus-visible{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}html[data-a11y~=contrast-high] button,html[data-a11y~=contrast-high] [role=button]{border:2px solid var(--border-primary)!important}html[data-a11y~=contrast-high] button:hover,html[data-a11y~=contrast-high] [role=button]:hover{border-color:var(--color-primary)!important}html[data-a11y~=contrast-high] input,html[data-a11y~=contrast-high] select,html[data-a11y~=contrast-high] textarea{border:2px solid var(--border-primary)!important}html[data-a11y~=contrast-high] input:focus,html[data-a11y~=contrast-high] select:focus,html[data-a11y~=contrast-high] textarea:focus{border-color:var(--color-primary)!important}html[data-a11y~=dark-contrast-high]{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-tertiary: #141414;--text-primary: #ffffff;--text-secondary: #e0e0e0;--border-primary: #404040;--border-secondary: #606060}html[data-a11y~=scale-large]{font-size:110%;--font-size-2xs: .75rem;--font-size-xs: .9375rem;--font-size-sm: 1.09375rem;--font-size-md: 1.25rem;--font-size-lg: 1.40625rem;--font-size-xl: 1.5625rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.5rem;--spacing-xs: .3125rem;--spacing-sm: .625rem;--spacing-md: 1.25rem;--spacing-lg: 1.875rem;--spacing-xl: 2.5rem;--spacing-2xl: 3.75rem}html[data-a11y~=scale-large] *{line-height:1.6}html[data-a11y~=scale-large] .icon.w-2{width:.625rem;height:.625rem}html[data-a11y~=scale-large] .icon.w-4{width:1.25rem;height:1.25rem}html[data-a11y~=scale-large] .icon.w-6{width:1.875rem;height:1.875rem}html[data-a11y~=scale-large] .icon.w-8{width:2.5rem;height:2.5rem}html[data-a11y~=dyslexia-font]{font-family:OpenDyslexic,Comic Sans MS,Trebuchet MS,Verdana,sans-serif;letter-spacing:.05em;line-height:1.6}html[data-a11y~=dyslexia-font] *,html[data-a11y~=dyslexia-font] h1,html[data-a11y~=dyslexia-font] h2,html[data-a11y~=dyslexia-font] h3,html[data-a11y~=dyslexia-font] h4,html[data-a11y~=dyslexia-font] h5,html[data-a11y~=dyslexia-font] h6,html[data-a11y~=dyslexia-font] p,html[data-a11y~=dyslexia-font] span,html[data-a11y~=dyslexia-font] div,html[data-a11y~=dyslexia-font] li,html[data-a11y~=dyslexia-font] td,html[data-a11y~=dyslexia-font] th{font-family:inherit;letter-spacing:inherit}html[data-a11y~=dyslexia-font] code,html[data-a11y~=dyslexia-font] pre,html[data-a11y~=dyslexia-font] .font-mono,html[data-a11y~=dyslexia-font] [class*=mono]{font-family:var(--font-mono);letter-spacing:.02em}html[data-a11y~=links-always-underline] a{text-decoration:underline!important;text-underline-offset:.2em;text-decoration-thickness:1px}html[data-a11y~=links-always-underline] a:hover{text-decoration-thickness:2px}html[data-a11y~=links-always-underline] a[role=button],html[data-a11y~=links-always-underline] a.btn,html[data-a11y~=links-always-underline] a.button{text-decoration:none!important}html[data-a11y~=no-icons] .icon:not([aria-label]):not([role]):not([aria-hidden=false]){display:none!important}html[data-a11y~=no-icons] .bg-pattern,html[data-a11y~=no-icons] .decorative-bg{background-image:none!important}html[data-a11y~=no-icons] button:not([aria-label]):has(.icon:only-child):after{content:attr(title);margin-left:var(--spacing-xs)}html[data-a11y~=focus-enhanced] :focus-visible{outline:3px solid var(--color-primary)!important;outline-offset:3px!important;border-radius:var(--radius-sm);box-shadow:0 0 0 1px var(--bg-primary),0 0 0 4px var(--color-primary)!important}html[data-a11y~=focus-enhanced] input:focus-visible,html[data-a11y~=focus-enhanced] textarea:focus-visible,html[data-a11y~=focus-enhanced] select:focus-visible{box-shadow:0 0 0 1px var(--bg-primary),0 0 0 4px var(--color-primary),inset 0 0 0 2px var(--color-primary)!important}html[data-a11y~=focus-enhanced] [role=button]:focus-visible,html[data-a11y~=focus-enhanced] [role=switch]:focus-visible,html[data-a11y~=focus-enhanced] [role=checkbox]:focus-visible,html[data-a11y~=focus-enhanced] [role=radio]:focus-visible{outline:3px solid var(--color-primary)!important;outline-offset:2px!important}html[data-a11y~=focus-enhanced] .skip-link:focus{position:absolute!important;top:var(--spacing-md)!important;left:var(--spacing-md)!important;z-index:9999!important;padding:var(--spacing-sm) var(--spacing-md)!important;background:var(--bg-secondary)!important;border:2px solid var(--color-primary)!important;border-radius:var(--radius-sm)!important;color:var(--text-primary)!important;text-decoration:none!important;font-weight:600;box-shadow:var(--shadow-lg)!important}@media (prefers-reduced-motion: reduce){html:not([data-a11y~=reduce-motion]) *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (prefers-contrast: high){html:not([data-a11y~=contrast-high]){filter:contrast(1.1) brightness(1.02)}}@media (prefers-reduced-data: reduce){html .bg-pattern,html .decorative-bg{background-image:none!important}}@media (prefers-color-scheme: dark){html[data-a11y~=dark-contrast-high]{--bg-primary: #000000;--text-primary: #ffffff}}@media print{html[data-a11y]{filter:none!important}html[data-a11y] *{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}html[data-a11y] a:after{content:" (" attr(href) ")";font-size:.8em;color:#666}html[data-a11y] .icon:not([aria-label]){display:none!important}}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.sr-only-focusable:focus{position:static!important;width:auto!important;height:auto!important;padding:inherit!important;margin:inherit!important;overflow:visible!important;clip:auto!important;white-space:inherit!important}.skip-link{position:absolute;top:-40px;left:6px;background:var(--bg-primary);color:var(--text-primary);padding:8px;border:1px solid var(--border-primary);border-radius:var(--radius-sm);text-decoration:none;z-index:1000;transition:top .3s}.skip-link:focus{top:6px}.burger-menu.svelte-mnhscq{position:relative;display:block}.burger-button.svelte-mnhscq{flex-direction:column;padding:.25rem}.burger-line.svelte-mnhscq{width:1rem;height:2px;background-color:var(--text-secondary);border-radius:1px;transition:all var(--transition-fast);transform-origin:center}.burger-line.svelte-mnhscq:nth-child(1){margin-bottom:3px}.burger-line.svelte-mnhscq:nth-child(2){margin-bottom:3px}.burger-button.active.svelte-mnhscq .burger-line:where(.svelte-mnhscq):nth-child(1){transform:translateY(5px) rotate(45deg)}.burger-button.active.svelte-mnhscq .burger-line:where(.svelte-mnhscq):nth-child(2){opacity:0}.burger-button.active.svelte-mnhscq .burger-line:where(.svelte-mnhscq):nth-child(3){transform:translateY(-5px) rotate(-45deg)}.menu-overlay.svelte-mnhscq{position:fixed;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;animation:svelte-mnhscq-fadeIn var(--transition-medium) cubic-bezier(.4,0,.2,1) forwards}.menu-content.svelte-mnhscq{position:fixed;top:0;right:-100%;width:min(90vw,400px);height:100vh;background-color:var(--bg-primary);border-left:1px solid var(--border-primary);box-shadow:var(--shadow-xl);z-index:999;overflow-y:auto;transition:right var(--transition-medium) cubic-bezier(.4,0,.2,1)}@media (max-width: 480px){.menu-content.open.svelte-mnhscq{width:100%}}.menu-content.open.svelte-mnhscq{right:0}.menu-content.open.svelte-mnhscq .menu-item:where(.svelte-mnhscq){animation:svelte-mnhscq-slideInFromRight .3s cubic-bezier(.4,0,.2,1) forwards}.menu-content.open.svelte-mnhscq .menu-section:where(.svelte-mnhscq):nth-child(1) .menu-item:where(.svelte-mnhscq){animation-delay:.1s}.menu-content.open.svelte-mnhscq .menu-section:where(.svelte-mnhscq):nth-child(2) .menu-item:where(.svelte-mnhscq){animation-delay:.15s}.menu-content.open.svelte-mnhscq .menu-section:where(.svelte-mnhscq):nth-child(3) .menu-item:where(.svelte-mnhscq){animation-delay:.2s}.menu-content.open.svelte-mnhscq .menu-section:where(.svelte-mnhscq):nth-child(4) .menu-item:where(.svelte-mnhscq){animation-delay:.25s}.menu-content.open.svelte-mnhscq .menu-section:where(.svelte-mnhscq):nth-child(5) .menu-item:where(.svelte-mnhscq){animation-delay:.3s}.menu-header.svelte-mnhscq{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.menu-header.svelte-mnhscq .home-link:where(.svelte-mnhscq){display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none}.menu-header.svelte-mnhscq .home-link:where(.svelte-mnhscq) .icon{color:var(--text-primary)}.menu-header.svelte-mnhscq .home-link:where(.svelte-mnhscq) h2:where(.svelte-mnhscq){font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.close-button.svelte-mnhscq{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;cursor:pointer;border-radius:var(--radius-md);color:var(--text-secondary);transition:all var(--transition-fast);padding:0}.close-button.svelte-mnhscq:hover{background-color:var(--surface-hover);color:var(--text-primary)}.close-button.svelte-mnhscq:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu-sections.svelte-mnhscq{padding:var(--spacing-md)}.menu-section.svelte-mnhscq{margin-bottom:var(--spacing-xl)}.menu-section.svelte-mnhscq:last-child{margin-bottom:var(--spacing-lg)}.section-title.svelte-mnhscq{text-decoration:none}.section-title.svelte-mnhscq h3:where(.svelte-mnhscq){display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;color:var(--color-primary);margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-secondary)}.menu-group.svelte-mnhscq{margin-bottom:var(--spacing-lg)}.menu-group.svelte-mnhscq:last-child{margin-bottom:0}.group-title.svelte-mnhscq{font-size:var(--font-size-sm);font-weight:500;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.5px}.group-items.svelte-mnhscq,.section-items.svelte-mnhscq{list-style:none;padding:0;margin:0}.menu-item.svelte-mnhscq{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);text-decoration:none;color:var(--text-primary);border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:var(--spacing-xs);opacity:0;transform:translate(20px)}.menu-item.svelte-mnhscq:hover{background-color:var(--surface-hover);color:var(--color-primary);transform:translate(4px)}.menu-item.svelte-mnhscq:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.menu-item.active.svelte-mnhscq{background-color:var(--color-primary);color:var(--bg-primary);font-weight:600;transform:translate(4px)}.menu-item.active.svelte-mnhscq .icon{color:var(--bg-primary)}.menu-item.active.svelte-mnhscq:hover{background-color:var(--color-primary);color:var(--bg-primary);transform:translate(6px)}.item-label.svelte-mnhscq{font-size:var(--font-size-sm);font-weight:500}@keyframes svelte-mnhscq-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-mnhscq-slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.menu-content.svelte-mnhscq{scroll-behavior:smooth}.menu-content.svelte-mnhscq{scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}.menu-content.svelte-mnhscq::-webkit-scrollbar{width:6px}.menu-content.svelte-mnhscq::-webkit-scrollbar-track{background:transparent}.menu-content.svelte-mnhscq::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:3px}.menu-content.svelte-mnhscq::-webkit-scrollbar-thumb:hover{background-color:var(--border-primary)}.external-links.svelte-mnhscq{padding:var(--spacing-md);border-top:1px solid var(--border-primary);font-size:var(--font-size-xs);color:var(--text-secondary);text-align:center;background:var(--bg-secondary)}.external-links.svelte-mnhscq .license:where(.svelte-mnhscq){font-size:.6rem;opacity:.5;margin-top:.5rem}.external-links.svelte-mnhscq .license:where(.svelte-mnhscq) a:where(.svelte-mnhscq){color:var(--color-primary);text-decoration:none}.external-links.svelte-mnhscq .license:where(.svelte-mnhscq) a:where(.svelte-mnhscq):hover{text-decoration:underline}.external-links.svelte-mnhscq .about-links:where(.svelte-mnhscq){font-size:var(--font-size-sm)}.external-links.svelte-mnhscq .about-links:where(.svelte-mnhscq) a:where(.svelte-mnhscq){color:var(--color-primary);text-decoration:none}.external-links.svelte-mnhscq .about-links:where(.svelte-mnhscq) a:where(.svelte-mnhscq):hover{text-decoration:underline}.top-nav.svelte-18wek9{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;justify-content:flex-end;overflow-x:hidden;overflow-y:visible}.top-nav.has-dropdowns.svelte-18wek9{overflow:visible}.nav-item.svelte-18wek9{position:relative;max-width:12rem;min-width:0;flex-shrink:0}.nav-link.svelte-18wek9{display:flex;align-items:center;gap:.25rem;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) .75rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease;width:100%;min-width:0}.nav-link.svelte-18wek9 .nav-text:where(.svelte-18wek9){min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.nav-link.svelte-18wek9 .dropdown-icon:where(.svelte-18wek9){opacity:.4;flex-shrink:0}.nav-link.svelte-18wek9:hover,.nav-link.dropdown-open.svelte-18wek9{color:var(--text-primary);background:var(--surface-hover)}.nav-link.svelte-18wek9:hover .dropdown-icon:where(.svelte-18wek9),.nav-link.dropdown-open.svelte-18wek9 .dropdown-icon:where(.svelte-18wek9){opacity:1}.nav-link.active.svelte-18wek9{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),transparent 90%)}.dropdown-icon.svelte-18wek9{transition:transform .2s ease}.has-dropdown.svelte-18wek9 .nav-link[aria-expanded=true]:where(.svelte-18wek9) .dropdown-icon:where(.svelte-18wek9){transform:rotate(180deg);opacity:1}.dropdown-container.svelte-18wek9{position:absolute;top:100%;left:0;z-index:5;overflow:visible;margin-top:var(--spacing-sm)}.primary-dropdown.svelte-18wek9{min-width:20rem;max-width:24rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);animation:svelte-18wek9-dropdown-enter .15s ease-out;transform-origin:top left;overflow:visible}@keyframes svelte-18wek9-dropdown-enter{0%{opacity:0;transform:scale(.95) translateY(-.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}.primary-content.svelte-18wek9{padding:.5rem;max-height:80vh;overflow-y:auto;overflow-x:visible;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-primary),transparent 10%) transparent}.dropdown-link.svelte-18wek9{display:flex;align-items:flex-start;flex-direction:column;gap:.5rem;padding:.5rem;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:background-color .15s ease}.dropdown-link.svelte-18wek9 svg{flex-shrink:0;opacity:.7;transition:all .2s ease}.dropdown-link.svelte-18wek9:hover{background:var(--surface-hover)}.dropdown-link.svelte-18wek9:hover svg{opacity:1;transform:scale(1.05);color:var(--color-primary)}.dropdown-link.active.svelte-18wek9{background:color-mix(in srgb,var(--color-primary),transparent 90%)}.dropdown-link.active.svelte-18wek9 .link-title:where(.svelte-18wek9){color:var(--color-primary)}.dropdown-link.active.svelte-18wek9 svg{opacity:1;color:var(--color-primary)}.link-content.svelte-18wek9{display:flex;align-items:center;gap:var(--spacing-sm)}.link-title.svelte-18wek9{font-weight:500;font-size:.875rem;line-height:1.25}.link-description.svelte-18wek9{font-size:.75rem;line-height:1.25;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nav-group.svelte-18wek9{overflow:visible}.nav-group.svelte-18wek9+.nav-group:where(.svelte-18wek9){margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--border-secondary)}.nav-group.svelte-18wek9:has(+.dropdown-link:where(.svelte-18wek9)){margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--border-secondary)}.nav-group.has-secondary.svelte-18wek9 .group-title:where(.svelte-18wek9),.nav-group.active.svelte-18wek9 .group-title:where(.svelte-18wek9){padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md)}.nav-group.has-secondary.svelte-18wek9{cursor:pointer}.nav-group.has-secondary.svelte-18wek9 .group-title:where(.svelte-18wek9){transition:background-color .15s ease}.nav-group.has-secondary.svelte-18wek9 .group-title:where(.svelte-18wek9):hover{background:var(--surface-hover)}.nav-group.dropdown-open.svelte-18wek9 .group-title:where(.svelte-18wek9){transition:background-color none;background:var(--surface-hover)}.nav-group.active.svelte-18wek9 .group-title:where(.svelte-18wek9){color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),transparent 95%)}.group-title.svelte-18wek9{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:.25rem .5rem .5rem;display:flex;align-items:center;justify-content:space-between}.secondary-icon.svelte-18wek9{transition:transform .2s ease;opacity:.7}.has-secondary.svelte-18wek9:hover .secondary-icon:where(.svelte-18wek9){transform:translate(.125rem);opacity:1}.secondary-dropdown.svelte-18wek9{position:absolute;top:0;min-width:18rem;max-width:28rem;background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:6;animation:svelte-18wek9-secondary-enter .15s ease-out;pointer-events:auto;white-space:normal;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--color-primary),transparent 10%) transparent;left:calc(100% + .5rem);transform-origin:left center}@media (max-width: 1200px){.secondary-dropdown.svelte-18wek9{right:calc(100% + .5rem);left:auto;transform-origin:right center;animation:svelte-18wek9-secondary-enter-left .15s ease-out}}@keyframes svelte-18wek9-secondary-enter{0%{opacity:0;transform:scale(.95) translate(-.5rem)}to{opacity:1;transform:scale(1) translate(0)}}@keyframes svelte-18wek9-secondary-enter-left{0%{opacity:0;transform:scale(.95) translate(.5rem)}to{opacity:1;transform:scale(1) translate(0)}}.secondary-content.svelte-18wek9{padding:.5rem}@media (max-width: 768px){.top-nav.svelte-18wek9{display:none}}.settings-menu.svelte-1dq1q41{position:relative}.settings-trigger.svelte-1dq1q41 svg{transition:transform var(--transition-normal)}.settings-trigger.svelte-1dq1q41:hover svg{transform:rotate(45deg)}.settings-trigger[aria-expanded=true].svelte-1dq1q41{background:var(--surface-active);color:var(--color-primary);border-color:var(--color-primary)}.settings-trigger[aria-expanded=true].svelte-1dq1q41 svg{transform:rotate(45deg)}.shortcuts-backdrop.svelte-1pioj2z{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:svelte-1pioj2z-fadeIn .15s ease-out}@media (max-width: 768px){.shortcuts-backdrop.svelte-1pioj2z{padding:0;align-items:stretch;background:var(--bg-primary)}}.shortcuts-dialog.svelte-1pioj2z{background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:32rem;width:100%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:svelte-1pioj2z-slideInScale .2s ease-out;min-height:548px}@media (max-width: 768px){.shortcuts-dialog.svelte-1pioj2z{max-width:100%;height:100vh;height:100dvh;max-height:none;border-radius:0;border:none;box-shadow:none;animation:svelte-1pioj2z-slideInFromBottom var(--transition-normal);min-height:auto}}.dialog-header.svelte-1pioj2z{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.dialog-header.svelte-1pioj2z .dialog-header-main:where(.svelte-1pioj2z){display:flex;width:100%;padding-right:var(--spacing-sm);align-items:center;justify-content:space-between}@media (max-width: 768px){.dialog-header.svelte-1pioj2z{padding:var(--spacing-md);position:sticky;top:0;background:var(--bg-primary);z-index:10;box-shadow:0 1px 3px #0000001a}}.dialog-header.svelte-1pioj2z h2:where(.svelte-1pioj2z){font-size:var(--font-size-lg);font-weight:600;color:var(--text-primary);margin:0}.close-btn.svelte-1pioj2z{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.close-btn.svelte-1pioj2z{padding:var(--spacing-sm)}}.close-btn.svelte-1pioj2z:hover{background:var(--bg-tertiary);color:var(--text-primary)}.shortcuts-content.svelte-1pioj2z{padding:var(--spacing-md) var(--spacing-lg);overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media (max-width: 768px){.shortcuts-content.svelte-1pioj2z{padding:var(--spacing-md);flex:1;-webkit-overflow-scrolling:touch}}.shortcuts-category.svelte-1pioj2z h3:where(.svelte-1pioj2z){font-size:var(--font-size-sm);font-weight:600;color:var(--text-secondary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.05em}.shortcuts-category.svelte-1pioj2z ul:where(.svelte-1pioj2z){list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.shortcuts-category.svelte-1pioj2z li:where(.svelte-1pioj2z){display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xs) 0}.shortcuts-category.svelte-1pioj2z li:where(.svelte-1pioj2z) kbd:where(.svelte-1pioj2z){display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-primary);box-shadow:0 1px 2px #0000001a;min-width:5rem;text-align:center;white-space:nowrap}.shortcuts-category.svelte-1pioj2z li:where(.svelte-1pioj2z) span:where(.svelte-1pioj2z){flex:1;font-size:var(--font-size-sm);color:var(--text-primary)}.no-bookmarks-tip.svelte-1pioj2z{display:flex;flex-direction:column;font-size:var(--font-size-sm);color:var(--text-secondary);margin-top:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary);padding:var(--spacing-sm) var(--spacing-md)}.no-bookmarks-tip.svelte-1pioj2z i:where(.svelte-1pioj2z){opacity:.8}.bookmarks-details.svelte-1pioj2z{margin-top:var(--spacing-sm);border:1px solid var(--border-primary);border-radius:var(--radius-sm);background:var(--bg-secondary)}.bookmarks-details.svelte-1pioj2z summary:where(.svelte-1pioj2z){padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:var(--text-primary);-webkit-user-select:none;user-select:none;transition:background var(--transition-fast)}.bookmarks-details.svelte-1pioj2z summary:where(.svelte-1pioj2z):hover{background:var(--bg-tertiary)}.bookmarks-details.svelte-1pioj2z summary:where(.svelte-1pioj2z)::marker{color:var(--color-primary)}.bookmarks-details.svelte-1pioj2z .bookmarks-list:where(.svelte-1pioj2z){list-style:none;padding:0 var(--spacing-md) var(--spacing-sm);margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.bookmarks-details.svelte-1pioj2z .bookmarks-list:where(.svelte-1pioj2z) li:where(.svelte-1pioj2z){display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-xs) 0}.bookmarks-details.svelte-1pioj2z .bookmarks-list:where(.svelte-1pioj2z) li:where(.svelte-1pioj2z) kbd:where(.svelte-1pioj2z){display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-family:var(--font-mono);color:var(--color-primary);box-shadow:0 1px 2px #0000001a;min-width:4rem;text-align:center;white-space:nowrap}.bookmarks-details.svelte-1pioj2z .bookmarks-list:where(.svelte-1pioj2z) li:where(.svelte-1pioj2z) span:where(.svelte-1pioj2z){flex:1;font-size:var(--font-size-sm);color:var(--text-secondary)}.about-content.svelte-1pioj2z{padding:var(--spacing-md) var(--spacing-lg)}.about-content.svelte-1pioj2z p:where(.svelte-1pioj2z){color:var(--text-primary);font-size:var(--font-size-md)}.about-content.svelte-1pioj2z .sponsor:where(.svelte-1pioj2z){font-size:var(--font-size-xs);color:var(--color-pink);background:color-mix(in srgb,var(--color-pink),transparent 90%);padding:var(--spacing-sm);border-radius:var(--radius-sm);border:2px solid var(--color-pink);display:flex;align-items:center;gap:var(--spacing-sm);margin:var(--spacing-md) auto;opacity:0;animation:svelte-1pioj2z-fadeIn 1s ease-out 10s forwards}.about-content.svelte-1pioj2z .sponsor:where(.svelte-1pioj2z) a:where(.svelte-1pioj2z){color:var(--color-pink);text-decoration:underline}.about-content.svelte-1pioj2z .about-license-section:where(.svelte-1pioj2z){font-size:var(--font-size-xs);text-align:center;color:var(--text-secondary)}.about-content.svelte-1pioj2z .about-license-section:where(.svelte-1pioj2z) a:where(.svelte-1pioj2z){color:var(--text-secondary);text-decoration:underline}.about-content.svelte-1pioj2z ul:where(.svelte-1pioj2z){padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0}.about-content.svelte-1pioj2z ul:where(.svelte-1pioj2z) li:where(.svelte-1pioj2z) a:where(.svelte-1pioj2z){color:var(--color-primary);text-decoration:underline}@keyframes svelte-1pioj2z-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-1pioj2z-slideInScale{0%{opacity:0;transform:scale(.95) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes svelte-1pioj2z-slideInFromBottom{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.header-content.svelte-513jtz{display:flex;align-items:center;justify-content:space-between;min-width:0}@media (max-width: 480px){.header-content.svelte-513jtz{flex-direction:column;gap:var(--spacing-md)}}.logo.svelte-513jtz{min-width:15rem;flex-shrink:0;background:var(--bg-secondary);z-index:1}.logo.svelte-513jtz .logo-image:where(.svelte-513jtz){width:2.5rem;height:2.5rem;object-fit:contain;display:block}.header-actions.svelte-513jtz{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1;justify-content:end}.header-buttons.svelte-513jtz{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.sub-nav.svelte-6ac1ft{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);padding:var(--spacing-sm) 0;display:none}@media (max-width: 768px){.sub-nav.svelte-6ac1ft{display:none}}.sub-nav-links.svelte-6ac1ft{display:flex;gap:var(--spacing-md);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.sub-nav-links.svelte-6ac1ft::-webkit-scrollbar{height:4px}.sub-nav-links.svelte-6ac1ft::-webkit-scrollbar-track{background:transparent}.sub-nav-links.svelte-6ac1ft::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}.sub-nav-links.svelte-6ac1ft::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.sub-nav-link.svelte-6ac1ft{padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.sub-nav-link.svelte-6ac1ft:hover{color:var(--color-primary);background-color:var(--surface-hover)}.sub-nav-link.active.svelte-6ac1ft{color:var(--color-primary);background-color:var(--surface-hover);font-weight:500}.mixed-nav.svelte-6ac1ft{display:flex;gap:var(--spacing-md);align-items:flex-start;overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--border-primary) transparent}.mixed-nav.svelte-6ac1ft::-webkit-scrollbar{height:4px}.mixed-nav.svelte-6ac1ft::-webkit-scrollbar-track{background:transparent}.mixed-nav.svelte-6ac1ft::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:var(--radius-sm)}.mixed-nav.svelte-6ac1ft::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.nav-group.svelte-6ac1ft{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0}.group-title.svelte-6ac1ft{font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap}.group-links.svelte-6ac1ft{display:flex;gap:var(--spacing-md);flex-shrink:0}@media (max-width: 768px){.sub-nav-links.svelte-6ac1ft,.mixed-nav.svelte-6ac1ft,.group-links.svelte-6ac1ft{gap:var(--spacing-sm)}}.footer.svelte-1qkhvpx{text-align:center;padding:var(--spacing-sm) var(--spacing-lg);border-top:1px solid var(--border-primary);margin-top:var(--spacing-xl);display:flex;width:100%;justify-content:space-between;flex-wrap:wrap;flex-direction:row-reverse;margin:0 auto}@media (max-width: 800px){.footer.svelte-1qkhvpx{justify-content:center}}.footer.svelte-1qkhvpx p:where(.svelte-1qkhvpx){color:var(--text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.footer.svelte-1qkhvpx .footer-sub:where(.svelte-1qkhvpx){font-size:var(--font-size-xs)!important;opacity:.8}.footer.svelte-1qkhvpx a:where(.svelte-1qkhvpx){color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}.footer.svelte-1qkhvpx a:where(.svelte-1qkhvpx):hover{color:var(--color-primary-light);text-decoration:underline}.offline-indicator.svelte-1w6z7de{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:color-mix(in srgb,var(--color-warning),transparent 85%);border-bottom:1px solid color-mix(in srgb,var(--color-warning),transparent 70%);color:var(--color-warning);animation:svelte-1w6z7de-slideDown .3s ease-out;-webkit-backdrop-filter:blur(12px) saturate(120%);backdrop-filter:blur(12px) saturate(120%)}.offline-indicator.error.svelte-1w6z7de{background:color-mix(in srgb,var(--color-error),transparent 85%);border-bottom-color:color-mix(in srgb,var(--color-error),transparent 70%);color:var(--color-error)}.offline-indicator.svelte-1w6z7de a:where(.svelte-1w6z7de){color:inherit;text-decoration:underline;font-weight:500}.offline-indicator.svelte-1w6z7de a:where(.svelte-1w6z7de):hover{text-decoration:none}.offline-indicator.svelte-1w6z7de button:where(.svelte-1w6z7de){background:none;border:none;color:inherit;cursor:pointer;padding:var(--spacing-2xs);border-radius:var(--radius-sm);margin-left:auto;transition:background-color .2s}.offline-indicator.svelte-1w6z7de button:where(.svelte-1w6z7de):hover{background:color-mix(in srgb,currentColor,transparent 85%)}@keyframes svelte-1w6z7de-slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 768px){.offline-indicator.svelte-1w6z7de{font-size:.85rem;padding:var(--spacing-sm)}}main.svelte-tih6yf{max-width:1200px;min-height:76vh;margin:1.5rem auto 1rem;padding:0 var(--spacing-md);margin:1rem auto;background:var(--bg-primary);padding:var(--spacing-lg) var(--spacing-md)}
