/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@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,visibility,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}*{box-sizing:border-box}:root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-color:#fff;--text-color:#1a1a1a;--surface-color:#f8f9fa;--border-color:#e5e7eb;font-family:Hiragino Sans,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,メイリオ,Meiryo,sans-serif;font-weight:400;line-height:1.5}.dark{--bg-color:#1a1a1a;--text-color:#fff;--surface-color:#2d2d2d;--border-color:#374151}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,#dbeafe,#bfdbfe)!important;border:4px solid #3b82f6!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 #3b82f64d,0 4px 12px #3b82f633!important}.problem-card:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd)!important;border-color:#2563eb!important;transform:translateY(-4px)!important;box-shadow:0 12px 35px #3b82f666,0 6px 15px #3b82f64d!important}.problem-card h3{color:#1d4ed8!important;text-shadow:0 1px 2px #3b82f61a!important;font-weight:700!important}.dark .problem-card{color:#f7fafc!important;background:#374151!important;border:2px solid #6b7280!important;transform:translateY(0)!important;box-shadow:0 2px 8px #0000004d!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 .category-card .el-card,html.dark .category-card .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 .category-card .el-card__body,html.dark .category-card .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 .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}@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}.header{padding:2rem!important;margin-bottom:2rem!important;min-height:120px!important;display:block!important;background:linear-gradient(135deg,#007bff,#0056b3)!important;color:#fff!important}html.dark .header{background:linear-gradient(135deg,#1a1a2e,#16213e)!important}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.header-text{text-align:left}.site-title-link{text-decoration:none;color:inherit;cursor:pointer;transition:opacity .2s ease;display:block}.site-title-link:hover{opacity:.85}.site-title-link:focus{outline:2px solid rgba(255,255,255,.6);outline-offset:2px;border-radius:.375rem}.header h1{margin:0;font-size:2.5rem;font-weight:700;color:#fff}.header p{margin:.5rem 0 0;font-size:1.2rem;opacity:.9;color:#fff}.header-nav{display:flex;gap:1rem;align-items:center}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:.375rem;transition:background-color .2s ease;font-weight:500}.nav-link:hover{background-color:#fff3}.nav-link.router-link-active{background-color:#ffffff4d}.theme-switcher{display:flex;align-items:center;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.3)}.theme-btn{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);padding:.5rem;border-radius:.375rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem}.theme-btn:hover{background-color:#ffffff1a;border-color:#fff9}.language-switcher{display:flex;gap:.25rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.3)}.lang-btn{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);padding:.25rem .75rem;border-radius:.375rem;font-size:.85rem;cursor:pointer;transition:all .2s ease;font-weight:500}.lang-btn:hover{background-color:#ffffff1a;border-color:#fff9}.auth-nav{display:flex;align-items:center;gap:1rem;margin-left:1rem;padding-left:1rem;border-left:1px solid rgba(255,255,255,.3)}.user-info{color:#ffffffe6;font-size:.875rem;font-weight:500}.nav-button{color:#fff;background:transparent;border:1px solid rgba(255,255,255,.4);padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500}.nav-button:hover{background-color:#ffffff1a;border-color:#fff9}@media (max-width: 768px){.header-content{flex-direction:column;align-items:center;gap:1rem}.header-text{text-align:center}.theme-switcher,.language-switcher{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,#3b82f6,#1d4ed8);color:#fff}.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}@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:#333;background:#fff;border:1px solid #ddd;padding:.5rem 1rem;border-radius:.375rem;font-size:.875rem;cursor:pointer;transition:all .2s ease;font-weight:500}.login-lang-btn:hover{background-color:#f5f5f5;border-color:#999}