/*! tailwindcss v4.3.3 | 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-ease:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.resize{resize:both}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.uppercase{text-transform:uppercase}.italic{font-style:italic}.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,)}.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,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}}:root{--ink:#0f172a;--ink-light:#334155;--paper:#fff;--paper-2:#f8fafc;--amber:#3b82f6;--amber-dark:#2563eb;--amber-light:#eff6ff;--teal:#10b981;--teal-light:#ecfdf5;--rose:#ef4444;--rose-light:#fef2f2;--card:#fff;--border:#e2e8f0;--shadow:0 4px 16px #0f172a0d;--shadow-lg:0 12px 36px #0f172a17;--shadow-sm:0 2px 8px #0f172a0f;--bg:#fff;--bg-gradient:#fff;--surface:#fff;--surface-dark:#f8fafc;--surface-glass:#fffffff2;--border-glass:#e2e8f0cc;--glass-blur:blur(12px);--text:#0f172a;--text-light:#475569;--text-lighter:#64748b;--accent:#3b82f6;--primary:#3b82f6;--primary-glow:#3b82f633;--rust:#ef4444;--input-bg:#fff;--input-border:#cbd5e1;--input-text:#0f172a}[data-theme=dark]{--ink:#e2e8f0;--ink-light:#cbd5e1;--paper:#1e293b;--paper-2:#0f172a;--amber:#60a5fa;--amber-dark:#3b82f6;--amber-light:#1e3a5f;--teal:#34d399;--teal-light:#064e3b;--rose:#f87171;--rose-light:#450a0a;--card:#1e293b;--border:#334155;--shadow:0 4px 16px #0006;--shadow-lg:0 12px 36px #00000080;--shadow-sm:0 2px 8px #0000004d;--bg:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--surface:#1e293b;--surface-dark:#0f172a;--surface-glass:#1e293bf2;--border-glass:#334155cc;--glass-blur:blur(12px);--text:#f1f5f9;--text-light:#cbd5e1;--text-lighter:#94a3b8;--accent:#60a5fa;--primary:#3b82f6;--primary-glow:#3b82f640;--rust:#f87171;--input-bg:#1e293b;--input-border:#475569;--input-text:#f1f5f9}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100vh;color:var(--text);margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:background .3s,color .3s;overflow-x:hidden}h1,h2,h3,h4,h5,h6{color:var(--text);transition:color .3s;letter-spacing:-.02em!important;font-family:Poppins,Inter,sans-serif!important;font-weight:700!important}p{color:var(--text-light);font-weight:400;line-height:1.65;transition:color .3s}label{color:#475569;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;font-size:12px;font-weight:700;display:block}a{color:inherit;text-decoration:none;transition:all .2s}button{cursor:pointer;text-align:center;border:none;justify-content:center;align-items:center;font-family:Inter,sans-serif;transition:all .2s;display:inline-flex}input,select,textarea{border-radius:12px;width:100%;padding:12px 16px;font-family:Inter,sans-serif;font-size:14px;transition:all .2s;box-shadow:0 2px 6px #00000005;border:1px solid var(--input-border)!important;background:var(--input-bg)!important;color:var(--input-text)!important}input:focus,select:focus,textarea:focus{outline:none;border-color:#3b82f6!important;box-shadow:0 0 0 3px #3b82f626!important}::placeholder,input::placeholder,select::placeholder,textarea::placeholder{opacity:1;color:#94a3b8!important}.btn-amber,.btn-primary,.btn-teal,.btn-success,.btn-outline,.btn-sm{text-align:center!important;justify-content:center!important;align-items:center!important;display:inline-flex!important}.btn-amber,.btn-primary{border-radius:12px;padding:12px 24px;font-size:14px;font-weight:700;transition:all .2s;color:#fff!important;background:#3b82f6!important;box-shadow:0 4px 12px #3b82f64d!important}.btn-amber:hover,.btn-primary:hover{transform:translateY(-2px);background:#2563eb!important}.btn-teal,.btn-success{border-radius:12px;padding:10px 20px;font-weight:700;color:#fff!important;background:#10b981!important}.btn-outline{border-radius:12px;padding:10px 20px;font-weight:600;color:#0f172a!important;background:#fff!important;border:1px solid #e2e8f0!important}.btn-outline:hover{color:#3b82f6!important;border-color:#3b82f6!important}.card{background:var(--card);border:1px solid var(--border);color:var(--text);padding:24px;transition:all .25s;position:relative;box-shadow:var(--shadow)!important;border-radius:18px!important}.card:hover{transform:translateY(-4px);border-color:#93c5fd!important;box-shadow:0 12px 30px #3b82f61a!important}.card.blue-filter-card{color:#fff!important;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 50%,#2563eb 100%)!important;border:none!important;border-radius:20px!important;padding:24px!important;box-shadow:0 12px 36px -6px #2563eb66!important}.card.blue-filter-card label{color:#e2e8f0!important;font-weight:800!important}.card.blue-filter-card h4{color:#fff!important}.card.blue-banner-card{color:#fff!important;background:linear-gradient(135deg,#1e3a8a 0%,#1d4ed8 50%,#2563eb 100%)!important;border:none!important;border-radius:20px!important;padding:24px!important;box-shadow:0 12px 36px -6px #2563eb66!important}.card.blue-banner-card h1,.card.blue-banner-card h2,.card.blue-banner-card h3,.card.blue-banner-card h4{color:#fff!important}.card.blue-banner-card p{color:#e2e8f0!important}.card.gradient-card-blue{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important}.card.gradient-card-green{color:#fff!important;background:linear-gradient(135deg,#10b981 0%,#059669 100%)!important}.card.gradient-card-amber{color:#fff!important;background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%)!important}.card.gradient-card-purple{color:#fff!important;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%)!important}.section-title{align-items:center;gap:12px;margin:0 0 24px;font-family:Poppins,sans-serif;font-size:24px;font-weight:800;display:flex;color:var(--text)!important}.grid-2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;display:grid}.grid-3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.grid-4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#f8fafc}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3b82f6}aside.sidebar{color:#f8fafc!important;background:linear-gradient(#0b132b 0%,#1c2541 100%)!important;border-right:1px solid #ffffff1a!important;box-shadow:4px 0 20px #00000026!important}aside.sidebar .nav-link{border-radius:12px;padding:10px 14px;font-weight:500;transition:all .2s;color:#cbd5e1!important}aside.sidebar .nav-link:hover{color:#f8fafc!important;background:#ffffff1a!important}aside.sidebar .active-nav-link{color:#fff!important;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%)!important;border-left:none!important;font-weight:700!important;box-shadow:0 4px 14px #3b82f666!important}aside.sidebar .user-role-badge{color:#60a5fa!important;background:#ffffff14!important;border:1px solid #ffffff1f!important}.brand-logo-icon{background:linear-gradient(135deg,#3b82f6 0%,#8b5cf6 50%,#ec4899 100%) 0 0/200% 200%!important;animation:4s linear infinite logoGradientShift,2.5s ease-in-out infinite alternate logoGlowPulse!important}@keyframes logoGradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes logoGlowPulse{0%{box-shadow:0 0 12px #3b82f666,0 0 24px #8b5cf633}50%{box-shadow:0 0 24px #ec4899b3,0 0 40px #3b82f680}to{box-shadow:0 0 16px #3b82f680,0 0 28px #8b5cf64d}}.brand-title-text{-webkit-text-fill-color:transparent;letter-spacing:-.02em;background:linear-gradient(90deg,#60a5fa 0%,#c084fc 30%,#f472b6 60%,#60a5fa 100%) 0 0/200%;-webkit-background-clip:text;font-size:17px;font-weight:800;animation:3.5s linear infinite gradientTextShift}@keyframes gradientTextShift{0%{background-position:0%}to{background-position:200%}}.brand-subtitle-text{letter-spacing:1px;font-size:11px;font-weight:700;animation:2.5s ease-in-out infinite alternate subtitlePulse;color:#38bdf8!important}@keyframes subtitlePulse{0%{opacity:.8;text-shadow:0 0 4px #38bdf84d}to{opacity:1;text-shadow:0 0 12px #38bdf8cc}}table{margin-top:8px;border-collapse:collapse!important;border-spacing:0!important;background:var(--card)!important;width:100%!important;box-shadow:var(--shadow)!important;border-radius:16px!important;overflow:hidden!important}thead tr{background:var(--surface-dark)!important;border-bottom:2px solid var(--border)!important}th{color:var(--text)!important;text-transform:uppercase!important;letter-spacing:.5px!important;text-align:left!important;white-space:nowrap!important;padding:14px 20px!important;font-size:13px!important;font-weight:700!important}td{color:var(--text-light)!important;border-bottom:1px solid var(--border)!important;background:var(--card)!important;vertical-align:middle!important;padding:16px 20px!important;font-size:14px!important}tr:last-child td{border-bottom:none!important}tr:hover td{background:var(--surface-dark)!important}[data-theme=dark] label{color:#cbd5e1}[data-theme=dark] .section-title{color:#f1f5f9!important}[data-theme=dark] .card:hover{border-color:#3b82f6!important;box-shadow:0 12px 30px #3b82f633!important}[data-theme=dark] .shell{background:#0f172a}[data-theme=dark] ::-webkit-scrollbar-track{background:#1e293b}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#475569}@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-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.cpp-container{--cpp-bg-gradient-start:#0d1117;--cpp-bg-gradient-end:#161b22;--cpp-text:#c9d1d9;--cpp-text-heading:#f0f6fc;--cpp-text-muted:#8b949e;--cpp-border:#30363d;--cpp-header-bg:#161b22d9;--cpp-panel-bg:#0d1117;--cpp-card-bg:#161b22;--cpp-editor-header-bg:#161b22;--cpp-editor-mount-bg:#1e1e1e;--cpp-console-bg:#0d1117;--cpp-console-header-bg:#161b22;--cpp-bottom-bar-bg:#161b22;--cpp-sidebar-bg:#161b22;background:linear-gradient(135deg, var(--cpp-bg-gradient-start) 0%, var(--cpp-bg-gradient-end) 100%);min-height:100vh;color:var(--cpp-text);flex-direction:column;font-family:Inter,sans-serif;transition:background .3s,color .3s;display:flex}.cpp-container.light-theme{--cpp-bg-gradient-start:#f8fafc;--cpp-bg-gradient-end:#e2e8f0;--cpp-text:#334155;--cpp-text-heading:#0f172a;--cpp-text-muted:#64748b;--cpp-border:#cbd5e1;--cpp-header-bg:#ffffffd9;--cpp-panel-bg:#fff;--cpp-card-bg:#f1f5f9;--cpp-editor-header-bg:#f1f5f9;--cpp-editor-mount-bg:#fff;--cpp-console-bg:#f8fafc;--cpp-console-header-bg:#e2e8f0;--cpp-bottom-bar-bg:#e2e8f0;--cpp-sidebar-bg:#e2e8f0}.cpp-header{background:var(--cpp-header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--cpp-border);z-index:50;width:100%;transition:all .3s;position:sticky;top:0}.cpp-header-content{justify-content:space-between;align-items:center;max-width:100%;padding:10px 24px;display:flex}.cpp-header-left{align-items:center;gap:16px;display:flex}.cpp-back-btn{color:var(--cpp-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;font-size:14px;font-weight:500;transition:color .2s;display:flex}.cpp-back-btn:hover{color:var(--cpp-text-heading)}.cpp-divider{background-color:var(--cpp-border);width:1px;height:20px}.cpp-title{color:var(--cpp-text-heading);margin:0;font-size:16px;font-weight:600}.cpp-badge{text-transform:capitalize;color:#fff;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600}.cpp-easy{background-color:#2ea043}.cpp-medium{background-color:#d29922}.cpp-hard{background-color:#f85149}.cpp-solved-badge{color:#fff;background-color:#238636;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600}.cpp-local-badge{color:#d29922;background-color:#d2992226;border:1px solid #d2992266;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:600}.cpp-header-right{align-items:center;gap:12px;display:flex}.cpp-topbar-btn{color:#58a6ff;cursor:pointer;background:#388bfd1a;border:1px solid #388bfd4d;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .2s}.cpp-container.light-theme .cpp-topbar-btn{color:#0969da;background:#0969da0d;border-color:#0969da33}.cpp-topbar-btn:hover{background:#388bfd40;border-color:#388bfd80}.cpp-container.light-theme .cpp-topbar-btn:hover{background:#0969da1f;border-color:#0969da66}.cpp-topbar-btn.purple{color:#bc8eff;background:#bc8eff1a;border:1px solid #bc8eff4d}.cpp-container.light-theme .cpp-topbar-btn.purple{color:#8250df;background:#8250df0d;border-color:#8250df33}.cpp-topbar-btn.purple:hover{background:#bc8eff40;border-color:#bc8eff80}.cpp-container.light-theme .cpp-topbar-btn.purple:hover{background:#8250df1f;border-color:#8250df66}.cpp-theme-toggle-btn{color:var(--cpp-text-muted);border:1px solid var(--cpp-border);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.cpp-theme-toggle-btn:hover{color:var(--cpp-text-heading);border-color:var(--cpp-text-muted);background:#f0f6fc0d}.cpp-container.light-theme .cpp-theme-toggle-btn:hover{border-color:var(--cpp-text-muted);background:#0000000d}.cpp-local-banner{text-align:center;background:#d2992214;border-top:1px solid #d2992226;padding:8px 24px}.cpp-local-banner p{color:#d29922;margin:0;font-size:13px}.cpp-split-layout{flex:1;height:calc(100vh - 64px);display:flex;overflow:hidden}.cpp-sidebar{background:var(--cpp-sidebar-bg);border-right:1px solid var(--cpp-border);flex-direction:column;align-items:center;gap:20px;width:72px;padding:24px 0;transition:all .3s;display:flex}.cpp-sidebar-btn{color:var(--cpp-text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:56px;height:56px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.cpp-sidebar-btn svg{width:20px;height:20px}.cpp-sidebar-btn span{font-size:10px;font-weight:500}.cpp-sidebar-btn:hover{color:var(--cpp-text-heading);background:#f0f6fc0d}.cpp-container.light-theme .cpp-sidebar-btn:hover{background:#00000008}.cpp-sidebar-btn.active{color:#58a6ff;background:#388bfd1a;border:1px solid #388bfd33}.cpp-container.light-theme .cpp-sidebar-btn.active{color:#0969da;background:#0969da14;border-color:#0969da26}.cpp-left-panel{border-right:1px solid var(--cpp-border);background:var(--cpp-panel-bg);width:40%;padding:24px;transition:all .3s;overflow-y:auto}.cpp-left-panel::-webkit-scrollbar{width:6px;height:6px}.cpp-console-output-area::-webkit-scrollbar{width:6px;height:6px}.cpp-left-panel::-webkit-scrollbar-track{background:var(--cpp-panel-bg)}.cpp-console-output-area::-webkit-scrollbar-track{background:var(--cpp-panel-bg)}.cpp-left-panel::-webkit-scrollbar-thumb{background:var(--cpp-border);border-radius:3px}.cpp-console-output-area::-webkit-scrollbar-thumb{background:var(--cpp-border);border-radius:3px}.cpp-left-panel::-webkit-scrollbar-thumb:hover{background:var(--cpp-text-muted)}.cpp-console-output-area::-webkit-scrollbar-thumb:hover{background:var(--cpp-text-muted)}.cpp-section-title{color:var(--cpp-text-heading);margin-top:0;margin-bottom:12px;font-size:18px;font-weight:600}.cpp-text{color:var(--cpp-text);font-size:14px;line-height:1.6}.cpp-examples-list{flex-direction:column;gap:16px;margin-top:16px;display:flex}.cpp-example-card{background:var(--cpp-card-bg);border:1px solid var(--cpp-border);border-radius:8px;padding:16px;transition:all .3s}.cpp-example-title{color:var(--cpp-text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 10px;font-size:12px;font-weight:600}.cpp-example-content{flex-direction:column;gap:6px;font-family:Fira Code,monospace;font-size:13px;display:flex}.cpp-code-highlight{color:#ff7b72}.cpp-container.light-theme .cpp-code-highlight{color:#cf222e}.cpp-code-output{color:#7ee787}.cpp-container.light-theme .cpp-code-output{color:#1a7f37}.cpp-code-explanation{color:var(--cpp-text-muted);margin-top:6px;font-family:Inter,sans-serif;font-size:13px}.cpp-list{margin-top:8px;padding-left:20px;list-style-type:disc}.cpp-list li{color:var(--cpp-text-muted);margin-bottom:6px;font-family:Fira Code,monospace;font-size:13px}.cpp-tag-container{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.cpp-tag{background:var(--cpp-card-bg);border:1px solid var(--cpp-border);color:var(--cpp-text);border-radius:6px;padding:4px 12px;font-size:12px;font-weight:500}.cpp-info-box{background:#388bfd0d;border:1px solid #388bfd26;border-radius:8px;margin-top:24px;padding:16px}.cpp-container.light-theme .cpp-info-box{background:#0969da08;border-color:#0969da1f}.cpp-info-box-title{color:#58a6ff;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:600}.cpp-container.light-theme .cpp-info-box-title{color:#0969da}.cpp-info-box-desc{color:var(--cpp-text-muted);margin:0;font-size:13px;line-height:1.5}.cpp-right-panel{background:var(--cpp-card-bg);flex-direction:column;width:60%;transition:all .3s;display:flex}.cpp-editor-header{background:var(--cpp-editor-header-bg);border-bottom:1px solid var(--cpp-border);justify-content:space-between;align-items:center;padding:10px 16px;transition:all .3s;display:flex}.cpp-lang-select-wrapper{position:relative}.cpp-lang-select{background:var(--cpp-card-bg);border:1px solid var(--cpp-border);color:var(--cpp-text);cursor:pointer;appearance:none;border-radius:6px;outline:none;padding:6px 36px 6px 12px;font-size:13px;font-weight:500;transition:all .3s}.cpp-lang-select:focus{border-color:#58a6ff}.cpp-container.light-theme .cpp-lang-select:focus{border-color:#0969da}.cpp-select-arrow{width:12px;height:12px;color:var(--cpp-text-muted);pointer-events:none;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.cpp-editor-actions{align-items:center;gap:12px;display:flex}.cpp-editor-btn{color:var(--cpp-text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.cpp-editor-btn:hover{color:var(--cpp-text-heading);background:#f0f6fc0d}.cpp-container.light-theme .cpp-editor-btn:hover{background:#0000000d}.cpp-editor-btn svg{width:18px;height:18px}.cpp-editor-mount{background:var(--cpp-editor-mount-bg);flex:1;transition:all .3s;position:relative;overflow:hidden}.cpp-console{background:var(--cpp-console-bg);border-top:1px solid var(--cpp-border);flex-direction:column;transition:all .3s;display:flex}.cpp-console-header{background:var(--cpp-console-header-bg);border-bottom:1px solid var(--cpp-border);justify-content:space-between;align-items:center;padding:8px 16px;transition:all .3s;display:flex}.cpp-console-status-group{align-items:center;gap:16px;display:flex}.cpp-console-status{color:#56d364;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.cpp-container.light-theme .cpp-console-status{color:#1a7f37}.cpp-console-status-dot{background-color:#56d364;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #56d364}.cpp-container.light-theme .cpp-console-status-dot{background-color:#1a7f37;box-shadow:0 0 8px #1a7f37}.cpp-console-ready-label{color:var(--cpp-text-muted);font-size:11px;font-weight:500}.cpp-console-toggle-btn{color:var(--cpp-text-muted);cursor:pointer;background:0 0;border:none;font-size:12px}.cpp-console-toggle-btn:hover{color:var(--cpp-text-heading)}.cpp-custom-input-box{background:var(--cpp-console-bg);border-bottom:1px solid var(--cpp-border);padding:12px 16px;transition:all .3s}.cpp-custom-input-textarea{background:var(--cpp-card-bg);border:1px solid var(--cpp-border);width:100%;color:var(--cpp-text);resize:vertical;border-radius:6px;outline:none;padding:10px;font-family:Fira Code,monospace;font-size:12px;transition:all .3s}.cpp-custom-input-textarea:focus{border-color:#58a6ff}.cpp-container.light-theme .cpp-custom-input-textarea:focus{border-color:#0969da}.cpp-console-output-area{background:var(--cpp-console-bg);max-height:180px;padding:16px;font-size:13px;transition:all .3s;overflow-y:auto}.cpp-console-placeholder{color:var(--cpp-text-muted);margin:0;font-style:italic}.cpp-console-loader{color:#58a6ff;align-items:center;gap:8px;display:flex}.cpp-container.light-theme .cpp-console-loader{color:#0969da}.cpp-spin{animation:1s linear infinite cpp-spin-animation}@keyframes cpp-spin-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cpp-result-card{flex-direction:column;gap:12px;display:flex}.cpp-result-status-title{margin:0;font-size:14px;font-weight:600}.cpp-result-status-title.success{color:#56d364}.cpp-container.light-theme .cpp-result-status-title.success{color:#1a7f37}.cpp-result-status-title.error{color:#f85149}.cpp-container.light-theme .cpp-result-status-title.error{color:#cf222e}.cpp-result-pre-container{background:var(--cpp-card-bg);border:1px solid var(--cpp-border);border-radius:6px;padding:12px;transition:all .3s}.cpp-result-pre-label{color:var(--cpp-text-muted);text-transform:uppercase;margin-bottom:4px;font-size:11px}.cpp-result-pre{white-space:pre-wrap;word-break:break-all;margin:0;font-family:Fira Code,monospace;font-size:13px}.cpp-result-pre.output{color:var(--cpp-text)}.cpp-result-pre.expected{color:#56d364}.cpp-container.light-theme .cpp-result-pre.expected{color:#1a7f37}.cpp-result-pre.error-desc{color:#ff7b72}.cpp-container.light-theme .cpp-result-pre.error-desc{color:#cf222e}.cpp-result-meta{color:var(--cpp-text-muted);gap:16px;font-size:12px;display:flex}.cpp-result-meta span strong{color:var(--cpp-text-heading)}.cpp-bottom-bar{background:var(--cpp-bottom-bar-bg);border-top:1px solid var(--cpp-border);justify-content:space-between;align-items:center;padding:12px 24px;transition:all .3s;display:flex}.cpp-run-btn{color:var(--cpp-text);border:1px solid var(--cpp-border);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s;display:flex}.cpp-run-btn:hover{border-color:var(--cpp-text-muted);background:#f0f6fc0d}.cpp-container.light-theme .cpp-run-btn:hover{background:#0000000d}.cpp-run-btn:disabled,.cpp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.cpp-submit-btn{color:#fff;cursor:pointer;background:#1f6feb;border:none;border-radius:6px;padding:8px 24px;font-size:13px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #1f6feb40}.cpp-container.light-theme .cpp-submit-btn{background:#0969da}.cpp-submit-btn:hover:not(:disabled){background:#388bfd;box-shadow:0 4px 16px #1f6feb66}.cpp-container.light-theme .cpp-submit-btn:hover:not(:disabled){background:#1a7f37;box-shadow:0 4px 16px #1a7f374d}.cpp-submission-summary{background:#2ea04314;border:1px solid #2ea04333;border-radius:8px;padding:20px}.cpp-submission-summary.failed{background:#f8514914;border:1px solid #f8514933}.cpp-submission-row{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.cpp-submission-status{font-size:20px;font-weight:700}.cpp-submission-status.success{color:#56d364}.cpp-container.light-theme .cpp-submission-status.success{color:#1a7f37}.cpp-submission-status.failed{color:#f85149}.cpp-container.light-theme .cpp-submission-status.failed{color:#cf222e}.cpp-submission-score{color:var(--cpp-text-heading);font-size:20px;font-weight:700}.cpp-rewards-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.cpp-reward-card{text-align:center;background:#0003;border-radius:6px;padding:10px}.cpp-container.light-theme .cpp-reward-card{background:#0000000d}.cpp-reward-label{color:var(--cpp-text-muted);margin-bottom:2px;font-size:11px}.cpp-reward-val{color:#d29922;font-size:16px;font-weight:700}.cpp-stats-row{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.cpp-stat-card{background:var(--cpp-card-bg);border:1px solid var(--cpp-border);border-radius:8px;padding:12px;transition:all .3s}.cpp-stat-label{color:var(--cpp-text-muted);margin-bottom:4px;font-size:11px}.cpp-stat-val{color:var(--cpp-text-heading);font-size:14px;font-weight:600}.cpp-cases-heading{color:var(--cpp-text-heading);margin:20px 0 12px;font-size:16px;font-weight:600}.cpp-cases-list{flex-direction:column;gap:12px;display:flex}.cpp-case-item{background:#2ea0430a;border:1px solid #2ea04326;border-radius:8px;padding:12px}.cpp-case-item.failed{background:#f851490a;border:1px solid #f8514926}.cpp-case-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.cpp-case-title{font-size:13px;font-weight:600}.cpp-case-title.success{color:#56d364}.cpp-container.light-theme .cpp-case-title.success{color:#1a7f37}.cpp-case-title.failed{color:#f85149}.cpp-container.light-theme .cpp-case-title.failed{color:#cf222e}.cpp-case-time{color:var(--cpp-text-muted);font-size:12px}.cpp-case-io{flex-direction:column;gap:4px;font-family:Fira Code,monospace;font-size:12px;display:flex}.cpp-case-io-line{color:var(--cpp-text-muted)}.cpp-case-io-line strong{color:var(--cpp-text)}.cpp-case-io-val{color:#ff7b72}.cpp-container.light-theme .cpp-case-io-val{color:#cf222e}.cpp-case-io-val.expected{color:#7ee787}.cpp-container.light-theme .cpp-case-io-val.expected{color:#1a7f37}.cpp-case-io-val.got-success{color:#7ee787}.cpp-container.light-theme .cpp-case-io-val.got-success{color:#1a7f37}.cpp-ai-review{background:#bc8eff0d;border:1px solid #bc8eff26;border-radius:8px;margin-top:24px;padding:16px}.cpp-ai-review-title{color:#d3b3ff;align-items:center;gap:8px;margin-top:0;margin-bottom:14px;font-size:15px;font-weight:600;display:flex}.cpp-container.light-theme .cpp-ai-review-title{color:#8250df}.cpp-ai-subgroup{margin-bottom:12px}.cpp-ai-subgroup-title{margin:0 0 6px;font-size:13px;font-weight:600}.cpp-ai-subgroup-title.mistakes{color:#ff7b72}.cpp-container.light-theme .cpp-ai-subgroup-title.mistakes{color:#cf222e}.cpp-ai-subgroup-title.optimizations{color:#d29922}.cpp-ai-subgroup-title.cleaner{color:#58a6ff}.cpp-container.light-theme .cpp-ai-subgroup-title.cleaner{color:#0969da}.cpp-ai-list{margin:0;padding-left:18px;list-style-type:square}.cpp-ai-list li{color:var(--cpp-text);margin-bottom:4px;font-size:13px;line-height:1.5}.cpp-ai-text{color:var(--cpp-text);margin:0;font-size:13px;line-height:1.5}.cpp-ai-score-card{background:#0003;border-radius:6px;justify-content:space-between;align-items:center;margin-top:14px;padding:10px 12px;display:flex}.cpp-container.light-theme .cpp-ai-score-card{background:#0000000d}.cpp-ai-score-label{color:var(--cpp-text-muted);font-size:12px}.cpp-ai-score-val{color:#bc8eff;font-size:15px;font-weight:700}.cpp-container.light-theme .cpp-ai-score-val{color:#8250df}.cpp-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.cpp-modal{background:var(--cpp-card-bg);border:1px solid var(--cpp-border);border-radius:16px;width:100%;max-width:480px;margin:0 16px;padding:24px;transition:all .3s;box-shadow:0 10px 40px #00000080}.cpp-modal.large{max-width:640px}.cpp-modal-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cpp-modal-title{margin:0;font-size:18px;font-weight:600}.cpp-modal-title.blue{color:#58a6ff}.cpp-container.light-theme .cpp-modal-title.blue{color:#0969da}.cpp-modal-title.purple{color:#bc8eff}.cpp-container.light-theme .cpp-modal-title.purple{color:#8250df}.cpp-modal-close-btn{color:var(--cpp-text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.cpp-modal-close-btn:hover{color:var(--cpp-text-heading)}.cpp-modal-body{color:var(--cpp-text);font-size:14px;line-height:1.6}.cpp-modal-btn{color:#fff;cursor:pointer;background:#1f6feb;border:none;border-radius:8px;width:100%;margin-top:20px;padding:10px;font-size:14px;font-weight:600;transition:background .2s}.cpp-modal-btn:hover{background:#388bfd}.cpp-ai-explanation-item{margin-bottom:16px}.cpp-ai-explanation-item h4{color:var(--cpp-text-heading);margin-top:0;margin-bottom:6px;font-size:14px;font-weight:600}.cpp-ai-explanation-item p{color:var(--cpp-text-muted);margin:0;font-size:13px;line-height:1.5}.cpp-ai-explanation-item ul{margin:0;padding-left:20px;list-style-type:disc}.cpp-ai-explanation-item ul li{color:var(--cpp-text-muted);margin-bottom:4px;font-size:13px}