@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.isolate{isolation:isolate}.container{width:100%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.table{display:table}.h-\[200px\]{height:200px}.h-full{height:100%}.max-h-\[400px\]{max-height:400px}.min-h-\[200px\]{min-height:200px}.w-full{width:100%}.flex-shrink{flex-shrink:1}.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.break-words{overflow-wrap:break-word}.whitespace-pre-wrap{white-space:pre-wrap}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}:root{--color-success:#1e7e34;--color-success-light:#d4edda;--color-bg:#fff;--color-text-primary:#1a1a1a;--color-text-secondary:#666;--color-border:#e5e5e5;--color-overlay:#0009;--font-serif:"Georgia","Garamond",serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}:root.dark{--color-bg:#1a1a1a;--color-text-primary:#fff;--color-text-secondary:#b0b0b0;--color-border:#333;--color-overlay:#000c}*{box-sizing:border-box}:root{--font-sans:"Inter","Noto Sans JP","Hiragino Sans","Yu Gothic",sans-serif;--font-mono:"JetBrains Mono","SF Mono","Monaco","Cascadia Code",Consolas,monospace;--font-display:"Orbitron",var(--font-sans);--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;font-weight:var(--font-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color:#fff;--text-color:#0f172a;--text-secondary:#334155;--surface-color:#f8f9fa;--border-color:#e5e7eb;--jd-cyan-50:#ecfeff;--jd-cyan-100:#cffafe;--jd-cyan-200:#a5f3fc;--jd-cyan-300:#67e8f9;--jd-cyan-400:#22d3ee;--jd-cyan-500:#00d4ff;--jd-cyan-600:#00b8d9;--jd-cyan-700:#0891b2;--jd-cyan-800:#0e7490;--jd-cyan-900:#155e75;--glass-bg:#ffffffd9;--glass-bg-hover:#ffffffeb;--glass-blur:12px;--glass-border:#00d4ff26;--glass-border-hover:#00d4ff4d;--glass-shadow:0 8px 32px #00d4ff26;--glass-shadow-hover:0 12px 40px #00d4ff40}.dark{--bg-color:#0a0a1a;--text-color:#e0e7ff;--text-secondary:#a0a0c0;--surface-color:#12121a;--border-color:#00ffff26;--cyber-bg:#0a0a1a;--cyber-surface:#12121a;--cyber-elevated:#1a1a2e;--cyber-card-bg:#0a0a1a;--neon-cyan:#0ff;--neon-glow:0 0 15px #0ff6;--neon-glow-strong:0 0 30px #00ffff80,0 0 60px #00ffff4d}body{background-color:var(--bg-color);min-width:320px;min-height:100vh;color:var(--text-color);margin:0;transition:background-color .3s,color .3s}#app{width:100%;min-height:100vh}.run-button{color:#fff;cursor:pointer;background:#28a745;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:background .2s}.run-button:hover:not(:disabled){background:#218838}.run-button:disabled{cursor:not-allowed;background:#6c757d}.reset-button{color:#fff;cursor:pointer;background:#6c757d;border:none;border-radius:.375rem;padding:.5rem 1rem;font-size:1rem;font-weight:500;transition:background .2s}.reset-button:hover{background:#5a6268}.problem-card{background:linear-gradient(135deg,var(--jd-cyan-100,#cffafe)0%,var(--jd-cyan-200,#a5f3fc)100%)!important;border:4px solid var(--jd-cyan-500,#00d4ff)!important;border-radius:16px!important;margin:16px 0!important;padding:24px!important;transition:all .3s!important;transform:translateY(-2px)!important;box-shadow:0 8px 25px #00d4ff4d,0 4px 12px #00d4ff33!important}.problem-card:hover{background:linear-gradient(135deg,var(--jd-cyan-200,#a5f3fc)0%,var(--jd-cyan-300,#67e8f9)100%)!important;border-color:var(--jd-cyan-600,#00b8d9)!important;transform:translateY(-4px)!important;box-shadow:0 12px 35px #00d4ff66,0 6px 15px #00d4ff4d!important}.problem-card h3{color:var(--jd-cyan-700,#0891b2)!important;text-shadow:0 1px 2px #00d4ff1a!important;font-weight:700!important}.dark .problem-card{background:var(--cyber-card-bg,#0a0a1a)!important;color:#e0e7ff!important;border:2px solid #00ffff4d!important;transform:translateY(0)!important;box-shadow:0 0 15px #0ff3,0 2px 8px #0000004d!important}.dark .problem-card:hover{border-color:#0ff9!important;box-shadow:0 0 20px #0ff6,0 0 30px #0ff3!important}.dark .problem-card h3{color:var(--neon-cyan,#0ff)!important}.dark-mode-label{color:#1a202c!important}.dark .dark-mode-label,html.dark .dark-mode-label{color:#f7fafc!important}.auth-title{color:#2d3748!important}.dark .auth-title,html.dark .auth-title,.dark h1,.dark h2,.dark h3,html.dark h1,html.dark h2,html.dark h3{color:#f7fafc!important}.dark .bg-white,html.dark .bg-white{background-color:#1e293b!important}.dark .problem-header,html.dark .problem-header,.dark [class*=problem-header],html.dark [class*=problem-header],.dark .explanation-content,html.dark .explanation-content,.dark [class*=explanation],html.dark [class*=explanation],.dark .bg-white.rounded-lg,.dark .bg-white.shadow-sm,html.dark .bg-white.rounded-lg,html.dark .bg-white.shadow-sm{color:#f8fafc!important;background-color:#1e293b!important;border-color:#475569!important}.dark .border-gray-200,html.dark .border-gray-200{border-color:#475569!important}.dark .text-gray-900,html.dark .text-gray-900{color:#f8fafc!important}.dark .text-gray-700,html.dark .text-gray-700{color:#e2e8f0!important}.dark .el-card,html.dark .el-card{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.dark .el-card__body,html.dark .el-card__body{background-color:var(--surface-color)!important;color:var(--text-color)!important}.dark .el-card__header,html.dark .el-card__header{background-color:var(--surface-color)!important;color:var(--text-color)!important;border-bottom-color:var(--border-color)!important}.dark .hierarchical-problem-list .el-card,html.dark .hierarchical-problem-list .el-card,.dark .search-filter .el-card,html.dark .search-filter .el-card{background-color:var(--surface-color)!important;border-color:var(--border-color)!important;color:var(--text-color)!important}.dark .hierarchical-problem-list .el-card__body,html.dark .hierarchical-problem-list .el-card__body,.dark .search-filter .el-card__body,html.dark .search-filter .el-card__body{background-color:var(--surface-color)!important;color:var(--text-color)!important}.dark .category-card .el-card,html.dark .category-card .el-card,.dark .category-card .el-card__body,html.dark .category-card .el-card__body{background-color:#0a0a1a!important}.dark .category-card .category-name,html.dark .category-card .category-name,.dark .category-card .category-description,html.dark .category-card .category-description,.dark .category-card .stat-label,html.dark .category-card .stat-label,.dark .category-card .stat-value,html.dark .category-card .stat-value{color:var(--text-color)!important}.dark .el-alert,html.dark .el-alert{background-color:var(--surface-color)!important;border-color:var(--border-color)!important}.dark .el-skeleton__item,html.dark .el-skeleton__item{background:linear-gradient(90deg,var(--surface-color)25%,#3d3d3d 50%,var(--surface-color)75%)!important}.dark .el-card .el-card__body *,html.dark .el-card .el-card__body *{color:var(--text-color)!important}.dark .bg-white,.dark [style*="background-color: white"],.dark [style*="background-color: #ffffff"],.dark [style*="background-color: #fff"],html.dark .bg-white,html.dark [style*="background-color: white"],html.dark [style*="background-color: #ffffff"],html.dark [style*="background-color: #fff"],.dark .problem-container,.dark .problem-header,.dark .problem-content-wrapper,.dark .left-pane,.dark .right-pane,html.dark .problem-container,html.dark .problem-header,html.dark .problem-content-wrapper,html.dark .left-pane,html.dark .right-pane,.dark .container,.dark .content,.dark .wrapper,.dark .panel,.dark .section,html.dark .container,html.dark .content,html.dark .wrapper,html.dark .panel,html.dark .section,.dark .bg-gray-50,.dark .bg-gray-100,html.dark .bg-gray-50,html.dark .bg-gray-100{background-color:var(--surface-color)!important;color:var(--text-color)!important}.dark input,.dark textarea,.dark select,html.dark input,html.dark textarea,html.dark select,.dark .category-detail-section,html.dark .category-detail-section{background-color:var(--surface-color)!important;color:var(--text-color)!important;border-color:var(--border-color)!important}.dark .category-detail-section *,html.dark .category-detail-section *{color:var(--text-color)!important}.dark .headline-section,html.dark .headline-section{background-color:var(--surface-color)!important;color:#e5e7eb!important}.dark .category-icon,html.dark .category-icon,.dark .problem-number-badge,html.dark .problem-number-badge{color:#93c5fd!important;background-color:#1e3a5f!important}.dark .el-progress-bar__outer,html.dark .el-progress-bar__outer{background-color:#1f2937!important}.dark .el-progress-bar__inner,html.dark .el-progress-bar__inner{background-color:#3b82f6!important}.code-editor,.code-block,pre code,.cm-editor,.cm-content,.cm-line{font-family:var(--font-mono);font-variant-ligatures:none;font-feature-settings:"liga" 0,"clig" 0}.dark .hero-title,html.dark .hero-title,.dark .cyber-heading,html.dark .cyber-heading{font-family:var(--font-display);color:var(--neon-cyan,#0ff);text-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d,0 0 30px #0ff3;letter-spacing:.05em}.glass-card h3{font-family:var(--font-sans);font-weight:var(--font-semibold);color:var(--jd-cyan-700,#0891b2)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);contain:layout style paint;will-change:transform;border-radius:16px;transition:all .3s}.glass-card:hover{background:var(--glass-bg-hover);border-color:var(--glass-border-hover);box-shadow:var(--glass-shadow-hover);transform:translateY(-4px)}.glass-header{background:linear-gradient(135deg,var(--jd-cyan-500)0%,var(--jd-cyan-700)100%);-webkit-backdrop-filter:blur(var(--glass-blur))}.dark .cyber-card,html.dark .cyber-card{background:var(--cyber-card-bg);border:1px solid var(--border-color);box-shadow:var(--neon-glow);border-radius:12px;transition:all .3s}.dark .cyber-card:hover,html.dark .cyber-card:hover{border-color:#0ff6;box-shadow:0 0 20px #0ff3}.dark .cyber-header,html.dark .cyber-header{background:linear-gradient(135deg,var(--cyber-bg)0%,var(--cyber-surface)100%);border-bottom:1px solid #0ff3}.dark .neon-text,html.dark .neon-text{color:var(--neon-cyan);text-shadow:0 0 10px #00ffff80}@keyframes glow-pulse{0%{filter:drop-shadow(0 0 5px #00ffff4d);box-shadow:0 0 10px #0ff3}to{filter:drop-shadow(0 0 10px #00ffff80);box-shadow:0 0 20px #0ff6}}.dark .glow-pulse,html.dark .glow-pulse{animation:3s ease-in-out infinite alternate glow-pulse}.dark .glow-pulse-fast,html.dark .glow-pulse-fast{animation:2s ease-in-out infinite alternate glow-pulse}.dark .logo-glow,html.dark .logo-glow{filter:drop-shadow(0 0 8px #00ffff80);animation:2s ease-in-out infinite alternate glow-pulse}.btn-jd-primary{background:linear-gradient(135deg,var(--jd-cyan-500)0%,var(--jd-cyan-700)100%);color:#fff;cursor:pointer;border:none;border-radius:10px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s;box-shadow:0 4px 15px #00d4ff4d}.btn-jd-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00d4ff66}.btn-jd-primary:disabled{opacity:.6;cursor:not-allowed}.dark .btn-jd-primary,html.dark .btn-jd-primary{border:1px solid var(--neon-cyan);color:var(--neon-cyan);background:linear-gradient(135deg,#1a1a3a,#22224a);box-shadow:0 0 10px #0ff3}.dark .btn-jd-primary:hover:not(:disabled),html.dark .btn-jd-primary:hover:not(:disabled){box-shadow:0 0 20px #0ff6}@media(prefers-reduced-motion:reduce){.glass-card,.cyber-card,.glow-pulse,.glow-pulse-fast,.logo-glow,.btn-jd-primary{transition:none!important;animation:none!important}}@media(prefers-contrast:more){.glass-card{-webkit-backdrop-filter:none;background:var(--bg-color);border:2px solid var(--text-color)}.dark .neon-text,html.dark .neon-text{text-shadow:none}.dark .glow-pulse,.dark .glow-pulse-fast,.dark .logo-glow,html.dark .glow-pulse,html.dark .glow-pulse-fast,html.dark .logo-glow{filter:none;animation:none}}.btn-jd-primary:focus-visible{box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--jd-cyan-400);outline:none}.dark .btn-jd-primary:focus-visible,html.dark .btn-jd-primary:focus-visible{box-shadow:0 0 0 2px var(--cyber-bg),0 0 0 4px var(--neon-cyan)}@media(max-width:768px){:root{--glass-blur:8px}.glass-card{-webkit-backdrop-filter:blur(8px)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}.jd-header{padding:1.5rem 2rem;margin-bottom:2rem;min-height:100px;display:block;background:var(--glass-bg, rgba(255, 255, 255, .85));backdrop-filter:blur(var(--glass-blur, 12px));-webkit-backdrop-filter:blur(var(--glass-blur, 12px));border-bottom:1px solid var(--glass-border, rgba(0, 212, 255, .15));box-shadow:var(--glass-shadow, 0 8px 32px rgba(0, 212, 255, .15))}.jd-header.cyber-header,html.dark .jd-header{background:var(--cyber-card-bg, linear-gradient(145deg, #1a1a3a 0%, #22224a 100%));-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid var(--neon-cyan, #00ffff);box-shadow:var(--neon-glow, 0 0 15px rgba(0, 255, 255, .4));animation:glow-pulse 3s ease-in-out infinite alternate}.header-logo-link{display:flex;align-items:center;text-decoration:none;transition:transform .2s ease;outline:none!important;outline-width:0!important;outline-color:transparent!important;box-shadow:none!important;border:none!important;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.header-logo-link:hover{transform:scale(1.02)}.header-logo-link:focus,.header-logo-link:active,.header-logo-link:focus-visible,.header-logo-link:focus-within,.header-logo-link:visited,.header-logo-link:link,a.header-logo-link,a.header-logo-link:focus,a.header-logo-link:active,a.header-logo-link:focus-visible{outline:none!important;outline-width:0!important;outline-color:transparent!important;outline-style:none!important;box-shadow:none!important;border:none!important;-webkit-tap-highlight-color:transparent!important}.header-logo{height:120px;width:auto;-o-object-fit:contain;object-fit:contain;outline:none!important;outline-width:0!important;outline-color:transparent!important;border:none!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent!important}.header-logo:focus,.header-logo:active,.header-logo:focus-visible,img.header-logo,img.header-logo:focus,img.header-logo:active{outline:none!important;outline-width:0!important;outline-color:transparent!important;outline-style:none!important;box-shadow:none!important;border:none!important;-webkit-tap-highlight-color:transparent!important}.header-logo.logo-glow{filter:drop-shadow(0 0 8px rgba(0,255,255,.5));animation:logo-glow-pulse 3s ease-in-out infinite alternate}@keyframes logo-glow-pulse{0%{filter:drop-shadow(0 0 5px rgba(0,255,255,.3))}to{filter:drop-shadow(0 0 12px rgba(0,255,255,.6))}}.header-logo{transition:filter .3s ease}html.dark .header-logo{filter:drop-shadow(0 0 8px rgba(0,255,255,.6)) drop-shadow(0 0 15px rgba(0,255,255,.4)) drop-shadow(0 0 25px rgba(0,255,255,.2));animation:neon-glow-pulse 3s ease-in-out infinite alternate}@keyframes neon-glow-pulse{0%{filter:drop-shadow(0 0 8px rgba(0,255,255,.4)) drop-shadow(0 0 15px rgba(0,255,255,.2)) drop-shadow(0 0 25px rgba(0,255,255,.1))}50%{filter:drop-shadow(0 0 15px rgba(0,255,255,.8)) drop-shadow(0 0 25px rgba(0,255,255,.6)) drop-shadow(0 0 35px rgba(0,255,255,.4))}to{filter:drop-shadow(0 0 8px rgba(0,255,255,.4)) drop-shadow(0 0 15px rgba(0,255,255,.2)) drop-shadow(0 0 25px rgba(0,255,255,.1))}}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-nav{display:flex;gap:1rem;align-items:center}.nav-link{color:var(--jd-cyan-700, #0891b2);text-decoration:none;padding:.5rem 1rem;border-radius:.5rem;transition:all .2s ease;font-weight:500;background:#00d4ff0d;border:1px solid transparent}.nav-link:hover{background:#00d4ff26;border-color:#00d4ff4d;color:var(--jd-cyan-600, #00b8d9)}.nav-link.router-link-active{background:#00d4ff33;border-color:var(--jd-cyan-500, #00d4ff);color:var(--jd-cyan-600, #00b8d9)}html.dark .nav-link{color:var(--neon-cyan, #00ffff);background:#00ffff0d}html.dark .nav-link:hover{background:#00ffff26;border-color:#0ff6;box-shadow:0 0 8px #0ff3}html.dark .nav-link.router-link-active{background:#0ff3;border-color:var(--neon-cyan, #00ffff);box-shadow:0 0 10px #00ffff4d}.theme-switcher{display:flex;align-items:center;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(0,212,255,.2)}.theme-btn{color:var(--jd-cyan-700, #0891b2);background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);padding:.5rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.theme-btn:hover{background:#00d4ff26;border-color:#00d4ff66;box-shadow:0 0 8px #00d4ff33}html.dark .theme-btn{color:var(--neon-cyan, #00ffff);background:#00ffff0d;border-color:#00ffff4d}html.dark .theme-btn:hover{background:#00ffff26;border-color:#00ffff80;box-shadow:0 0 10px #00ffff4d}.language-switcher{display:flex;gap:.25rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(0,212,255,.2)}.lang-btn{color:var(--jd-cyan-700, #0891b2);background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);padding:.25rem .75rem;border-radius:.5rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-weight:500}.lang-btn:hover{background:#00d4ff26;border-color:#00d4ff66}html.dark .lang-btn{color:var(--neon-cyan, #00ffff);background:#00ffff0d;border-color:#00ffff4d}html.dark .lang-btn:hover{background:#00ffff26;border-color:#00ffff80;box-shadow:0 0 8px #0ff3}.auth-nav{display:flex;align-items:center;gap:1rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(0,212,255,.2)}.user-info{color:var(--jd-cyan-800, #0e7490);font-size:.875rem;font-weight:500}html.dark .user-info{color:#0ffc}.nav-button{color:var(--jd-cyan-700, #0891b2);background:#00d4ff0d;border:1px solid rgba(0,212,255,.2);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500}.nav-button:hover{background:#00d4ff26;border-color:#00d4ff66}html.dark .nav-button{color:var(--neon-cyan, #00ffff);background:#00ffff0d;border-color:#00ffff4d}html.dark .nav-button:hover{background:#00ffff26;border-color:#00ffff80;box-shadow:0 0 8px #0ff3}@media(max-width:768px){.jd-header{padding:1rem}.header-content{flex-direction:column;align-items:center;gap:1rem}.header-nav{flex-wrap:wrap;justify-content:center}.header-logo{height:100px;order:-1}.theme-switcher,.language-switcher,.auth-nav{margin-left:0;padding-left:0;border-left:none;margin-top:.5rem}}main{max-width:1200px;margin:0 auto;padding:0 1rem}.auth-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,var(--jd-cyan-500, #00d4ff) 0%,var(--jd-cyan-700, #0891b2) 100%);color:#fff}html.dark .auth-loading{background:var(--cyber-bg, #0a0a1a);color:var(--neon-cyan, #00ffff)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}html.dark .loading-spinner{border:4px solid rgba(0,255,255,.2);border-top:4px solid var(--neon-cyan, #00ffff);box-shadow:0 0 15px #00ffff4d}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-loading p{font-size:1.1rem;font-weight:500;margin:0}.login-language-switcher{position:fixed;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;z-index:1000}.login-lang-btn{color:var(--jd-cyan-700, #0891b2);background:#ffffffe6;border:1px solid rgba(0,212,255,.3);padding:.5rem 1rem;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.login-lang-btn:hover{background:#00d4ff26;border-color:#00d4ff80;box-shadow:0 0 10px #00d4ff33}html.dark .login-lang-btn{color:var(--neon-cyan, #00ffff);background:#000000b3;border-color:#00ffff4d}html.dark .login-lang-btn:hover{background:#00ffff1a;border-color:#00ffff80;box-shadow:0 0 10px #00ffff4d}@media(prefers-reduced-motion:reduce){.jd-header.cyber-header,html.dark .jd-header,.header-logo.logo-glow{animation:none}}