@layer properties;.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{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:calc(infinity * 1px)}.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}.\[role\=\"dialog\"\]\:hidden:is(role="dialog"){display:none}:root{--color-success: #1e7e34;--color-success-light: #d4edda;--color-bg: #ffffff;--color-text-primary: #1a1a1a;--color-text-secondary: #666666;--color-border: #e5e5e5;--color-overlay: rgba(0, 0, 0, .6);--font-serif: "Georgia", "Garamond", serif;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root.dark{--color-bg: #1a1a1a;--color-text-primary: #ffffff;--color-text-secondary: #b0b0b0;--color-border: #333333;--color-overlay: rgba(0, 0, 0, .8)}*{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}:root{--bg-color: #ffffff;--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: rgba(255, 255, 255, .85);--glass-bg-hover: rgba(255, 255, 255, .92);--glass-blur: 12px;--glass-border: rgba(0, 212, 255, .15);--glass-border-hover: rgba(0, 212, 255, .3);--glass-shadow: 0 8px 32px rgba(0, 212, 255, .15);--glass-shadow-hover: 0 12px 40px rgba(0, 212, 255, .25)}.dark{--bg-color: #0a0a1a;--text-color: #e0e7ff;--text-secondary: #a0a0c0;--surface-color: #12121a;--border-color: rgba(0, 255, 255, .15);--cyber-bg: #0a0a1a;--cyber-surface: #12121a;--cyber-elevated: #1a1a2e;--cyber-card-bg: #0a0a1a;--neon-cyan: #00ffff;--neon-glow: 0 0 15px rgba(0, 255, 255, .4);--neon-glow-strong: 0 0 30px rgba(0, 255, 255, .5), 0 0 60px rgba(0, 255, 255, .3)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}#app{width:100%;min-height:100vh}.run-button{background:#28a745;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.run-button:hover:not(:disabled){background:#218838}.run-button:disabled{background:#6c757d;cursor:not-allowed}.reset-button{background:#6c757d;color:#fff;border:none;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;font-weight:500;cursor:pointer;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;box-shadow:0 8px 25px #00d4ff4d,0 4px 12px #00d4ff33!important;transform:translateY(-2px)!important;transition:all .3s ease!important;padding:24px!important;margin:16px 0!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;box-shadow:0 12px 35px #00d4ff66,0 6px 15px #00d4ff4d!important;transform:translateY(-4px)!important}.problem-card h3{color:var(--jd-cyan-700, #0891b2)!important;font-weight:700!important;text-shadow:0 1px 2px rgba(0,212,255,.1)!important}.dark .problem-card{background:var(--cyber-card-bg, #0a0a1a)!important;border:2px solid rgba(0,255,255,.3)!important;box-shadow:0 0 15px #0ff3,0 2px 8px #0000004d!important;color:#e0e7ff!important;transform:translateY(0)!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, #00ffff)!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{background-color:#1e293b!important;color:#f8fafc!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{background-color:#1e3a5f!important;color:#93c5fd!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, #00ffff);text-shadow:0 0 10px rgba(0,255,255,.5),0 0 20px rgba(0,255,255,.3),0 0 30px rgba(0,255,255,.2);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);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:16px;box-shadow:var(--glass-shadow);transition:all .3s ease;contain:layout style paint;will-change:transform}.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%);backdrop-filter:blur(var(--glass-blur));-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);border-radius:12px;box-shadow:var(--neon-glow);transition:all .3s ease}.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 rgba(0,255,255,.2)}.dark .neon-text,html.dark .neon-text{color:var(--neon-cyan);text-shadow:0 0 10px rgba(0,255,255,.5)}@keyframes glow-pulse{0%{box-shadow:0 0 10px #0ff3;filter:drop-shadow(0 0 5px rgba(0,255,255,.3))}to{box-shadow:0 0 20px #0ff6;filter:drop-shadow(0 0 10px rgba(0,255,255,.5))}}.dark .glow-pulse,html.dark .glow-pulse{animation:glow-pulse 3s ease-in-out infinite alternate}.dark .glow-pulse-fast,html.dark .glow-pulse-fast{animation:glow-pulse 2s ease-in-out infinite alternate}.dark .logo-glow,html.dark .logo-glow{filter:drop-shadow(0 0 8px rgba(0,255,255,.5));animation:glow-pulse 2s ease-in-out infinite alternate}.btn-jd-primary{background:linear-gradient(135deg,var(--jd-cyan-500) 0%,var(--jd-cyan-700) 100%);border:none;border-radius:10px;color:#fff;font-weight:500;padding:.75rem 1.5rem;box-shadow:0 4px 15px #00d4ff4d;transition:all .2s ease;cursor:pointer}.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{background:linear-gradient(135deg,#1a1a3a,#22224a);border:1px solid var(--neon-cyan);color:var(--neon-cyan);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{backdrop-filter:none;-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{animation:none;filter:none}}.btn-jd-primary:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-color),0 0 0 4px var(--jd-cyan-400)}.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{backdrop-filter:blur(8px);-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;}@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}}}.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}}