:root{--space-xxs: clamp(2px, .5vw, 4px);--space-xs: clamp(4px, 1vw, 8px);--space-sm: clamp(8px, 1.5vw, 12px);--space-md: clamp(16px, 2vw, 24px);--space-lg: clamp(24px, 3vw, 32px);--space-xl: clamp(32px, 5vw, 64px);--sidebar-width: 280px}.container-fluid{width:100%;padding-right:var(--space-md);padding-left:var(--space-md);margin-right:auto;margin-left:auto}.mobile-only,.tablet-down{display:none!important}.desktop-only{display:flex!important}@media(max-width:639.98px){.mobile-only{display:flex!important}.desktop-only{display:none!important}.container-fluid{padding-left:var(--space-sm);padding-right:var(--space-sm)}h1{font-size:1.75rem!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}}@media(max-width:1024px){.tablet-down{display:flex!important}.desktop-sidebar-open{margin-left:0!important}.sidebar-fixed{transform:translate(-100%);box-shadow:5px 0 15px #0000004d}}@media(min-width:1025px){.mobile-only{display:none!important}.desktop-only{display:flex!important}.sidebar-fixed{transform:translate(0)!important}.desktop-sidebar-open{margin-left:var(--sidebar-width)!important}}@media(min-width:1921px){:root{--space-md: 32px;--sidebar-width: 320px}body{font-size:18px}main{max-width:2400px!important}}.smart-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;padding:2.5rem;background:var(--bg-panel);border:1px solid var(--primary);box-shadow:0 20px 80px #0009;z-index:9999;animation:fadeInUp .4s cubic-bezier(.16,1,.3,1);max-width:500px;width:90%;border-radius:var(--radius-lg)}@keyframes fadeInUp{0%{transform:translate(-50%,-40%);opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.smart-toast .icon-area{display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--bg-app);border-radius:50%;margin-bottom:.5rem}.smart-toast .content-area{flex:unset;width:100%}.smart-toast .title{font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;color:var(--accent);font-weight:700;margin-bottom:.5rem}.smart-toast .desc{font-size:1.2rem;color:var(--text-main);line-height:1.4}.smart-toast .actions{display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;margin-top:.5rem}.smart-toast .btn-go{display:flex;align-items:center;gap:8px;background:var(--primary);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s}.smart-toast .btn-go:hover{filter:brightness(1.1);transform:translateY(-2px)}.smart-toast .btn-close{position:absolute;top:1rem;right:1rem;background:transparent;color:var(--text-muted);border:none;padding:8px;cursor:pointer;display:flex;align-items:center;border-radius:6px}.smart-toast .btn-close:hover{background:#ffffff1a;color:var(--text-main)}:root{--hue: 250;--bg-app: hsl(var(--hue), 20%, 8%);--bg-panel: hsl(var(--hue), 25%, 12%);--bg-card: hsla(var(--hue), 25%, 15%, .6);--text-main: hsl(var(--hue), 10%, 95%);--text-muted: hsl(var(--hue), 10%, 80%);--text-dim: hsl(var(--hue), 10%, 65%);--primary: hsl(var(--hue), 90%, 65%);--primary-glow: hsla(var(--hue), 90%, 65%, .4);--accent: hsl(280, 90%, 60%);--border: hsla(var(--hue), 20%, 80%, .1);--border-hover: hsla(var(--hue), 20%, 80%, .2);--glass-bg: hsla(var(--hue), 25%, 12%, .5);--glass-border: hsla(var(--hue), 20%, 90%, .1);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .3);--backdrop-blur: 12px;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--font-family: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}:root[data-theme=light]{--bg-app: hsl(var(--hue), 15%, 96%);--bg-panel: hsl(var(--hue), 12%, 100%);--bg-card: hsla(var(--hue), 15%, 100%, .8);--text-main: hsl(var(--hue), 30%, 12%);--text-muted: hsl(var(--hue), 15%, 40%);--text-dim: hsl(var(--hue), 10%, 55%);--primary: hsl(var(--hue), 80%, 50%);--primary-glow: hsla(var(--hue), 80%, 50%, .15);--border: hsla(var(--hue), 20%, 20%, .12);--border-hover: hsla(var(--hue), 20%, 20%, .25);--glass-bg: hsla(var(--hue), 15%, 100%, .7);--glass-border: hsla(var(--hue), 20%, 20%, .08);--glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, .08)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);line-height:1.6;min-height:100vh;font-size:clamp(14px,1vw + .5rem,16px);background-image:radial-gradient(circle at 10% 20%,hsla(var(--hue),80%,20%,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,hsla(280,80%,20%,.15) 0%,transparent 40%);background-size:150% 150%;transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--backdrop-blur));-webkit-backdrop-filter:blur(var(--backdrop-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.text-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}input,textarea,select{width:100%;padding:var(--space-md);background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-main);font-family:inherit;font-size:1rem;transition:all .2s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}select option{background-color:var(--bg-panel);color:var(--text-main)}textarea{min-height:120px;font-family:var(--font-mono);font-size:.9rem;resize:vertical}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.split-pane{display:grid;grid-template-columns:1fr;gap:var(--space-md);min-height:0;flex:1}@media(min-width:1025px){.split-pane{grid-template-columns:1fr 1fr}}.nav-item-wrapper .fav-btn{opacity:0;transition:opacity .2s ease}@media(hover:hover){.nav-item-wrapper:hover .fav-btn{opacity:1!important}}.nav-item-wrapper .fav-btn.active,.nav-item-wrapper .fav-btn:focus{opacity:1!important}@media(hover:none){.nav-item-wrapper .fav-btn{opacity:.7}}