@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 .icon{display:flex}.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}.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)}.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}}.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}.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}.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}.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}}.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)}.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)}:root{--bg-primary: #ffffff;--bg-secondary: #f6f9fc;--bg-tertiary: #ebebeb;--text-primary: #2e3438;--text-secondary: #5c6870;--text-tertiary: #999999;--color-primary: #ff4785;--color-primary-hover: #e83e7a;--color-primary-dark: #d43670;--color-success: #66bf3c;--color-success-light: #66bf3c;--color-warning: #e69d00;--color-warning-light: #e69d00;--color-error: #ff4400;--color-error-light: #ff4400;--color-info: #0088cc;--color-info-light: #0088cc;--color-purple: #7b61ff;--color-pink: #ff4785;--border-primary: #d6d8da;--border-secondary: #e8e8e8;--surface-hover: #f0f0f0;--surface-active: #e8e8e8;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 3px 8px rgba(0, 0, 0, .12);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .15);--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-scale: 1;--font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Helvetica Neue", sans-serif;--font-heading: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Noto Sans", Ubuntu, "Helvetica Neue", sans-serif;--font-mono: "Operator Mono", "Fira Code", "SF Mono", "Monaco", "Consolas", monospace;--font-size-2xs: calc(.6rem * var(--font-scale));--font-size-xs: calc(.75rem * var(--font-scale));--font-size-sm: calc(.875rem * var(--font-scale));--font-size-md: calc(1rem * var(--font-scale));--font-size-lg: calc(1.125rem * var(--font-scale));--font-size-xl: calc(1.25rem * var(--font-scale));--font-size-2xl: calc(1.5rem * var(--font-scale));--font-size-3xl: calc(2rem * var(--font-scale));--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}*,*:before,*:after{animation-duration:.01s!important;transition-duration:.01s!important}}.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}.action-button{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--bg-tertiary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-normal)}.action-button:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary)}.action-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}hr{border:none;border-top:1px solid var(--border-primary);margin:var(--spacing-md) 0 var(--spacing-lg)}.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)}.tabs .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)}.tabs .tab.active{background-color:var(--bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.form-group{margin-bottom:var(--spacing-md)}.form-group.inline{display:flex;align-items:end;gap:var(--spacing-sm)}.form-group.inline .form-field{flex:1}.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)}.info-panel h4{display:flex;align-items:center;gap:var(--spacing-xs)}.info-panel.success{border-color:var(--color-success);background:linear-gradient(135deg,color-mix(in srgb,var(--color-success),transparent 95%),color-mix(in srgb,var(--color-success),transparent 98%))}.info-panel.success h4{color:var(--color-success)}.info-panel.info{border-color:var(--color-info);background:linear-gradient(135deg,color-mix(in srgb,var(--color-info),transparent 95%),color-mix(in srgb,var(--color-info),transparent 98%))}.info-panel.info h4{color:var(--color-info)}.info-panel.warning{border-color:var(--color-warning);background:linear-gradient(135deg,color-mix(in srgb,var(--color-warning),transparent 95%),color-mix(in srgb,var(--color-warning),transparent 98%))}.info-panel.warning h4{color:var(--color-warning)}.info-panel.error{border-color:var(--color-error);background:linear-gradient(135deg,color-mix(in srgb,var(--color-error),transparent 95%),color-mix(in srgb,var(--color-error),transparent 98%))}.info-panel.error h4{color:var(--color-error)}.status{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:600;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.status.success{color:var(--color-success-light);background-color:#23863626}.status.error{color:var(--color-error-light);background-color:#da363326}.status.warning{color:var(--color-warning-light);background-color:#d2992226}.status.info{color:var(--color-info-light);background-color:#0969da26}.loading{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.loading .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}.reference-card,.explainer-card,.info-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--spacing-md);transition:all var(--transition-fast)}.reference-card:not(.no-hover):not(.info-card),.explainer-card:not(.no-hover):not(.info-card),.info-card:not(.no-hover):not(.info-card){cursor:help}.reference-card:not(.no-hover):not(.info-card):hover,.explainer-card:not(.no-hover):not(.info-card):hover,.info-card:not(.no-hover):not(.info-card):hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--color-primary) 33%,transparent)}.explainer-card:not(.no-hover):hover{transform:translateY(-2px)}.explainer-card h4{color:var(--color-primary);font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);font-weight:600}.explainer-card p{color:var(--text-primary);font-size:var(--font-size-sm);line-height:1.6;margin:0}.form-field{min-width:250px}.form-field .field-input{position:relative;display:flex;align-items:center}.form-field .field-icon{position:absolute;right:var(--spacing-sm);top:50%;transform:translateY(-50%);pointer-events:none;opacity:.2}.form-field .field-error{color:var(--color-error-light);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);margin-bottom:0}.form-field .field-help{color:var(--color-success-light);font-size:var(--font-size-xs);margin-top:var(--spacing-xs);margin-bottom:0}.form-field .status-icon{width:1.25rem;height:1.25rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.form-field .status-icon svg{width:.75rem;height:.75rem;color:var(--bg-secondary)}.form-field .status-icon.success{background-color:var(--color-success)}.form-field .status-icon.error{background-color:var(--color-error)}.form-field .required{color:var(--color-error);margin-left:var(--spacing-xs)}@media(max-width:768px){.form-field{min-width:auto}}.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}.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}@media(max-width:768px){.info-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.value-copy{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.ip-value,.binary-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);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.ip-value.success,.binary-value.success{color:var(--color-success-light);background-color:#2386361a}.ip-value.error,.binary-value.error{color:var(--color-error-light);background-color:#da36331a}.ip-value.info,.binary-value.info{color:var(--color-info-light);background-color:#0969da1a}.ip-value.warning,.binary-value.warning{color:var(--color-warning-light);background-color:#d299221a}.binary-value{font-size:var(--font-size-sm)}.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)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer}.checkbox-label input[type=checkbox]{appearance:none;width:.75rem;height:.75rem;padding:.75rem;border:2px solid var(--border-primary);border-radius:var(--radius-xs);background-color:var(--bg-primary);transition:all var(--transition-fast);flex-shrink:0;position:relative}.checkbox-label input[type=checkbox]:hover{border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:focus{outline:2px solid color-mix(in srgb,var(--color-primary),transparent 70%);outline-offset:2px}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--bg-primary);font-size:1rem;font-weight:700;line-height:1}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label .checkbox-text{display:flex;align-items:center;gap:var(--spacing-xs)}.checkbox-label .checkbox-text :global(.tooltip-trigger){color:var(--text-secondary);opacity:.7}.checkbox-label .checkbox-text :global(.tooltip-trigger):hover{opacity:1}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}.top-nav.svelte-1gypirx{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;justify-content:flex-end;overflow:visible}.nav-item.svelte-1gypirx{position:relative;max-width:12rem;min-width:0;flex-shrink:0}.nav-link.svelte-1gypirx{display:flex;align-items:center;gap:.25rem;padding:var(--spacing-sm) .75rem;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all .2s ease}.nav-link.svelte-1gypirx .nav-text:where(.svelte-1gypirx){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-link.svelte-1gypirx .dropdown-icon:where(.svelte-1gypirx){opacity:.4;flex-shrink:0}.nav-link.svelte-1gypirx:hover,.nav-link.dropdown-open.svelte-1gypirx{color:var(--text-primary);background:var(--surface-hover)}.nav-link.svelte-1gypirx:hover .dropdown-icon:where(.svelte-1gypirx),.nav-link.dropdown-open.svelte-1gypirx .dropdown-icon:where(.svelte-1gypirx){opacity:1}.nav-link.active.svelte-1gypirx{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),transparent 90%)}.has-dropdown.svelte-1gypirx .nav-link[aria-expanded=true]:where(.svelte-1gypirx) .dropdown-icon:where(.svelte-1gypirx){transform:rotate(180deg)}.dropdown-container.svelte-1gypirx{position:absolute;top:100%;left:0;z-index:5;margin-top:var(--spacing-sm)}.primary-dropdown.svelte-1gypirx{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-1gypirx-dropdown-enter .15s ease-out}@keyframes svelte-1gypirx-dropdown-enter{0%{opacity:0;transform:scale(.95) translateY(-.5rem)}to{opacity:1;transform:scale(1) translateY(0)}}.primary-content.svelte-1gypirx{padding:.5rem;max-height:80vh;overflow-y:auto}.dropdown-link.svelte-1gypirx{display:flex;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-1gypirx:hover{background:var(--surface-hover)}.dropdown-link.active.svelte-1gypirx{background:color-mix(in srgb,var(--color-primary),transparent 90%)}.dropdown-link.active.svelte-1gypirx .link-title:where(.svelte-1gypirx){color:var(--color-primary)}.link-content.svelte-1gypirx{display:flex;align-items:center;gap:var(--spacing-sm)}.link-title.svelte-1gypirx{font-weight:500;font-size:.875rem}.link-description.svelte-1gypirx{font-size:.75rem;color:var(--text-secondary);line-clamp:2}.nav-group-title.svelte-1gypirx{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs)}@media(max-width:768px){.top-nav.svelte-1gypirx{display:none}}.burger-menu.svelte-1kl3lk3{position:relative}.burger-trigger.svelte-1kl3lk3{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.5rem;height:2.5rem;padding:.5rem;background:none;border:none;cursor:pointer;border-radius:var(--radius-md)}@media(max-width:768px){.burger-trigger.svelte-1kl3lk3{display:flex}}.burger-trigger.svelte-1kl3lk3:hover{background:var(--surface-hover)}.burger-line.svelte-1kl3lk3{display:block;width:100%;height:2px;background:var(--text-primary);border-radius:1px;transition:all .2s ease}.burger-trigger.active.svelte-1kl3lk3 .burger-line:where(.svelte-1kl3lk3):nth-child(1){transform:rotate(45deg) translate(4px,4px)}.burger-trigger.active.svelte-1kl3lk3 .burger-line:where(.svelte-1kl3lk3):nth-child(2){opacity:0}.burger-trigger.active.svelte-1kl3lk3 .burger-line:where(.svelte-1kl3lk3):nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.mobile-nav.svelte-1kl3lk3{position:fixed;inset:0;background:var(--bg-primary);z-index:100;padding:var(--spacing-xl);overflow-y:auto;animation:svelte-1kl3lk3-slideIn .2s ease}@keyframes svelte-1kl3lk3-slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}.nav-section.svelte-1kl3lk3{margin-bottom:var(--spacing-lg)}.section-title.svelte-1kl3lk3{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--spacing-sm)}.nav-link.svelte-1kl3lk3{display:block;padding:var(--spacing-sm);color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);font-weight:500}.nav-link.svelte-1kl3lk3:hover{background:var(--surface-hover)}.nav-link.active.svelte-1kl3lk3{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary),transparent 90%)}.nav-link.sub.svelte-1kl3lk3{padding-left:var(--spacing-md);font-weight:400;font-size:var(--font-size-sm)}.nav-group-label.svelte-1kl3lk3{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);text-transform:uppercase;color:var(--text-tertiary);font-weight:600}.nav-footer.svelte-1kl3lk3{padding-top:var(--spacing-lg);border-top:1px solid var(--border-primary)}.nav-footer.svelte-1kl3lk3 p:where(.svelte-1kl3lk3){color:var(--text-tertiary);font-size:var(--font-size-xs)}.header.svelte-vyt7u6{border-bottom:1px solid #d6d8da;background:#fff;position:sticky;top:0;z-index:50}.header-inner.svelte-vyt7u6{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md);height:52px}.logo.svelte-vyt7u6{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;flex-shrink:0}.logo-img.svelte-vyt7u6{border-radius:6px}.logo-name.svelte-vyt7u6{font-weight:700;font-size:var(--font-size-md);color:#2e3438;letter-spacing:-.02em}.desktop-nav.svelte-vyt7u6{flex:1;display:flex;justify-content:center}.header-actions.svelte-vyt7u6{display:flex;align-items:center}@media(max-width:768px){.desktop-nav.svelte-vyt7u6{display:none}}.footer.svelte-7dtyhk{border-top:1px solid #d6d8da;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);text-align:center}.footer.svelte-7dtyhk p:where(.svelte-7dtyhk){color:#999;font-size:var(--font-size-xs);margin:0}.footer.svelte-7dtyhk a:where(.svelte-7dtyhk){color:#ff4785;text-decoration:none}.footer.svelte-7dtyhk a:where(.svelte-7dtyhk):hover{text-decoration:underline}main.svelte-12qhfyh{max-width:1200px;min-height:76vh;margin:0 auto;padding:var(--spacing-md);background:#fff}@media(max-width:480px){main.svelte-12qhfyh{padding:var(--spacing-sm)}}