:root{color-scheme:light;--color-bg: #ffffff;--color-surface: #f6f8fa;--color-text: #1f2328;--color-text-muted: #59636e;--color-accent: #4f46e5;--color-accent-hover: #4338ca;--color-accent-contrast: #ffffff;--color-accent-soft: #dfdff7;--color-border: #767676;--color-success: #1a7f37;--color-success-bg: #eef4f3;--color-error: #d1242f;--color-error-bg: #f5f0f2;--color-focus: #4f46e5;--syntax-keyword: #a626a4;--syntax-string: #40803f;--syntax-number: #986801;--syntax-comment: #6b7280;--syntax-type: #0e7490;--syntax-function: #2867f0;--syntax-variable: #d72f20;--syntax-punctuation: #383a42;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--fs-sm: .875rem;--fs-base: 1rem;--fs-md: 1.25rem;--fs-lg: 1.5625rem;--fs-xl: 1.953rem;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;--radius-sm: 6px;--radius-md: 10px}[data-theme=dark]{color-scheme:dark;--color-bg: #0d1117;--color-surface: #161b22;--color-text: #e6edf3;--color-text-muted: #9198a1;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-contrast: #0d1117;--color-accent-soft: #23293c;--color-border: #7a828e;--color-success: #3fb950;--color-success-bg: #1d372a;--color-error: #f85149;--color-error-bg: #2a2026;--color-focus: #818cf8;--syntax-keyword: #ff7b72;--syntax-string: #a5d6ff;--syntax-number: #79c0ff;--syntax-comment: #8b949e;--syntax-type: #ffa657;--syntax-function: #d2a8ff;--syntax-variable: #7ee787;--syntax-punctuation: #c9d1d9}*{box-sizing:border-box}html{scrollbar-color:var(--color-border) var(--color-surface)}body{margin:0;font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-text);background:var(--color-bg);line-height:1.6}@media (prefers-reduced-motion: no-preference){body,a,button,input,.kata-card,.theme-toggle-icon{transition:background-color .15s ease,color .15s ease,border-color .15s ease}}a{color:var(--color-accent)}a:hover{color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.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}.site-header{position:relative;border-bottom:1px solid var(--color-border);padding:var(--space-4) var(--space-5);text-align:center}.site-title-slot{display:block;padding-inline:var(--space-8)}.site-title{margin:0;font-size:var(--fs-md);font-weight:700;line-height:1.2;overflow-wrap:break-word}.site-title a,a.site-title{color:var(--color-text);text-decoration:none}.site-title a:hover,a.site-title:hover{color:var(--color-accent)}.theme-toggle,.lang-toggle,.icon-link{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text)}.theme-toggle:hover,.lang-toggle:hover,.icon-link:hover{background:var(--color-surface);color:var(--color-text)}.lang-menu-wrap{position:relative}.lang-menu{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:10;margin:0;padding:var(--space-1);list-style:none;min-width:160px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:0 4px 12px #00000026}.lang-menu-item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:32px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:transparent;color:var(--color-text);text-align:left;font-size:var(--fs-sm)}.lang-menu-item:hover{background:var(--color-bg)}.lang-menu-check{display:inline-flex;width:14px;flex-shrink:0}.header-actions{position:absolute;top:50%;right:var(--space-5);transform:translateY(-50%);display:flex;align-items:center;gap:var(--space-1)}.theme-toggle-icon{display:inline-flex}main#app{max-width:860px;margin:0 auto;padding:var(--space-5)}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-4) var(--space-5);color:var(--color-text-muted);font-size:var(--fs-sm);text-align:center}.site-footer p{margin:0}button{font:inherit;cursor:pointer;background:var(--color-accent);color:var(--color-accent-contrast);border:none;border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);min-height:24px;min-width:24px}button:hover{background:var(--color-accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text]{font:inherit;color:var(--color-text);background:var(--color-bg);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;max-width:24rem;min-height:24px}input[type=radio],input[type=checkbox]{accent-color:var(--color-accent);width:1.15em;height:1.15em}label{cursor:pointer}fieldset{border:none;padding:0;margin:0 0 var(--space-4)}legend{font-weight:600;padding:0;margin-bottom:var(--space-2)}.text-answer-form{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.text-answer-form label{font-weight:600}.choice-option{display:flex;align-items:center;gap:var(--space-2);min-height:24px;padding:var(--space-1) 0}.category{margin-bottom:var(--space-6)}.category h2{font-size:var(--fs-lg);margin:0 0 var(--space-2)}.category-description{color:var(--color-text-muted);margin:0 0 var(--space-4)}.kata-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.kata-card{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);min-height:24px;text-decoration:none;color:inherit;background:var(--color-bg)}.kata-card:hover{border-color:var(--color-accent);background:var(--color-surface)}.kata-id{display:inline-block;min-width:1.6em;text-align:center;font-size:var(--fs-sm);font-weight:600;padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.kata-title{font-size:var(--fs-md);font-weight:600}.solved-badge{font-size:var(--fs-sm);font-weight:600;color:var(--color-success)}.kata-meta{display:flex;flex-wrap:wrap;gap:var(--space-1)}.difficulty,.tag{font-size:var(--fs-sm);padding:var(--space-1) var(--space-2);border-radius:999px;background:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.difficulty-easy{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success)}.difficulty-medium{background:var(--color-accent-soft);color:var(--color-accent);border-color:var(--color-accent)}.difficulty-hard{background:var(--color-error-bg);color:var(--color-error);border-color:var(--color-error)}.kata-nav{display:grid;grid-template-columns:auto 1fr auto;justify-items:center;align-items:center;margin-bottom:var(--space-4)}.kata-nav>:first-child{justify-self:start}.kata-nav>:last-child{justify-self:end}.kata-title-heading{font-size:var(--fs-xl);margin:0 0 var(--space-4)}.kata-body{margin-bottom:var(--space-5)}.lang-fallback-note{color:var(--color-text-muted);font-size:var(--fs-sm);font-style:italic;margin:0 0 var(--space-4)}.kata-answer{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.feedback{font-weight:600;min-height:1.5em}.feedback-correct{color:var(--color-success)}.feedback-incorrect{color:var(--color-error)}.hints{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-2)}.hint{background:var(--color-surface);border-left:3px solid var(--color-accent);padding:var(--space-2) var(--space-3);margin:0;border-radius:var(--radius-sm)}.kata-body h1,.kata-body h2,.kata-body h3{line-height:1.25}.kata-body h2{font-size:var(--fs-lg);margin:var(--space-5) 0 var(--space-2)}.kata-body h3{font-size:var(--fs-md);margin:var(--space-4) 0 var(--space-2)}.kata-body p{margin:0 0 var(--space-3)}.kata-body ul,.kata-body ol{margin:0 0 var(--space-3);padding-left:var(--space-5)}.kata-body table{border-collapse:collapse;margin:0 0 var(--space-4);width:100%}.kata-body th,.kata-body td{text-align:left;padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-border)}.kata-body code{font-family:var(--font-mono);background:var(--color-surface);border-radius:var(--radius-sm);padding:.15em .35em;font-size:.9em}pre{background:var(--color-surface);padding:var(--space-3);border-radius:var(--radius-sm);overflow-x:auto}pre code{background:none;padding:0;font-size:var(--fs-sm)}.hljs{color:var(--color-text);background:none}.hljs-keyword,.hljs-literal{color:var(--syntax-keyword)}.hljs-string,.hljs-char,.hljs-regexp{color:var(--syntax-string)}.hljs-number{color:var(--syntax-number)}.hljs-comment,.hljs-doctag,.hljs-quote{color:var(--syntax-comment);font-style:italic}.hljs-title.class_,.hljs-type{color:var(--syntax-type)}.hljs-title.function_,.hljs-title,.hljs-built_in{color:var(--syntax-function)}.hljs-variable,.hljs-params,.hljs-attr,.hljs-property{color:var(--syntax-variable)}.hljs-punctuation,.hljs-operator,.hljs-meta,.hljs-symbol{color:var(--syntax-punctuation)}.code-editor-container{border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-4)}.code-editor-container .cm-editor{height:auto;max-height:480px}.code-editor-container .cm-scroller{font-family:var(--font-mono)}.cm-locked-range{background-color:color-mix(in srgb,var(--color-text) 10%,transparent)}.code-controls{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.code-controls .stop-btn{background:var(--color-text-muted)}.phase-indicator{font-style:italic;color:var(--color-text-muted);min-height:1.5em}.result-panel,.result-panel button{margin-top:var(--space-2)}.violations-list{margin:var(--space-2) 0 0;padding-left:var(--space-5)}.violations-list li{color:var(--color-error);margin-bottom:var(--space-1)}.compiler-output{white-space:pre-wrap;border-left:3px solid var(--color-error)}.check-block{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border)}.check-block.check-pass{border-color:var(--color-success);background:var(--color-success-bg)}.check-block.check-fail{border-color:var(--color-error);background:var(--color-error-bg)}.check-header{font-weight:600;margin:0 0 var(--space-2)}.stdin-panel{font-family:var(--font-mono);white-space:pre-wrap;margin:0 0 var(--space-2);padding:var(--space-2);background:var(--color-bg);border-radius:var(--radius-sm)}.diff-panel{display:flex;gap:var(--space-4);flex-wrap:wrap}.diff-column{flex:1 1 240px;min-width:0}.diff-column h4{margin:0 0 var(--space-1);font-size:var(--fs-sm);color:var(--color-text-muted)}.diff-column pre{margin:0;background:var(--color-bg)}.diff-line{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all}.diff-line-mismatch{background:var(--color-error-bg);color:var(--color-error);border-radius:2px}.cases-table{width:100%;border-collapse:collapse;font-size:var(--fs-sm)}.cases-table th,.cases-table td{text-align:left;padding:var(--space-1) var(--space-2);border-bottom:1px solid var(--color-border);font-family:var(--font-mono)}.cases-table tr.case-fail td{color:var(--color-error)}@media (max-width: 640px){.diff-panel{flex-direction:column}.site-header{padding:var(--space-3) var(--space-4)}main#app{padding:var(--space-4)}}@media (max-width: 420px){.site-header{display:flex;flex-direction:column;gap:var(--space-2)}.site-title-slot{padding-inline:0}.header-actions{position:static;transform:none;justify-content:center}}