@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Poppins:wght@600;700&display=swap";:root{--bg:#0a090e;--bg-darker:#07060a;--surface:#0e0d13;--surface-2:#131219;--surface-card:#111017;--surface-hover:#ffffff0d;--line:#1e1d28;--line-light:#ffffff1f;--line-red:#ef444480;--line-red-glow:#ef444440;--text:#f8fafc;--text-dim:#cbd5e1;--muted:#8c8696;--muted-dark:#585362;--red:#ef4444;--red-hover:#ff2a4b;--red-dark:#dc2626;--red-glow:#ef444473;--red-subtle:#ef444424;--red-pill:#ef444438;--sidebar-base:#08070b;--sidebar-smoke-strong:#ef4444;--sidebar-smoke-medium:#b91c1c;--sidebar-smoke-soft:#881337;--sidebar-smoke-faint:#4c0519;--green:#10b981;--green-bg:#10b9811f;--green-border:#10b9814d;--orange:#f59e0b;--orange-bg:#f59e0b1f;--orange-border:#f59e0b4d;--blue:#06b6d4;--blue-bg:#06b6d41f;--blue-border:#06b6d440;--purple:#a855f7;--purple-bg:#a855f71f;--purple-border:#a855f74d;--danger:#ef4444}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,sans-serif}button,input,select{font:inherit}button{cursor:pointer}:root,[data-theme=dark]{--bg:#070609;--surface:#110e15;--surface-2:#16131c;--surface-elevated:#1a1622;--line:#ffffff14;--line-strong:#ffffff26;--text:#f8fafc;--text-secondary:#cbd5e1;--muted:#8c8696;--red:#ef4444;--red-bright:#ff3b4e;--red-glow:#ef444466;--editor-bg:#0d0c10;--console-bg:#09080c;--input-bg:#181520;--hover-bg:#ffffff0d;--active-bg:#ef444426;--sidebar-bg:#070707;--navbar-bg:#0d0c10f0;--modal-bg:#110e15;--card-shadow:0 4px 24px #0006}[data-theme=light]{--bg:#f8fafc;--surface:#fff;--surface-2:#f1f5f9;--surface-elevated:#e2e8f0;--line:#0000001a;--line-strong:#0000002e;--text:#0f172a;--text-secondary:#334155;--muted:#64748b;--red:#dc2626;--red-bright:#ef4444;--red-glow:#dc262640;--editor-bg:#fff;--console-bg:#f8fafc;--input-bg:#f1f5f9;--hover-bg:#0000000a;--active-bg:#dc262614;--sidebar-bg:#fff;--navbar-bg:#fffffff2;--modal-bg:#fff;--card-shadow:0 4px 20px #00000014}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.forge-root-layout{background:var(--bg);height:100vh;color:var(--text);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.panel{background:var(--surface);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}.panel-title{color:#fff;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--line);z-index:500;background:#0d0c10f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:64px;margin-left:244px;padding:0 20px;display:flex;position:sticky;top:0}@media (width<=900px){.navbar{margin-left:0}}.brand-lockup{align-items:center;gap:12px;min-width:190px;display:flex}.brand-mark{width:32px;height:32px;box-shadow:none;background:0 0;border:0;place-items:center;display:grid}.brand-mark img{object-fit:contain;width:100%;height:100%}.brand-text-col strong{letter-spacing:-.2px;color:#fff;font-family:Poppins,Inter,sans-serif;font-size:16px;font-weight:700;line-height:1.15;display:block}.brand-text-col span{color:#8c8696;letter-spacing:.16em;margin-top:2px;font-size:8px;font-weight:700;display:block}.nav-center-switcher{background:#131219;border:1px solid #ffffff14;border-radius:10px;align-items:center;gap:4px;padding:3px;display:inline-flex;position:absolute;left:50%;transform:translate(-50%)}.nav-tab-btn{color:#8c8696;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:6px 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.nav-tab-btn:hover{color:#fff;background:#ffffff0a}.nav-tab-btn.active{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);box-shadow:0 0 16px #ef444480}.nav-user-section{align-items:center;gap:12px;margin-left:auto;display:flex}.notification-btn{width:36px;height:36px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;place-items:center;transition:all .15s;display:grid;position:relative}.notification-btn:hover{color:#fff;background:#ffffff0d}.user-profile-lockup{cursor:pointer;border-radius:20px;align-items:center;gap:10px;padding:4px 8px 4px 4px;transition:background .15s;display:flex}.user-profile-lockup:hover{background:#ffffff0a}.user-avatar{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-size:13px;font-weight:700;display:grid;box-shadow:0 2px 10px #e11d4859}.user-chevron{color:var(--muted)}.forge-body-container{background:#070609;flex:1;min-height:0;display:flex;overflow:hidden}.sidebar{z-index:12;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:linear-gradient(#050506eb,#0a0305f2),#070707;border-right:1px solid #ffffff13;flex-direction:column;justify-content:space-between;width:244px;min-height:100vh;padding:25px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar:before{z-index:-1;content:"";filter:drop-shadow(35px -45px 45px #d8081f2e);background:linear-gradient(145deg,#0000 35%,#ef142b29 51%,#0000 52%),linear-gradient(120deg,#0000 46%,#ef142b5c 49%,#0000 52%);border:1px solid #ff182f38;border-radius:42% 58% 62% 38%;width:470px;height:470px;animation:10s ease-in-out infinite alternate sidebar-flow;position:absolute;bottom:-15px;left:-280px;rotate:-18deg}.sidebar:after{z-index:-1;content:"";background:linear-gradient(160deg,#0000 35%,#db0b211f,#0000 68%);border-top:1px solid #ff2a3e38;border-bottom:1px solid #ff2a3e14;width:410px;height:160px;position:absolute;top:49%;left:-205px;rotate:-42deg;box-shadow:0 -35px 60px #db0b2121}.sidebar>*{z-index:1;position:relative}.brand{color:#fff;letter-spacing:-.45px;align-items:center;gap:11px;font-size:17px;font-weight:500;text-decoration:none;display:flex}.brand strong{font-weight:700}.brand em{color:#f22537;font-style:normal;font-weight:700}.brand-logo-wrap{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;position:relative;overflow:hidden}.brand-logo-img{object-fit:contain;width:100%;height:100%;display:block}.brand-mark{color:#ec2639;background:linear-gradient(145deg,#171012,#090809);border:1px solid #f238451f;border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 20px #f2384521,0 0 18px #f2384529}.brand-mark:after{content:"";background:#f23845;width:20px;height:1px;position:absolute;rotate:-34deg;box-shadow:0 0 12px #f23845}.brand-mark svg{z-index:1;position:relative}.brand-copy{flex-direction:column;gap:3px;display:flex}.brand-copy small{color:#706b71;letter-spacing:2.1px;font-size:7px;font-weight:600}.side-nav{margin-top:52px}.nav-label{color:#57525a;letter-spacing:1.8px;text-transform:uppercase;margin:0 10px 10px;font-size:9px;font-weight:700}.account-label{margin-top:32px}.nav-item{color:#77737b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;width:100%;margin:6px 0;padding:12px;transition:color .18s,border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex}.nav-item span{font-size:13px;font-weight:500}.nav-item.active{color:#fff0f1;background:linear-gradient(90deg,#d8112573,#6805124d),#f238451f;border-color:#ff2238b8;box-shadow:0 0 24px #f21f3438,inset 0 0 18px #f238451f}.nav-count{color:#d8d4d7;text-align:center;background:#ffffff12;border-radius:999px;min-width:22px;margin-left:auto;padding:2px 7px;font-size:10px}.sign-out{color:#aaa5ab;cursor:pointer;background:0 0;border:0;border-top:1px solid #ffffff0f;align-items:center;gap:11px;width:100%;margin-top:auto;padding:18px 12px 4px;font-size:12px;transition:color .18s;display:flex}.sign-out:hover{color:#ff5660}@keyframes sidebar-flow{0%{transform:translate(0,0)rotate(0)}to{transform:translate(25px,-18px)rotate(4deg)}}@media (width<=900px){.sidebar{width:250px;transition:transform .26s cubic-bezier(.2,.8,.2,1);transform:translate(-105%)}.sidebar.sidebar-open{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.sidebar:before{animation:none}.nav-item{transition:none}}:root{--sidebar-red:#ff142f;--sidebar-red-bright:#ff3b4e;--sidebar-red-dark:#b9001f;--sidebar-red-glow:#ff142fa6}.sidebar{background:radial-gradient(circle at -10% 52%,#ff0f2d3d,#0000 38%),linear-gradient(#070506f5,#0f0205fa),#070707;box-shadow:inset -1px 0 #ffffff0d,12px 0 60px #ff002314}.sidebar:before{filter:drop-shadow(25px -30px 30px #ff0a2852)saturate(1.5);background:linear-gradient(145deg,#0000 32%,#ff122e1f 43%,#ff122e85 49%,#ff122e1a 54%,#0000 60%),linear-gradient(118deg,#0000 42%,#ff1c32a6 48%,#ff1c3214 52%,#0000 58%);border-color:#ff233a85;width:500px;height:500px;animation:2.8s ease-in-out infinite alternate sidebar-red-flow;bottom:-25px;left:-285px;box-shadow:0 0 45px #ff0f2a38,inset 0 0 35px #ff0f2a1a}.sidebar:after{background:linear-gradient(155deg,#0000 28%,#ff0f2c1f 41%,#ff0f2c66 49%,#ff0f2c14 57%,#0000 68%);border-top-color:#ff2e427a;border-bottom-color:#ff2e4229;width:440px;height:190px;animation:2.2s ease-in-out infinite alternate sidebar-secondary-flow;top:43%;left:-210px;box-shadow:0 -30px 65px #ff0a2642,0 25px 65px #ff0a261f}.brand-mark{color:var(--sidebar-red-bright);background:radial-gradient(circle,#ff142f2e,#0000 70%),linear-gradient(145deg,#211013,#080708);border-color:#ff233a73;animation:1.5s ease-in-out infinite alternate logo-red-pulse;box-shadow:inset 0 0 22px #ff142f38,0 0 14px #ff142f52,0 0 32px #ff142f1f}.brand-mark:after{background:var(--sidebar-red-bright);height:2px;box-shadow:0 0 7px var(--sidebar-red), 0 0 16px var(--sidebar-red)}.brand-mark svg{color:var(--sidebar-red-bright);filter:drop-shadow(0 0 4px #ff1e34cc)drop-shadow(0 0 10px #ff1e3466)}.brand em{color:var(--sidebar-red-bright);text-shadow:0 0 8px #ff142f59,0 0 18px #ff142f2e}.nav-item{transition:color .12s,border-color .12s,background .12s,box-shadow .12s,transform .12s}.nav-item:hover{color:#fff;background:linear-gradient(90deg,#ff142f29,#ff142f08);transform:translate(4px)}.nav-item.active{color:#fff;background:linear-gradient(90deg,#ff122dad,#aa001c6b),#ff142f33;border-color:#ff2b3ff2;animation:1.25s ease-in-out infinite alternate active-navigation-glow;box-shadow:0 0 8px #ff142fa6,0 0 22px #ff142f6b,0 0 42px #ff142f2e,inset 0 0 20px #ff556433,inset 0 1px #ffffff2e}.nav-item.active:before{content:"";background:#ff4054;border-radius:0 4px 4px 0;width:3px;height:62%;position:absolute;top:19%;left:-1px;box-shadow:0 0 8px #ff1937,0 0 16px #ff1937}.nav-item.active svg{color:#fff;filter:drop-shadow(0 0 5px #ffffff73)drop-shadow(0 0 10px #ff142fe6)}.sign-out{transition:color .12s,background .12s,box-shadow .12s}.sign-out:hover{color:#fff;box-shadow:inset 3px 0 var(--sidebar-red);background:linear-gradient(90deg,#ff142f29,#0000)}@keyframes sidebar-red-flow{0%{opacity:.7;transform:translate(-12px,12px)rotate(-4deg)scale(.98)}50%{opacity:1}to{opacity:.85;transform:translate(34px,-26px)rotate(7deg)scale(1.06)}}@keyframes sidebar-secondary-flow{0%{opacity:.45;transform:translate(-18px,10px)rotate(-3deg)}to{opacity:1;transform:translate(28px,-22px)rotate(6deg)}}@keyframes logo-red-pulse{0%{box-shadow:inset 0 0 14px #ff142f29,0 0 10px #ff142f40}to{box-shadow:inset 0 0 25px #ff142f52,0 0 18px #ff142f8c,0 0 38px #ff142f38}}@keyframes active-navigation-glow{0%{filter:brightness(.95);transform:translate(0)}to{filter:brightness(1.2);transform:translate(2px)}}@media (prefers-reduced-motion:reduce){.sidebar:before,.sidebar:after,.brand-mark,.nav-item.active{animation:none}}.forge-main-content,.main-content{flex:1;min-width:0;min-height:0;margin-left:244px;padding:12px 18px 48px;overflow:hidden auto}.custom-lang-select-container{display:inline-block;position:relative}.custom-lang-select-container .custom-language-dropdown{background:var(--surface-2);border:1px solid var(--line-strong);z-index:1200;border-radius:10px;width:180px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0009}.custom-select-trigger{border:1px solid var(--line-strong);background:var(--input-bg);min-width:95px;height:34px;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex}.custom-select-trigger:hover{border-color:var(--muted);background:var(--surface-2)}.custom-select-trigger.open{border-color:var(--red-bright);background:var(--surface-2)}.custom-select-dropdown{background:var(--surface-2);border:1px solid var(--line-strong);z-index:1200;border-radius:10px;flex-direction:column;gap:2px;min-width:120px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 10px 30px #0009}.custom-option-item{width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;padding:7px 10px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.custom-option-item:hover{background:var(--hover-bg);color:var(--text)}.custom-option-item.selected{color:#fff;background:#ef44442e;font-weight:600}@media (width<=900px){.forge-main-content,.main-content{margin-left:0}}.compiler-view-wrapper{flex-direction:column;gap:12px;display:flex}.compiler-top-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.icon-button{border:1px solid var(--line);color:#9a94a4;cursor:pointer;background:#141217;border-radius:9px;place-items:center;width:36px;height:36px;transition:all .15s;display:grid}.file-upload{display:none}.new-button{border:1px solid var(--line);color:#e2dce8;cursor:pointer;background:#141217;border-radius:9px;align-items:center;gap:5px;height:36px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.new-button:hover{color:#fff;background:#1c1922;border-color:#ffffff2e}.language-selector-wrapper{z-index:600;display:inline-block;position:relative}.custom-language-trigger{border:1px solid var(--line);color:#f1ecf6;cursor:pointer;-webkit-user-select:none;user-select:none;background:#141217;border-radius:9px;justify-content:space-between;align-items:center;gap:9px;min-width:125px;height:36px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.custom-language-trigger:hover{border-color:var(--line-light);background:#1c1922}.custom-language-trigger.open{border-color:var(--red);background:#1c1922}.lang-icon-badge{font-size:13px}.lang-trigger-label{font-weight:600}.chevron-icon{color:#7b7586;transition:transform .2s,color .15s}.chevron-icon.rotated{color:var(--red);transform:rotate(180deg)}.custom-language-dropdown{z-index:1000;background:#151319;border:1px solid #e11d484d;border-radius:11px;flex-direction:column;gap:2px;min-width:145px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 40px #000000b3}.lang-option-item{color:#d3cddc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:12.5px;font-weight:500;transition:all .12s;display:flex}.lang-option-item:hover{color:#fff;background:#ffffff0f}.lang-option-item.selected{color:#fff;background:#e11d482e;font-weight:600}.lang-check{color:var(--red);margin-left:auto}.run-button{color:#fff;background:var(--red);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 0 18px #e11d4866}.run-button:hover:not(:disabled){background:var(--red-hover);transform:translateY(-1px);box-shadow:0 0 24px #e11d4899}.run-button:active:not(:disabled){transform:scale(.98)}.run-button:disabled{opacity:.65;cursor:not-allowed}.workspace-grid{grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:12px;min-height:440px;display:grid}.editor-stdin-column{flex-direction:column;gap:12px;min-width:0;display:flex}.editor-card{flex-direction:column;flex:1;min-height:280px;display:flex}.editor-tabs-header{padding:0 10px}.editor-tabs-list{align-items:center;gap:5px;display:flex}.editor-tab{color:#e4dfeb;border:1px solid var(--line);background:#191720;border-radius:6px;align-items:center;gap:8px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.editor-tab.active{background:#1c1824;border-color:#e11d4866}.tab-close-btn{color:#7b7586;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.tab-close-btn:hover{color:#fff}.editor-new-tab-btn{color:#7b7586;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:24px;height:24px;display:grid}.auto-saved-badge{color:#756f80;align-items:center;gap:5px;font-size:11px;display:inline-flex}.auto-saved-badge .dot{background:#22c55e;border-radius:50%;width:6px;height:6px}.editor-wrap{background:#0e0d11;flex:1;min-height:220px}.stdin-card{flex-direction:column;min-height:120px;display:flex}.stdin-header{padding:0 12px}.stdin-icon{color:var(--red)}.stdin-clear-btn{color:#7e7888;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:11.5px;display:inline-flex}.stdin-clear-btn:hover{color:#fff;background:#ffffff0f}.stdin-body{background:#0e0d11;flex:1;padding:8px 12px}.stdin-textarea{color:#e2dce8;resize:none;background:0 0;border:0;outline:0;width:100%;height:80px;font-family:JetBrains Mono,monospace;font-size:12px}.preview-card{flex-direction:column;min-height:420px;display:flex}.preview-header-icon{color:var(--red)}.live-status-pill{color:#22c55e;letter-spacing:.05em;background:#22c55e26;border:1px solid #22c55e59;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:800}.preview-actions{flex-shrink:0;align-items:center;gap:6px;margin-right:8px;display:flex}.preview-actions button{min-width:28px;height:28px;color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:11.5px;font-weight:500;transition:all .2s;display:inline-flex}.preview-actions button.icon-only-btn{width:28px;padding:0}.preview-actions button:hover{color:var(--text,#fff);background:#ffffff0f}.stdin-action-btn{border:1px solid var(--line,#ffffff14)!important;color:var(--text-muted,#94a3b8)!important;cursor:pointer!important;white-space:nowrap!important;background:#ffffff0a!important;border-radius:6px!important;align-items:center!important;gap:4px!important;padding:3px 9px!important;font-size:11.5px!important;transition:all .2s!important;display:inline-flex!important}.preview-mac-window{background:#09080b;flex-direction:column;flex:1;display:flex}.preview-window-bar{border-bottom:1px solid var(--line);background:#110f15;align-items:center;gap:12px;height:32px;padding:0 10px;display:flex}.mac-dots-container{align-items:center;gap:6px;display:flex}.mac-dot{border-radius:50%;width:10px;height:10px}.mac-dot.red{background:#ff5f56}.mac-dot.yellow{background:#ffbd2e}.mac-dot.green{background:#27c93f}.mac-address-bar{color:#716b7c;background:#17151e;border:1px solid #ffffff0d;border-radius:4px;flex:1;justify-content:center;align-items:center;max-width:240px;height:20px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex}.preview-iframe{background:#fff;border:0;flex:1;width:100%}.preview-terminal-body{color:#e5e0ed;flex-direction:column;flex:1;gap:4px;padding:12px 14px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex;overflow-y:auto}.preview-terminal-line{word-break:break-all;line-height:1.5}.terminal-line-prompt{color:#9d96a6}.terminal-line-value{color:var(--red);font-weight:600}.preview-active-line{align-items:center;gap:6px;display:flex}.preview-active-input{color:var(--red);background:0 0;border:0;outline:0;flex:1;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600}.output-card{flex-direction:column;min-height:160px;display:flex}.output-tabs-header{padding:0 12px}.output-tab-btn.active{color:#fff;background:#1a1822;font-weight:600}.output-clear-btn{color:#7b7586;cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;gap:4px;padding:3px 6px;font-size:11.5px;display:inline-flex}.output-status-pill{border-radius:5px;align-items:center;gap:5px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.tab-error-dot{background:#ef4444;border-radius:50%;width:6px;height:6px;margin-left:2px;display:inline-block}.output-loading-line{color:#fbbf24;font-family:var(--font-mono,monospace);align-items:center;gap:8px;padding:4px 0;font-size:13px;display:flex}.output-stat-pill{color:#8c8696;border:1px solid var(--line);background:#141218;border-radius:4px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;display:inline-flex}.output-console-body{background:#09080b;flex:1;max-height:220px;padding:12px 16px;overflow-y:auto}.output-lines-container{color:#e2dce8;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5}.output-console-line{line-height:1.5}.output-highlight-val{color:var(--red);font-weight:600}.output-placeholder{color:#5c5666;font-size:12px}.output-error-text{color:#f87171;white-space:pre-wrap;margin:0;font-family:JetBrains Mono,monospace;font-size:12px}.output-info-view strong{color:#e2dce8}.forge-practice-workspace{flex-direction:column;gap:8px;width:100%;height:calc(100vh - 82px);display:flex}.workspace-header-bar{border:1px solid var(--line);background:#0d0c11;border-radius:10px;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;padding:0 12px;display:flex}.workspace-header-left{align-items:center;gap:12px;display:flex}.forge-back-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.forge-back-btn:hover{background:#ffffff14;border-color:#fff3}.workspace-problem-switcher{border:1px solid var(--line);background:#131118;border-radius:8px;align-items:center;gap:6px;padding:2px 6px;display:flex}.switcher-arrow-btn{color:#8c8696;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:inline-flex}.switcher-arrow-btn:hover{color:#fff;background:#ffffff14}.switcher-title{color:#fff;padding:0 4px;font-size:12.5px;font-weight:700}.workspace-header-right{align-items:center;gap:8px;display:flex}.bookmark-btn{border:1px solid var(--line);color:#8c8696;cursor:pointer;background:#14121a;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:inline-flex}.bookmark-btn:hover{color:#fff;border-color:#fff3}.bookmark-btn.active{color:var(--red);background:#e11d481f;border-color:#e11d4866}.forge-run-action-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#16141d;border-radius:7px;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.forge-run-action-btn:hover:not(:disabled){background:#201d2a;border-color:#ffffff40}.forge-submit-action-btn{background:var(--red);color:#fff;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:6px;padding:5px 16px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex;box-shadow:0 0 16px #e11d4873}.forge-submit-action-btn:hover:not(:disabled){background:var(--red-hover);box-shadow:0 0 22px #e11d48a6}.workspace-main-split{flex:1;grid-template-columns:1fr 1fr;gap:8px;height:calc(100% - 56px);display:grid;overflow:hidden}.workspace-left-card{flex-direction:column;height:100%;display:flex;overflow:hidden}.card-tab-header{border-bottom:1px solid var(--line);background:#0d0c11;flex-shrink:0;align-items:center;gap:4px;height:40px;padding:0 8px;display:flex}.card-tab-button{color:#8c8696;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:5px 13px;font-size:12px;font-weight:600;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.card-tab-button:hover{color:#fff;background:#ffffff0d}.card-tab-button.active{color:#ef4444;background:#ef444426;border:1px solid #ef444480;box-shadow:0 0 12px #ef444440}.card-tab-button.active svg{color:#ef4444}.card-scroll-body{flex:1;padding:16px 20px;overflow-y:auto}.problem-full-description{flex-direction:column;gap:16px;display:flex}.problem-headline h2{color:#fff;margin:0 0 10px;font-size:22px;font-weight:700}.problem-headline-badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.forge-diff-tag{border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600}.forge-diff-tag.easy{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.forge-diff-tag.medium{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.forge-diff-tag.hard{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d}.forge-topic-tag{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d440;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:500}.headline-stat{color:#8c8696;align-items:center;gap:5px;font-size:12px;display:inline-flex}.headline-stat-solved{color:#10b981;background:#10b98114;border:1px solid #10b98159;border-radius:9999px;align-items:center;gap:5px;padding:2px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.problem-markdown-body{color:#d1d5db;font-size:13.5px;line-height:1.65}.problem-markdown-body p{margin:0 0 12px}.forge-inline-code{color:#f3f4f6;background:#171620;border:1px solid #262534;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:12px}.spec-card{background:#111017;border:1px solid #1e1d28;border-radius:8px;margin-bottom:10px;padding:12px 14px}.spec-header-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.spec-square-icon{background:#ef4444;border-radius:2px;flex-shrink:0;width:10px;height:10px;box-shadow:0 0 8px #ef444499}.spec-title{color:#fff;font-size:13px;font-weight:700}.spec-text{color:#9ca3af;flex-direction:column;gap:4px;margin:0;font-size:12.5px;line-height:1.6;display:flex}.section-title{color:#fff;margin:0 0 10px;font-size:15px;font-weight:700}.examples-container{flex-direction:column;gap:10px;margin-top:14px;display:flex}.example-block-card{background:#111017;border:1px solid #1e1d28;border-radius:8px;margin-bottom:4px;overflow:hidden}.example-block-header{color:#fff;background:#13121a;border-bottom:1px solid #1c1b26;justify-content:space-between;align-items:center;padding:8px 14px;font-size:12.5px;font-weight:700;display:flex}.example-copy-btn{color:#8c8696;cursor:pointer;background:#171620;border:1px solid #262534;border-radius:5px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;transition:all .15s;display:inline-flex}.example-copy-btn:hover{color:#fff;background:#ffffff14;border-color:#fff3}.example-block-content{flex-direction:column;gap:8px;padding:12px 14px;font-size:12.5px;display:flex}.ex-line{align-items:flex-start;gap:12px;display:flex}.ex-tag{color:#8c8696;min-width:90px;font-weight:600}.ex-code-body{color:#fff;white-space:pre;margin:0;font-family:JetBrains Mono,monospace;font-size:12.5px}.ex-desc{color:#cbd5e1}.constraints-items-list{color:#d1cbd8;margin:0;padding-left:18px;font-size:13px}.constraints-items-list li{margin-bottom:5px}.constraints-items-list code{color:#ff79c6;font-family:JetBrains Mono,monospace}.workspace-right-card{flex-direction:column;gap:0;min-width:250px;height:100%;display:flex;overflow:hidden}.editor-pane-card{flex-direction:column;min-height:120px;display:flex;overflow:hidden}.editor-pane-header{border-bottom:1px solid var(--line);background:#0d0c11;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 10px;display:flex}.editor-lang-group{align-items:center;gap:8px;display:flex}.lang-pill-container{display:inline-block;position:relative}.lang-pill-trigger{color:#fff;cursor:pointer;background:#171620;border:1px solid #262534;border-radius:8px;align-items:center;gap:8px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.lang-pill-trigger:hover{background:#1f1e29;border-color:#ffffff38}.lang-chevron-icon{color:#8c8696}.lang-pill-real-select{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.editor-quick-icons{align-items:center;gap:4px;display:flex}.editor-icon-action{color:#8c8696;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.editor-icon-action:hover{color:#fff;background:#ffffff14}.editor-auto-save-tag{align-items:center;gap:6px;font-size:11.5px;display:inline-flex}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #ef4444b3}70%{transform:scale(1);box-shadow:0 0 0 6px #ef444400}to{transform:scale(.95);box-shadow:0 0 #ef444400}}.auto-save-red-dot{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 6px #ef4444}.auto-save-label{color:#ef4444;font-weight:600}.auto-save-time{color:#6e687a}.editor-more-btn{color:#8c8696;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.editor-more-btn:hover{color:#fff}.monaco-container-wrap{background:#0e0d13;flex:1;min-height:0}.editor-bottom-status-bar{color:#6b7280;background:#0a090f;border-top:1px solid #1a1924;flex-shrink:0;justify-content:flex-end;align-items:center;gap:16px;height:26px;padding:0 14px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.status-metric{color:#6b7280}.testcase-pane-card{flex-direction:column;flex:42;min-height:180px;display:flex;overflow:hidden}.testcase-pane-header{border-bottom:1px solid var(--line);background:#0d0c11;flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:0 12px;display:flex}.testcase-mode-tabs{gap:6px;display:flex}.tc-mode-btn{color:#8c8696;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tc-mode-btn:hover{color:#fff}.tc-mode-btn.active{color:#ef4444;background:#ef444426;border:1px solid #ef444480;box-shadow:0 0 12px #ef444440}.tc-mode-btn.active svg{color:#ef4444}.tc-result-btn{color:#8c8696;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.tc-result-btn:hover{color:#fff}.tc-result-btn.active{color:#fff;background:linear-gradient(135deg,#a00f23a6 0%,#5f0a16bf 100%);border:1px solid #f0202fa6;box-shadow:0 0 12px #ec022047}.testcase-pane-body{background:#0e0d13;flex:1;padding:12px 14px 16px;overflow-y:auto}.case-pills-row{align-items:center;gap:8px;margin-bottom:12px;display:flex}.case-pill-btn{color:#8c8696;cursor:pointer;background:#16151f;border:1px solid #232230;border-radius:6px;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.case-pill-btn:hover{color:#fff;background:#1c1b27}.case-pill-btn.active{color:#fff;background:#dc2626;border:1px solid #ef4444;box-shadow:0 2px 10px #ef444459}.case-indicator{font-size:10px;font-weight:800}.case-indicator.passed{color:#22c55e}.case-indicator.failed{color:#fff}.case-add-btn{color:#8c8696;cursor:pointer;background:#16151f;border:1px solid #232230;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:inline-flex}.case-add-btn:hover{color:#fff;border-color:#fff3}.case-detail-inputs{flex-direction:column;gap:10px;display:flex}.input-field-group{flex-direction:column;gap:4px;display:flex}.field-label-row{justify-content:space-between;align-items:center;display:flex}.case-field-label{color:#d1d5db;font-size:12px;font-weight:600}.code-box-container{background:#111017;border:1px solid #1e1d28;border-radius:8px;transition:border-color .15s;position:relative;overflow:hidden}.code-box-container:hover{border-color:#2e2c3d}.code-box-container .input-pre-card{color:#fff;white-space:pre;background:0 0;border:none;max-height:72px;margin:0;padding:10px 42px 10px 14px;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.5}.code-box-container .io-copy-btn{color:#8c8696;cursor:pointer;background:0 0;border:none;place-items:center;padding:2px;transition:color .15s;display:grid;position:absolute;top:10px;right:10px}.code-box-container .io-copy-btn:hover{color:#fff}.input-pre-card.passed{background:#22c55e0d;border-color:#22c55e66}.input-pre-card.failed{color:#fca5a5;background:#ef44440d;border-color:#ef444466}.run-testcase-bottom-row{align-items:center;margin-top:12px;padding-bottom:4px;display:flex}.run-testcase-red-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:0;border-radius:8px;align-items:center;gap:8px;padding:9px 20px;font-size:13px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 4px 18px #ef444473}.run-testcase-red-btn:hover:not(:disabled){background:linear-gradient(135deg,#ff2a4b 0%,#ef4444 100%);transform:translateY(-1px);box-shadow:0 6px 24px #ef4444a6}.run-testcase-red-btn:active:not(:disabled){transform:scale(.98)}.custom-input-runner-view{flex-direction:column;gap:8px;display:flex}.custom-textarea-card{color:#fff;resize:none;background:#0d0c12;border:1px solid #1b1924;border-radius:6px;outline:0;width:100%;height:60px;padding:8px 12px;font-family:JetBrains Mono,monospace;font-size:12px}.custom-textarea-card:focus{border-color:var(--red)}.submissions-history-view{flex-direction:column;height:100%;display:flex}.submissions-table-wrapper{width:100%;overflow-x:auto}.submissions-history-view-redesign{flex-direction:column;gap:20px;padding:20px 24px 32px;animation:.25s ease-out fadeIn;display:flex}.submissions-hub-header{border-bottom:1px solid var(--line,#ffffff14);justify-content:space-between;align-items:center;gap:16px;padding-bottom:16px;display:flex}.submissions-hub-title-group{flex-direction:column;gap:4px;display:flex}.submissions-title-badge{align-items:center;gap:8px;display:flex}.submissions-title-badge h3{color:var(--text,#fff);letter-spacing:-.02em;margin:0;font-size:18px;font-weight:700}.submissions-hub-subtitle{color:var(--text-muted,#94a3b8);margin:0;font-size:13px}.submissions-back-to-editor-btn{color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.submissions-back-to-editor-btn:hover{background:var(--red,#ef4444);border-color:var(--red,#ef4444);color:#fff;transform:translateY(-1px);box-shadow:0 4px 14px #ef444459}.submissions-stats-cards-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.sub-stat-card{background:var(--surface-light,#ffffff08);border:1px solid var(--line,#ffffff14);border-radius:10px;align-items:center;gap:14px;padding:14px 16px;display:flex;box-shadow:0 2px 8px #0003}.sub-stat-card-icon{border-radius:8px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.sub-stat-card-icon.total{color:#c084fc;background:#9333ea26}.sub-stat-card-icon.accepted{color:#4ade80;background:#22c55e26}.sub-stat-card-icon.speed{color:#facc15;background:#eab30826}.sub-stat-card-icon.time{color:#60a5fa;background:#3b82f626}.sub-stat-card-info{flex-direction:column;gap:2px;min-width:0;display:flex}.sub-stat-card-label{color:var(--text-muted,#94a3b8);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px;font-weight:500}.sub-stat-card-val{color:var(--text,#fff);white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:700;overflow:hidden}.sub-stat-card-val small{color:var(--text-muted,#94a3b8);margin-left:4px;font-size:12px;font-weight:500}.submissions-toolbar-row{background:var(--surface-light,#ffffff05);border:1px solid var(--line,#ffffff0f);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.submissions-search-box{background:var(--surface,#121016);border:1px solid var(--line,#ffffff1a);border-radius:8px;flex:1;align-items:center;gap:8px;min-width:220px;max-width:360px;padding:6px 12px;display:flex}.sub-search-icon{color:var(--text-muted,#64748b);flex-shrink:0}.sub-search-input{color:var(--text,#fff);background:0 0;border:0;outline:none;width:100%;font-size:12.5px}.sub-search-input::placeholder{color:var(--text-muted,#64748b)}.sub-search-clear{color:var(--text-muted,#64748b);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.submissions-filter-pills-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sub-filter-pill{color:var(--text-muted,#94a3b8);cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s}.sub-filter-pill:hover{color:var(--text,#fff);background:#ffffff14}.sub-filter-pill.active{color:#fff;background:#ffffff1f;border-color:#ffffff40}.sub-filter-pill.green.active{color:#4ade80;background:#22c55e2e;border-color:#22c55e73}.sub-filter-pill.red.active{color:#f87171;background:#ef44442e;border-color:#ef444473}.sub-filter-pill.amber.active{color:#fbbf24;background:#f59e0b2e;border-color:#f59e0b73}.sub-filter-pill.rose.active{color:#f472b6;background:#ec48992e;border-color:#ec489973}.submissions-lang-select-box select{background:var(--surface,#121016);border:1px solid var(--line,#ffffff1a);color:var(--text,#fff);cursor:pointer;border-radius:8px;outline:none;padding:6px 12px;font-size:12px;font-weight:500}.submissions-table-wrapper-redesign{border:1px solid var(--line,#ffffff14);background:var(--surface,#0f0e13);border-radius:10px;width:100%;overflow-x:auto;box-shadow:0 4px 20px #00000040}.forge-history-table-modern{border-collapse:collapse;text-align:left;width:100%;min-width:880px}.forge-history-table-modern thead th{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted,#94a3b8);border-bottom:1px solid var(--line,#ffffff14);white-space:nowrap;z-index:2;background:#ffffff05;padding:10px 12px;font-size:11px;font-weight:700;position:sticky;top:0}.forge-history-table-modern tbody tr.history-table-row-modern{cursor:pointer;border-bottom:1px solid #ffffff0a;transition:all .15s}.forge-history-table-modern tbody tr.history-table-row-modern:hover{background:#ffffff0a}.forge-history-table-modern tbody td{color:var(--text,#e2e8f0);vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ffffff0a;padding:10px 12px;font-size:12.5px}.forge-history-table-modern tbody td:last-child{min-width:175px;padding-right:16px}.history-id-cell{align-items:center;gap:6px;display:flex}.history-id-modern{color:#a78bfa;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600}.sub-id-copy-btn{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:2px;transition:all .2s;display:grid}.sub-id-copy-btn:hover{color:#fff;background:#ffffff14}.history-verdict-badge{letter-spacing:.03em;white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.history-verdict-badge.accepted{color:#4ade80;background:#22c55e24;border:1px solid #22c55e59;box-shadow:0 0 10px #22c55e26}.history-verdict-badge.wrong_answer,.history-verdict-badge.wrong-answer,.history-verdict-badge.failed{color:#f87171;background:#ef444424;border:1px solid #ef444459}.history-verdict-badge.compilation_error,.history-verdict-badge.compilation-error{color:#fbbf24;background:#f59e0b24;border:1px solid #f59e0b59}.history-verdict-badge.runtime_error,.history-verdict-badge.runtime-error{color:#f472b6;background:#ec489924;border:1px solid #ec489959}.history-verdict-badge.time_limit_exceeded,.history-verdict-badge.time-limit-exceeded{color:#fb923c;background:#fb923c24;border:1px solid #fb923c59}.history-lang-badge{text-transform:capitalize;color:var(--text,#e2e8f0);background:#ffffff0a;border:1px solid #ffffff0f;border-radius:6px;align-items:center;gap:6px;padding:3px 8px;font-size:12px;font-weight:500;display:inline-flex}.sub-score-progress-group{align-items:center;gap:8px;display:flex}.sub-score-val{color:#fff;font-size:12px;font-weight:700}.sub-mini-progress-bar{background:#ffffff1a;border-radius:3px;width:48px;height:5px;overflow:hidden}.sub-progress-fill.green{background:#22c55e;height:100%}.sub-progress-fill.red{background:#ef4444;height:100%}.sub-tests-ratio{color:var(--text-muted,#94a3b8);font-size:11px}.history-metric-mono{color:var(--text,#cbd5e1);align-items:center;gap:4px;font-family:JetBrains Mono,monospace;font-size:12px;display:inline-flex}.metric-inline-icon{color:#facc15}.history-date-cell{color:var(--text-muted,#94a3b8);font-size:12px}.sub-row-actions-group{white-space:nowrap;justify-content:flex-end;align-items:center;gap:6px;display:inline-flex}.sub-action-view-btn{color:var(--text,#fff);cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:500;transition:all .2s;display:inline-flex}.sub-action-view-btn:hover{background:#ffffff1f;border-color:#ffffff40}.sub-action-restore-btn{color:#fca5a5;cursor:pointer;white-space:nowrap;background:#ef44441a;border:1px solid #ef44444d;border-radius:6px;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px;font-weight:600;transition:all .2s;display:inline-flex}.sub-action-restore-btn:hover{color:#fff;background:#ef444440;border-color:#ef444480}.sub-clear-filter-btn{color:#fff;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:6px;margin-top:10px;padding:6px 14px;font-size:12px}.submission-detail-modal{background:var(--surface,#110f16);border:1px solid var(--line,#ffffff1f);border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:88vh;animation:.2s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 16px 40px #00000080}.submission-modal-header{border-bottom:1px solid var(--line,#ffffff14);background:#ffffff05;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.submission-modal-title-group h3{color:var(--text,#fff);margin:0;font-size:16px;font-weight:700}.submission-modal-subtext{color:var(--text-muted,#94a3b8);font-size:12px}.submission-detail-metrics-grid{border-bottom:1px solid var(--line,#ffffff0f);background:#0003;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;padding:14px 20px;display:grid}.sub-modal-metric-card{flex-direction:column;gap:4px;display:flex}.sub-modal-metric-label{text-transform:uppercase;color:var(--text-muted,#94a3b8);letter-spacing:.04em;font-size:11px;font-weight:600}.sub-modal-metric-val{color:#fff;font-size:14px;font-weight:700}.submission-code-viewer-container{background:#08070b;flex-direction:column;flex:1;min-height:0;display:flex}.submission-code-header-bar{background:#ffffff08;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.code-lang-indicator{color:var(--text-muted,#94a3b8);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.sub-copy-code-btn{color:var(--text,#fff);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:5px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;transition:all .2s;display:inline-flex}.sub-copy-code-btn:hover{background:#ffffff1f}.submission-code-viewer{color:#e2e8f0;background:#08070c;flex:1;max-height:420px;padding:14px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow:auto}.code-line-row{align-items:flex-start;min-height:22px;display:flex}.code-line-num{text-align:right;color:#4b5563;-webkit-user-select:none;user-select:none;flex-shrink:0;width:38px;padding-right:14px;font-size:11.5px}.code-line-text{white-space:pre;word-break:break-all;flex:1;font-family:JetBrains Mono,monospace}.submission-modal-footer{border-top:1px solid var(--line,#ffffff14);background:#ffffff05;justify-content:flex-end;align-items:center;gap:12px;padding:14px 20px;display:flex}.restore-code-btn{color:#fff!important;cursor:pointer!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:1px solid #ef444466!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:8px!important;padding:9px 18px!important;font-size:12.5px!important;font-weight:600!important;transition:all .2s cubic-bezier(.16,1,.3,1)!important;display:inline-flex!important;box-shadow:0 4px 14px #ef44444d!important}.restore-code-btn:hover{background:linear-gradient(135deg,#f87171 0%,#ef4444 100%)!important;transform:translateY(-1px)!important;box-shadow:0 6px 18px #ef444473!important}.submission-modal-footer .secondary-btn{color:var(--text,#e2e8f0)!important;cursor:pointer!important;background:#ffffff0d!important;border:1px solid #ffffff1f!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;padding:9px 18px!important;font-size:12.5px!important;font-weight:500!important;transition:all .2s!important;display:inline-flex!important}.submission-modal-footer .secondary-btn:hover{color:#fff!important;background:#ffffff1a!important;border-color:#fff3!important}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.submission-verdict-modal{background:#0e0e14;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:18px;width:100%;max-width:580px;padding:24px;display:flex;box-shadow:0 24px 60px #000c}.verdict-modal-header,.submission-modal-header{justify-content:space-between;align-items:center;display:flex}.verdict-header-lockup{align-items:center;gap:12px;display:flex}.verdict-huge-badge{border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:16px;font-weight:700;display:inline-flex}.verdict-huge-badge.accepted{color:var(--green);background:var(--green-bg);border:1px solid var(--green-border)}.verdict-huge-badge.failed{color:var(--red);background:var(--red-subtle);border:1px solid var(--red-glow)}.verdict-score-pill{background:var(--surface-2);color:#fff;border-radius:6px;padding:4px 10px;font-size:14px;font-weight:700}.modal-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none}.modal-close-btn:hover{color:#fff}.verdict-metrics-row{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.metric-box{border:1px solid var(--line);background:#07070a;border-radius:8px;flex-direction:column;gap:4px;padding:12px;display:flex}.metric-label{color:var(--muted);font-size:11px}.metric-val{color:#fff;font-size:14px}.verdict-continue-btn{background:var(--red);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;height:42px;font-weight:600}.forge-practice-catalog{flex-direction:column;gap:16px;height:100%;padding-right:4px;display:flex;overflow-y:auto}.practice-hero-banner{background:linear-gradient(135deg,#ec02201f 0%,#0e0d11f2 100%);border:1px solid #ec022040;border-radius:12px;justify-content:space-between;align-items:center;padding:22px 26px;display:flex;box-shadow:0 8px 24px #00000059}.hero-banner-content{flex-direction:column;gap:6px;display:flex}.hero-brand-tag{color:var(--red);letter-spacing:.12em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:inline-flex}.hero-banner-content h2{color:#fff;letter-spacing:-.01em;margin:0;font-size:24px;font-weight:700}.hero-banner-content p{color:var(--muted);max-width:560px;margin:0;font-size:13.5px;line-height:1.5}.hero-stats-cards{align-items:center;gap:12px;display:flex}.hero-stat-box{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:10px 16px;display:flex}.stat-box-icon{color:var(--red);align-items:center;display:flex}.stat-box-info{flex-direction:column;display:flex}.stat-box-label{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:10.5px}.stat-box-info strong{color:#fff;font-size:15px}.forge-pick-random-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#191720;border-radius:10px;align-items:center;gap:8px;height:42px;padding:0 18px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.forge-pick-random-btn:hover{background:#221f2c;border-color:#fff3}.difficulty-quick-chips{gap:8px;display:flex}.diff-chip{background:var(--surface-2);border:1px solid var(--line);height:34px;color:var(--muted);cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.diff-chip:hover{color:#fff;background:#1a1822}.diff-chip.active{color:#fff;background:#ffffff14;border-color:#fff3}.diff-chip.easy.active{color:var(--green);background:var(--green-bg);border-color:var(--green-border)}.diff-chip.medium.active{color:var(--orange);background:var(--orange-bg);border-color:var(--orange-border)}.diff-chip.hard.active{color:var(--red);background:var(--red-subtle);border-color:var(--line-red)}.chip-count{background:#ffffff14;border-radius:4px;padding:1px 6px;font-size:11px}.forge-catalog-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.catalog-search-field{flex:1;align-items:center;max-width:420px;height:38px;display:flex;position:relative}.search-field-icon{color:var(--muted);position:absolute;left:12px}.search-field-input{background:var(--surface-2);border:1px solid var(--line);color:#fff;border-radius:8px;outline:none;width:100%;height:100%;padding-left:36px;padding-right:32px;font-size:12.5px;transition:border-color .15s}.search-field-input:focus{border-color:var(--red)}.search-clear-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:flex;position:absolute;right:10px}.search-clear-btn:hover{color:#fff}.catalog-dropdown-filters{gap:10px;display:flex}.dropdown-filter-wrap{position:relative}.forge-dropdown-select{background:var(--surface-2);border:1px solid var(--line);color:#e2dce8;cursor:pointer;border-radius:8px;outline:none;height:38px;padding:0 14px;font-size:12.5px;transition:border-color .15s}.forge-dropdown-select:focus{border-color:var(--red)}.forge-problems-table-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}.forge-problems-table{border-collapse:collapse;width:100%;font-size:13px}.forge-problems-table th{text-align:left;border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);padding:12px 16px;font-size:11.5px;font-weight:600}.forge-problem-row{cursor:pointer;border-bottom:1px solid #ffffff08;transition:background .15s}.forge-problem-row:hover{background:#ffffff0a}.forge-problem-row td{vertical-align:middle;padding:14px 16px}.status-cell{text-align:center}.solved-indicator-badge{color:var(--green);align-items:center;display:inline-flex}.unsolved-indicator-dot{background:#363240;border-radius:50%;width:8px;height:8px;display:inline-block}.problem-num-badge{color:var(--muted);margin-right:8px;font-family:JetBrains Mono,monospace;font-size:12px}.problem-title-link{color:#fff;font-weight:600}.topics-tag-wrap{flex-wrap:wrap;gap:6px;display:flex}.acceptance-val{color:#d1cbd8;font-family:JetBrains Mono,monospace;font-size:12px}.forge-solve-btn{border:1px solid var(--line);color:#fff;cursor:pointer;background:#181620;border-radius:6px;align-items:center;gap:4px;height:30px;padding:0 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.forge-solve-btn:hover{background:var(--red);border-color:var(--red-hover);box-shadow:0 0 12px var(--red-glow)}.table-empty-row{text-align:center;color:var(--muted);padding:40px 16px}.compiler-navbar{z-index:500;background:#0d0a08;border-bottom:1px solid #231b15;justify-content:space-between;align-items:center;gap:16px;height:58px;padding:0 18px;display:flex;position:sticky;top:0}.compiler-brand-lockup{align-items:center;gap:12px;display:flex;position:relative}.compiler-brand-badge{cursor:pointer;background:#18130f;border:1px solid #3d2c1f;border-radius:9px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .18s;display:flex;box-shadow:0 2px 8px #0006}.compiler-brand-badge:hover{border-color:#e5a958;box-shadow:0 0 12px #e5a95840}.compiler-logo-img{object-fit:contain;width:24px;height:24px}.compiler-brand-text{flex-direction:column;line-height:1.15;display:flex}.compiler-brand-title{color:#f7ede2;letter-spacing:-.2px;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:14.5px;font-weight:700}.compiler-brand-subtitle{letter-spacing:.14em;color:#d97706;cursor:pointer;align-items:center;gap:4px;margin-top:2px;font-size:9px;font-weight:700;transition:color .15s;display:flex}.compiler-brand-subtitle:hover{color:#f59e0b}.mode-toggle-chevron{opacity:.8}.compiler-mode-dropdown{z-index:1000;background:#17120e;border:1px solid #3a2b20;border-radius:10px;flex-direction:column;gap:2px;min-width:200px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 16px 36px #000000b3}.mode-dropdown-header{text-transform:uppercase;letter-spacing:.08em;color:#8c8279;padding:6px 8px 4px;font-size:10px;font-weight:700}.mode-dropdown-item{color:#d1c7bc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.mode-dropdown-item:hover{color:#fff;background:#ffffff0f}.mode-dropdown-item.active{color:#e5a958;background:#e5a95826;font-weight:600}.compiler-center-pill{background:#17130f;border:1px solid #2d2119;border-radius:9999px;align-items:center;gap:9px;height:34px;padding:0 14px;display:inline-flex;box-shadow:inset 0 1px 2px #0003}.project-folder-icon{color:#e5a958}.project-name-text{color:#f3f4f6;cursor:pointer;font-size:12.5px;font-weight:500;transition:color .15s}.project-name-text:hover{color:#e5a958}.project-rename-form{align-items:center;display:inline-flex}.project-name-input{color:#fff;background:0 0;border:none;border-bottom:1px solid #e5a958;outline:none;width:110px;padding:0 2px;font-size:12.5px;font-weight:500}.project-autosaved-badge{color:#34d399;letter-spacing:.02em;padding-left:4px;font-size:11px;font-weight:500}.compiler-right-actions{align-items:center;gap:8px;display:flex}.compiler-icon-btn{color:#9c9489;cursor:pointer;background:#17130f;border:1px solid #2d2119;border-radius:8px;place-items:center;width:34px;height:34px;transition:all .15s;display:grid}.compiler-icon-btn:hover{color:#fff;background:#221c17;border-color:#4a382c}.compiler-new-btn{color:#ede7de;cursor:pointer;background:#17130f;border:1px solid #2d2119;border-radius:8px;align-items:center;gap:5px;height:34px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.compiler-new-btn:hover{color:#fff;background:#221c17;border-color:#4a382c}.compiler-lang-wrapper{z-index:550;display:inline-block;position:relative}.compiler-lang-trigger{color:#ede7de;cursor:pointer;background:#17130f;border:1px solid #2d2119;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;min-width:100px;height:34px;padding:0 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:inline-flex}.compiler-lang-trigger:hover,.compiler-lang-trigger.open{color:#fff;background:#221c17;border-color:#4a382c}.lang-code-tag{color:#9c9489;font-family:JetBrains Mono,monospace;font-size:11px}.compiler-lang-text{font-weight:500}.compiler-lang-chevron{color:#8c8279;transition:transform .2s}.compiler-lang-chevron.rotated{color:#e5a958;transform:rotate(180deg)}.compiler-lang-dropdown{z-index:1000;background:#17120e;border:1px solid #3d2f25;border-radius:10px;flex-direction:column;gap:2px;min-width:140px;padding:5px;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 36px #000000b3}.compiler-lang-item{color:#d1c7bc;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:100%;padding:7px 10px;font-size:12px;font-weight:500;transition:all .12s;display:flex}.compiler-lang-item:hover{color:#fff;background:#ffffff0f}.compiler-lang-item.selected{color:#e5a958;background:#e5a95826;font-weight:600}.lang-item-tag{color:#8c8279;font-family:JetBrains Mono,monospace;font-size:10.5px}.compiler-lang-check{color:#e5a958;margin-left:auto}.compiler-run-btn{color:#110d08;cursor:pointer;background:linear-gradient(135deg,#e5a958 0%,#db9544 100%);border:0;border-radius:8px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12.5px;font-weight:700;transition:all .18s;display:inline-flex;box-shadow:0 0 16px #e5a95859}.compiler-run-btn:hover:not(:disabled){background:linear-gradient(135deg,#f2b868 0%,#e5a452 100%);transform:translateY(-1px);box-shadow:0 0 22px #e5a9588c}.compiler-run-btn:active:not(:disabled){transform:scale(.98)}.compiler-run-btn:disabled{opacity:.65;cursor:not-allowed}.compiler-run-shortcut{opacity:.75;margin-left:2px;font-family:-apple-system,BlinkMacSystemFont,sans-serif;font-size:10.5px;font-weight:600}.compiler-page-layout{box-sizing:border-box;background:#0d0a08;flex:1;width:100%;padding:14px 18px;overflow-y:auto}.compiler-page-inner{flex-direction:column;gap:14px;max-width:100%;min-height:calc(100vh - 90px);display:flex}.compiler-workspace-split{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;min-height:480px;display:grid}.compiler-editor-card{background:#14100e;border:1px solid #271e18;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0006}.compiler-editor-header{background:#191410;border-bottom:1px solid #271e18;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}.editor-file-tab{color:#ede7de;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.file-bracket-icon{color:#8c8279;font-size:11px}.editor-file-name{font-weight:500}.editor-tab-dot{color:#e5a958;font-size:13px;line-height:0}.editor-more-btn{color:#8c8279;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:4px;transition:all .15s;display:grid}.editor-more-btn:hover{color:#fff;background:#ffffff0f}.compiler-editor-body{background:#120e0c;flex:1;min-height:400px}.compiler-editor-footer{color:#8c8279;background:#17120e;border-top:1px solid #271e18;justify-content:space-between;align-items:center;height:28px;padding:0 14px;font-size:11px;display:flex}.editor-footer-lang{color:#e5a958;font-weight:500}.editor-footer-right{align-items:center;gap:14px;display:flex}.compiler-preview-card{background:#14100e;border:1px solid #271e18;border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0006}.compiler-preview-header{background:#191410;border-bottom:1px solid #271e18;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}.preview-header-left{color:#ede7de;align-items:center;gap:8px;font-size:12.5px;font-weight:600;display:flex}.live-preview-icon,.terminal-header-icon{color:#9c9489}.live-preview-tag{color:#22c55e;letter-spacing:.06em;font-size:9.5px;font-weight:800}.terminal-header-tag{color:#34d399;letter-spacing:.06em;font-size:9.5px;font-weight:800}.preview-header-right{align-items:center;gap:6px;display:flex}.compiler-header-icon-btn{color:#8c8279;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:28px;height:28px;transition:all .15s;display:grid}.compiler-header-icon-btn:hover{color:#fff;background:#ffffff0f}.compiler-browser-mockup{background:#120e0c;flex-direction:column;flex:1;padding:12px;display:flex}.browser-chrome-bar{background:#ede5d8;border-bottom:1px solid #ded4c4;border-radius:8px 8px 0 0;align-items:center;height:36px;padding:0 12px;display:flex;position:relative}.browser-dots-cluster{align-items:center;gap:6px;display:flex}.chrome-dot{border-radius:50%;width:9px;height:9px}.chrome-dot.red{background:#ff5f56}.chrome-dot.yellow{background:#ffbd2e}.chrome-dot.green{background:#27c93f}.browser-address-pill{color:#78716c;background:#fbf9f5;border:1px solid #0000000f;border-radius:9999px;justify-content:center;align-items:center;height:20px;padding:0 18px;font-family:JetBrains Mono,monospace;font-size:10.5px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.compiler-preview-iframe{background:#fff;border:0;border-radius:0 0 8px 8px;flex:1;width:100%;min-height:360px}.compiler-terminal-body{color:#ede7de;cursor:text;background:#120e0c;flex-direction:column;flex:1;gap:6px;padding:16px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex;overflow-y:auto}.terminal-idle-prompt{color:#6b7280;font-size:12.5px;font-style:italic}.compiler-terminal-line{word-break:break-all;line-height:1.5}.compiler-terminal-form{align-items:center;gap:6px;display:flex}.terminal-prompt-prefix{color:#8c8279}.compiler-terminal-input{color:#e5a958;background:0 0;border:0;outline:0;flex:1;font-family:JetBrains Mono,monospace;font-size:12.5px;font-weight:600}.compiler-terminal-footer{color:#8c8279;background:#17120e;border-top:1px solid #271e18;justify-content:space-between;align-items:center;height:28px;padding:0 14px;font-size:11px;display:flex}.terminal-footer-left{color:#e5a958;font-weight:500}.terminal-footer-right{align-items:center;gap:14px;display:flex}.compiler-output-card{background:#14100e;border:1px solid #271e18;border-radius:12px;flex-direction:column;min-height:105px;transition:min-height .2s;display:flex;overflow:hidden;box-shadow:0 4px 20px #0006}.compiler-output-card.collapsed{min-height:38px}.compiler-output-header{background:#191410;border-bottom:1px solid #271e18;justify-content:space-between;align-items:center;height:38px;padding:0 14px;display:flex}.output-header-left{align-items:center;gap:10px;display:flex}.output-term-badge{color:#d97706;background:#201813;border:1px solid #36281e;border-radius:5px;place-items:center;width:22px;height:22px;display:grid}.output-console-title{color:#ede7de;font-size:12.5px;font-weight:600}.output-pill{letter-spacing:.02em;border-radius:4px;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:700;display:inline-flex}.status-pill-success{color:#34d399;background:#133827;border:1px solid #1e5238}.status-pill-error{color:#f87171;background:#381619;border:1px solid #5b1e22}.stat-pill-time,.stat-pill-exit{color:#9c9489;background:#1c1612;border:1px solid #2f231a;font-weight:500}.pill-clock-icon{color:#9c9489}.output-header-right{align-items:center;gap:6px;display:flex}.compiler-output-body{color:#ede7de;background:#120e0c;min-height:65px;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:12.5px;overflow-y:auto}.compiler-output-error-banner{color:#f87171;background:#241416;border:1px solid #4a1f24;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-family:JetBrains Mono,monospace;font-size:12.5px;display:flex}.error-banner-icon{color:#f87171;flex-shrink:0}.output-success-content{flex-direction:column;gap:6px;display:flex}.output-success-row{color:#ede7de;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:13px;display:flex}.output-green-check{color:#10b981;flex-shrink:0}.output-empty-hint{color:#5c5349;font-size:12px;font-style:italic}.compiler-output-text{white-space:pre-wrap;word-break:break-all;line-height:1.5}.preview-card{flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.preview-header{border-bottom:1px solid var(--line);background:var(--surface-2);box-sizing:border-box;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;width:100%;height:42px;padding:0 12px;display:flex}.preview-header-left{flex:auto;align-items:center;gap:6px;min-width:0;display:flex;overflow:hidden}.preview-tab-group{align-items:center;gap:6px;min-width:0;display:flex}.preview-static-tab{-webkit-user-select:none;user-select:none;cursor:default!important}.preview-header-right{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.preview-actions-group{flex-shrink:0;align-items:center;gap:6px;display:flex}.preview-body-wrap{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.stdin-console-wrapper{box-sizing:border-box;background:#0b0a0f;flex-direction:row;flex:1;width:100%;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.stdin-gutter{-webkit-user-select:none;user-select:none;box-sizing:border-box;background:#0e0d14;border-right:1px solid #ffffff12;flex-direction:column;flex-shrink:0;width:44px;padding:12px 0;display:flex;overflow:hidden}.stdin-line-number{color:#4a4554;text-align:right;box-sizing:border-box;height:22px;padding-right:10px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12px;line-height:22px}.stdin-textarea{color:#f1ecf6;resize:none;white-space:pre;word-break:normal;overflow-wrap:normal;tab-size:2;box-sizing:border-box;caret-color:#ef4444;background:0 0;border:none;outline:none;flex:1;width:100%;min-width:0;height:100%;padding:12px 14px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:13px;line-height:22px;overflow:auto}.stdin-textarea::placeholder{color:#555060;opacity:.7;font-style:italic}.stdin-lines-badge{color:#94a3b8;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff14;border-radius:4px;flex-shrink:0;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:500;display:inline-flex}.stdin-lines-badge.running{color:#f87171;background:#ef444414;border-color:#ef444433}.stdin-action-btn{color:#cbd5e1!important;cursor:pointer!important;white-space:nowrap!important;box-sizing:border-box!important;background:#ffffff0d!important;border:1px solid #ffffff17!important;border-radius:6px!important;flex-shrink:0!important;align-items:center!important;gap:5px!important;height:28px!important;padding:4px 10px!important;font-size:12px!important;font-weight:500!important;transition:all .15s!important;display:inline-flex!important}.stdin-action-btn:hover{color:#fff!important;background:#ffffff1a!important;border-color:#fff3!important}.stdin-clear-btn{border:1px solid var(--line);color:#94a3b8;cursor:pointer;background:#ffffff0a;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;transition:all .2s;display:inline-flex}.stdin-clear-btn:hover{color:#fca5a5;background:#ef444426;border-color:#ef44444d}.stdin-waiting-badge{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf859;border-radius:4px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.stdin-pulse-dot{background:#38bdf8;border-radius:50%;width:7px;height:7px;animation:1.5s infinite stdinPulse;box-shadow:0 0 8px #38bdf8}@keyframes stdinPulse{0%{opacity:.6;transform:scale(.95)}50%{opacity:1;transform:scale(1.3);box-shadow:0 0 12px #38bdf8}to{opacity:.6;transform:scale(.95)}}.stdin-stop-btn{color:#f87171;cursor:pointer;background:#ef444426;border:1px solid #ef444459;border-radius:6px;align-items:center;gap:5px;padding:4px 9px;font-size:12px;font-weight:600;transition:all .2s;display:inline-flex}.stdin-stop-btn:hover{color:#fff;background:#ef44444d;border-color:#ef4444}.interactive-stdin-container{box-sizing:border-box;background:#0d0c10;border-radius:0 0 12px 12px;flex-direction:column;flex:1;gap:12px;height:100%;min-height:0;padding:14px 16px;display:flex;overflow:hidden}.interactive-status-banner{background:#ffffff08;border:1px solid #ffffff12;border-radius:8px;flex-shrink:0;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.interactive-status-left{align-items:center;gap:8px;display:flex}.interactive-status-text{color:#e2e8f0;font-size:12.5px;font-weight:600}.interactive-prompt-badge{background:#ef44441f;border:1px solid #ef44444d;border-radius:4px;align-items:center;gap:5px;padding:2px 8px;display:inline-flex}.interactive-prompt-badge .prompt-label{color:#94a3b8;font-size:11px}.interactive-prompt-badge .prompt-text{color:#f87171;font-family:JetBrains Mono,Fira Code,monospace;font-size:12px;font-weight:700}.interactive-history-list{flex-direction:column;flex:1;gap:6px;min-height:0;padding:4px 0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;display:flex;overflow-y:auto}.interactive-history-line{color:#94a3b8;align-items:center;gap:8px;display:flex}.interactive-history-prompt{color:#ef4444;-webkit-user-select:none;user-select:none;font-weight:700}.interactive-history-val{color:#f1f5f9}.interactive-input-form{margin-top:auto}.interactive-input-row{background:#14131b;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:4px 6px 4px 12px;transition:border-color .18s;display:flex}.interactive-input-row:focus-within{border-color:#ef4444;box-shadow:0 0 0 1px #ef44444d}.interactive-prompt-symbol{color:#ef4444;-webkit-user-select:none;user-select:none;font-family:JetBrains Mono,Fira Code,monospace;font-size:14px;font-weight:800}.interactive-stdin-field{color:#fff;caret-color:#ef4444;background:0 0;border:none;outline:none;flex:1;padding:6px 0;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px}.interactive-stdin-field::placeholder{color:#64748b;font-size:12px;font-style:italic}.interactive-stdin-field:disabled{color:#64748b;cursor:not-allowed}.interactive-send-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex}.interactive-send-btn:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.interactive-send-btn:disabled{color:#64748b;cursor:not-allowed;background:#ffffff14}.interactive-footer-hint{color:#64748b;text-align:center;-webkit-user-select:none;user-select:none;font-size:11px}.interactive-footer-hint strong{color:#94a3b8}@keyframes forgeSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{transform-origin:50%;will-change:transform;display:inline-block;animation:.8s linear infinite forgeSpin!important}.forge-main-content{background:#070609;flex-direction:column;flex:1;min-width:0;height:calc(100vh - 64px);min-height:0;margin-left:244px;display:flex;overflow:hidden auto}@media (width<=900px){.forge-main-content{margin-left:0}}.compiler-view-wrapper{flex-direction:column;flex:1;gap:14px;height:100%;min-height:0;padding:16px;display:flex;overflow-y:auto}.compiler-top-toolbar{background:#110e15;border:1px solid #ffffff14;border-radius:12px;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex}.toolbar-actions-left,.toolbar-actions-right{align-items:center;gap:8px;display:flex}.icon-button{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:inline-flex}.icon-button:hover{color:#fff;background:#ffffff14;border-color:#ffffff26}.new-button{color:#ef4444;cursor:pointer;background:linear-gradient(135deg,#ef444426 0%,#dc262640 100%);border:1px solid #ef444459;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:600;transition:all .18s;display:inline-flex}.new-button:hover{color:#fff;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border-color:#ef4444;box-shadow:0 0 14px #ef444466}.workspace-grid{flex:1;grid-template-columns:1fr 1fr;gap:14px;min-height:440px;display:grid}@media (width<=900px){.workspace-grid{grid-template-columns:1fr;min-height:auto}}.output-card{background:#110e15;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;flex-shrink:0;min-height:200px;max-height:400px;margin-top:4px;display:flex;overflow:hidden;box-shadow:0 4px 24px #0006}.output-tabs-header{background:#16131c;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;height:42px;padding:0 14px;display:flex}.output-tabs-list{align-items:center;gap:4px;display:flex}.output-tab-btn{color:#8c8696;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.output-tab-btn:hover{color:#fff}.output-tab-btn.active{color:#fff;background:#1f1b29;font-weight:600;box-shadow:inset 0 0 0 1px #ffffff14}.output-stats-actions{align-items:center;gap:8px;display:flex}.output-clear-btn{color:#8c8696;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.output-clear-btn:hover{color:#fff;background:#ffffff14}.output-status-pill{letter-spacing:.02em;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:700;display:inline-flex}.output-status-pill.running{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d}.output-status-pill.success{color:#4ade80;background:#22c55e1f;border:1px solid #22c55e4d}.output-status-pill.error{color:#f87171;background:#ef444426;border:1px solid #ef444459}.output-status-pill.warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59}.output-stat-pill{color:#94a3b8;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.output-console-body{background:#09080c;flex:1;min-height:140px;padding:14px 16px;font-family:JetBrains Mono,Fira Code,monospace;font-size:13px;line-height:1.6;overflow-y:auto}.output-lines-container{flex-direction:column;gap:4px;display:flex}.output-console-line{color:#f1f5f9;word-break:break-all}.output-placeholder{color:#475569;font-size:12.5px;font-style:italic}.output-loading-line{color:#ef4444;align-items:center;gap:8px;font-weight:600;display:flex}.output-info-view{color:#94a3b8;flex-direction:column;gap:10px;font-size:12.5px;display:flex}.info-row{align-items:center;gap:12px;display:flex}.info-row strong{color:#e2e8f0;min-width:140px}.info-row span{color:#ef4444;font-weight:600}.cmd-palette-backdrop,.settings-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000bf;justify-content:center;align-items:flex-start;padding-top:10vh;display:flex;position:fixed;inset:0}.cmd-palette-modal,.settings-modal-card{background:#110e15;border:1px solid #ffffff1f;border-radius:14px;width:100%;max-width:600px;animation:.2s cubic-bezier(.16,1,.3,1) modalPop;overflow:hidden;box-shadow:0 20px 50px #0009,0 0 30px #ef444426}@keyframes modalPop{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.cmd-palette-input-wrap{border-bottom:1px solid #ffffff14;align-items:center;gap:12px;padding:16px 20px;display:flex}.cmd-palette-input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:15px}.cmd-palette-input::placeholder{color:#64748b}.cmd-palette-list{max-height:360px;padding:8px;overflow-y:auto}.cmd-palette-item{color:#cbd5e1;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:center;width:100%;padding:10px 14px;font-size:13px;transition:all .15s;display:flex}.cmd-palette-item:hover,.cmd-palette-item.selected{color:#fff;background:#ef444426}.cmd-shortcut-badge{color:#94a3b8;background:#ffffff14;border:1px solid #ffffff1a;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.settings-modal-card{background:#110e15!important;border:1px solid #ffffff1f!important;border-radius:14px!important;max-width:540px!important;box-shadow:0 24px 60px #000000b3,0 0 35px #ef44442e!important}.settings-form-body{flex-direction:column;gap:14px;display:flex;padding:16px 20px!important}.settings-field-row{background:#ffffff05;border:1px solid #ffffff0f;border-radius:10px;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;transition:all .15s;display:flex}.settings-field-row:hover{background:#ffffff0a;border-color:#ef44444d}.settings-label-group{flex-direction:column;flex:1;gap:3px;display:flex}.settings-label{color:#f1f5f9;font-size:13.5px;font-weight:600;display:block}.settings-desc{color:#94a3b8;font-size:11.5px;display:block}.settings-select-input{color:#fff;cursor:pointer;appearance:none;background:#181520 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #ffffff1f;border-radius:8px;outline:none;min-width:150px;padding:8px 32px 8px 12px;font-size:13px;font-weight:500;transition:all .15s}.settings-select-input:focus,.settings-select-input:hover{border-color:#ef4444;box-shadow:0 0 10px #ef444440}.settings-select-input option{color:#fff;background:#110e15;padding:8px}.file-explorer-toggle-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.file-explorer-toggle-btn:hover,.file-explorer-toggle-btn.active{color:#ef4444;background:#ef444426;border-color:#ef444459}.editor-tabs-list{scroll-behavior:smooth;flex:1;align-items:center;gap:4px;min-width:0;padding-bottom:2px;display:flex;overflow:auto hidden}.editor-tabs-list::-webkit-scrollbar{height:4px}.editor-tabs-list::-webkit-scrollbar-track{background:#00000040;border-radius:4px}.editor-tabs-list::-webkit-scrollbar-thumb{background:#ef444459;border-radius:4px}.editor-tabs-list::-webkit-scrollbar-thumb:hover{background:#ef4444}.editor-tab{color:#94a3b8;cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0f;border-bottom:none;border-radius:6px 6px 0 0;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.editor-tab:hover{color:#fff;background:#ffffff0f}.editor-tab.active{color:#fff;background:#181520;border-color:#ef444466;font-weight:600;box-shadow:inset 0 2px #ef4444}.tab-close-btn{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;margin-left:4px;display:inline-flex}.tab-close-btn:hover{color:#ef4444;background:#ef444433}.editor-new-tab-btn{color:#94a3b8;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;transition:all .15s;display:inline-flex}.editor-new-tab-btn:hover{color:#fff;background:#ffffff14}.auto-saved-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98140;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-flex}.auto-saved-badge .dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.file-explorer-drawer{background:#0e0c12;border-right:1px solid #ffffff14;flex-direction:column;flex-shrink:0;gap:10px;width:250px;padding:12px;display:flex}.explorer-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.explorer-title{color:#94a3b8;letter-spacing:.06em;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.explorer-add-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.explorer-add-btn:hover{color:#ff5460;background:#ef44442e;border-color:#ef444473;transform:translateY(-1px)}.explorer-add-btn:active{transform:scale(.95)}.explorer-new-file-form{align-items:center;gap:6px;margin-top:4px;display:flex}.explorer-file-input{color:#fff;background:#16131c;border:1.5px solid #ef4444;border-radius:6px;outline:none;flex:1;padding:5px 8px;font-family:JetBrains Mono,monospace;font-size:12px}.explorer-save-file-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.explorer-file-tree{flex-direction:column;gap:4px;display:flex;overflow-y:auto}.explorer-project-root-item{color:var(--text);letter-spacing:.04em;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff09;border:1px solid #ffffff12;border-radius:6px;align-items:center;gap:7px;padding:6px 10px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.explorer-project-section{flex-direction:column;gap:2px;display:flex}.explorer-project-root-item.project-active-root{background:#ef444414;border-color:#ef444466}.explorer-project-root-item:hover{background:#ffffff12;border-color:#ef444459}.folder-chevron{color:var(--muted);flex-shrink:0;transition:transform .18s cubic-bezier(.16,1,.3,1)}.folder-chevron.collapsed{transform:rotate(-90deg)}.project-root-icon{flex-shrink:0}.project-root-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.project-root-badge{color:var(--muted);background:#ffffff0f;border-radius:8px;padding:1px 6px;font-size:10px;font-weight:700}.explorer-subfile-add-btn{color:#cbd5e1;cursor:pointer;opacity:.9;background:#ffffff14;border:1px solid #ffffff1f;border-radius:5px;justify-content:center;align-items:center;width:24px;height:24px;margin-left:auto;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.explorer-subfile-add-btn:hover{color:#ff5460;opacity:1;background:#ef444440;border-color:#ef444480;transform:scale(1.08)}.explorer-subfile-add-btn:active{transform:scale(.95)}.subfile-inline-form{background:#ffffff09;border:1px solid #ef444466;border-radius:6px;margin:3px 0 4px;padding:3px 5px}.subfile-inline-form .subfile-input{background:0 0;border:none;padding:3px 6px;font-size:11.5px}.explorer-sub-directory-tree{border-left:1.5px solid #ffffff14;flex-direction:column;gap:2px;margin-top:2px;margin-left:9px;padding-left:10px;display:flex}.explorer-file-item{color:#94a3b8;cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .15s;display:flex;position:relative}.explorer-file-item:hover{color:#fff;background:#ffffff0a}.explorer-file-item.active{color:#fff;background:#ef444424;font-weight:600}.explorer-standalone-files-tree{flex-direction:column;gap:2px;margin-top:4px;display:flex}.explorer-file-item.standalone-root-file{background:#ffffff05;border:1px solid #0000;border-radius:6px;padding:6px 10px}.explorer-file-item.standalone-root-file:hover{background:#ffffff0f;border-color:#ffffff14}.explorer-file-item.standalone-root-file.active{color:#fff;background:#ef444429;border-color:#ef444459}.file-item-icon{color:#ef4444;flex-shrink:0}.file-item-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.entry-tag{text-transform:uppercase;color:#ef4444;letter-spacing:.05em;background:#ef444433;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:700}.file-item-actions{opacity:0;align-items:center;gap:4px;transition:opacity .15s;display:flex}.explorer-file-item:hover .file-item-actions{opacity:1}.file-action-icon{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;display:inline-flex}.file-action-icon:hover{color:#fff;background:#ffffff1a}.file-action-icon.delete:hover{color:#ef4444;background:#ef444433}.peaklyy-toast-container{z-index:10000;background:var(--surface);border:1px solid var(--line-strong);color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:12px 18px;font-size:13px;font-weight:500;animation:.25s cubic-bezier(.16,1,.3,1) toastSlideIn;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #0006}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.peaklyy-toast-container.success{border-color:#10b98166}.peaklyy-toast-container.error{border-color:#ef444466}.toast-content{align-items:center;gap:8px;display:flex}.toast-icon.text-success{color:#10b981}.toast-icon.text-error{color:#ef4444}.toast-icon.text-info{color:#38bdf8}[data-theme=light] .sidebar{background:linear-gradient(#fff 0%,#f8fafc 100%)!important;border-right:1px solid #00000014!important;box-shadow:4px 0 24px #0000000a!important}[data-theme=light] .navbar{background:#fffffff2!important;border-bottom:1px solid #00000014!important}[data-theme=light] .brand strong,[data-theme=light] .brand-text-col strong{color:#0f172a!important}[data-theme=light] .nav-item{color:#475569!important}[data-theme=light] .nav-item:hover{color:#0f172a!important;background:#0000000a!important}[data-theme=light] .nav-item.active{color:#dc2626!important;background:linear-gradient(135deg,#ef44441f 0%,#dc262633 100%)!important;border-color:#dc26264d!important}[data-theme=light] .panel,[data-theme=light] .compiler-top-toolbar,[data-theme=light] .output-card,[data-theme=light] .settings-modal-card,[data-theme=light] .project-modal-card,[data-theme=light] .cmd-palette-modal,[data-theme=light] .monitoring-card{background:#fff!important;border-color:#0000001a!important;box-shadow:0 4px 20px #0000000f!important}[data-theme=light] .panel-header,[data-theme=light] .output-tabs-header,[data-theme=light] .editor-tabs-header,[data-theme=light] .explorer-header{background:#f8fafc!important;border-bottom-color:#00000014!important}[data-theme=light] .output-console-body,[data-theme=light] .file-explorer-drawer,[data-theme=light] .stdin-console-wrapper,[data-theme=light] .interactive-stdin-container{color:#0f172a!important;background:#f8fafc!important}[data-theme=light] .output-console-line,[data-theme=light] .stdin-textarea,[data-theme=light] .interactive-history-val,[data-theme=light] .interactive-stdin-field{color:#0f172a!important}[data-theme=light] .stdin-gutter{background:#f1f5f9!important;border-right-color:#00000014!important}[data-theme=light] .custom-language-trigger{color:#0f172a!important;background:#f1f5f9!important;border-color:#0000001f!important}[data-theme=light] .custom-language-dropdown{background:#fff!important;border-color:#00000026!important;box-shadow:0 10px 30px #0000001f!important}[data-theme=light] .lang-option-item{color:#334155!important}[data-theme=light] .lang-option-item:hover,[data-theme=light] .lang-option-item.selected{color:#dc2626!important;background:#dc262614!important}[data-theme=light] .settings-field-row{background:#f8fafc!important;border-color:#00000014!important}[data-theme=light] .settings-label{color:#0f172a!important}[data-theme=light] .settings-select-input{color:#0f172a!important;background:#fff!important;border-color:#00000026!important}[data-theme=light] .settings-select-input option{color:#0f172a!important;background:#fff!important}[data-theme=light] .forge-body-container,[data-theme=light] .forge-main-content{background:#f8fafc!important}[data-theme=light] .problem-catalog-card{background:#fff!important;border-color:#00000014!important}[data-theme=light] .problem-title{color:#0f172a!important}[data-theme=light] .cmd-palette-item{color:#334155!important}[data-theme=light] .cmd-palette-item:hover,[data-theme=light] .cmd-palette-item.selected{color:#dc2626!important;background:#dc262614!important}[data-theme=light] .cmd-palette-input{color:#0f172a!important}.project-modal-backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:9999;background:#040306d1;justify-content:center;align-items:center;padding:32px 20px;display:flex;position:fixed;inset:0;overflow-y:auto}.project-modal-card{background:var(--surface);border:1px solid var(--line-strong);border-radius:20px;flex-direction:column;gap:26px;width:100%;max-width:660px;padding:34px 38px;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000bf,0 0 50px #ef44441f}.settings-modal-card{max-width:560px!important;padding:32px 36px!important}.project-modal-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.project-modal-title-group{flex-direction:column;gap:8px;display:flex}.modal-kicker-badge{letter-spacing:.12em;color:var(--red);text-transform:uppercase;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.project-modal-title{color:var(--text);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.project-modal-subtitle{color:var(--muted);margin:0;font-size:13.5px;line-height:1.55}.project-modal-close-btn{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.project-modal-close-btn:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff1a;transform:rotate(90deg)}.create-project-section{flex-direction:column;gap:16px;display:flex}.section-label-row{color:var(--text);letter-spacing:-.01em;align-items:center;gap:9px;font-size:14px;font-weight:600;display:flex}.create-project-form{flex-direction:column;gap:18px;display:flex}.project-input-wrap{width:100%}.project-name-input{background:var(--input-bg);border:1.5px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);box-sizing:border-box;border-radius:12px;outline:none;padding:12px 18px;font-family:inherit;font-size:14.5px;line-height:1.5;transition:all .2s cubic-bezier(.16,1,.3,1)}.project-name-input:focus{border-color:var(--red);background:var(--surface);box-shadow:0 0 0 3px #ef444438,0 4px 18px #ef444426}.project-name-input::placeholder{color:var(--muted);font-size:14px}.language-pills-row{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.pills-label{color:var(--muted);letter-spacing:.02em;min-width:76px;font-size:13px;font-weight:600}.pills-container{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.lang-pill-btn{background:var(--input-bg);border:1px solid var(--line);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:13.5px;font-weight:500;transition:all .18s cubic-bezier(.16,1,.3,1);display:inline-flex}.lang-pill-btn:hover{background:var(--hover-bg);color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.lang-pill-btn.selected{border-color:var(--red);color:var(--text);background:#ef444429;font-weight:600;transform:translateY(-1px);box-shadow:0 0 16px #ef44444d}.create-actions-row{margin-top:4px;display:flex}.create-submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid #ef444480;border-radius:12px;justify-content:center;align-items:center;gap:9px;width:100%;height:48px;padding:12px 24px;font-size:14.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 6px 20px #ef444459}.create-submit-btn:hover{background:linear-gradient(135deg,#f43f5e 0%,#e11d48 100%);transform:translateY(-1.5px);box-shadow:0 8px 26px #ef444480}.modal-section-divider{background:linear-gradient(90deg, transparent, var(--line-strong) 15%, var(--line-strong) 85%, transparent);height:1px;margin:6px 0}.recent-projects-section{flex-direction:column;gap:16px;display:flex}.recent-section-header{justify-content:space-between;align-items:center;gap:14px;display:flex}.recent-title-group{align-items:center;gap:9px;display:flex}.recent-heading{color:var(--text);letter-spacing:-.01em;margin:0;font-size:15px;font-weight:600}.recent-count-badge{color:var(--muted);background:var(--input-bg);border:1px solid var(--line);border-radius:10px;padding:2px 8px;font-size:11.5px;font-weight:700}.recent-search-wrap{background:var(--input-bg);border:1px solid var(--line);border-radius:9px;align-items:center;gap:8px;padding:6px 12px;display:flex}.recent-search-input{color:var(--text);background:0 0;border:none;outline:none;width:130px;font-size:12.5px}.recent-search-input::placeholder{color:var(--muted)}.project-history-list{flex-direction:column;gap:12px;max-height:250px;padding-right:4px;display:flex;overflow-y:auto}.empty-projects-state{color:var(--muted);text-align:center;background:var(--input-bg);border:1px dashed var(--line);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:32px 18px;font-size:13.5px;display:flex}.project-history-item{background:var(--input-bg);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:16px;padding:14px 18px;transition:all .18s cubic-bezier(.16,1,.3,1);display:flex}.project-history-item:hover{background:var(--hover-bg);border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 4px 16px #00000040}.project-history-item.active{background:linear-gradient(135deg,#ef44441a 0%,#ef444408 100%);border-color:#ef444480;box-shadow:0 0 20px #ef444426}.project-lang-badge{border:1px solid var(--line);border-radius:10px;flex-shrink:0;width:42px;height:42px}.project-info-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.project-name-row{align-items:center;gap:9px;display:flex}.project-item-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.01em;font-size:14.5px;font-weight:600;overflow:hidden}.active-tag{text-transform:uppercase;color:var(--red);letter-spacing:.05em;background:#ef444433;border:1px solid #ef444459;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:700}.project-meta-row{color:var(--muted);align-items:center;gap:8px;margin-top:2px;font-size:12.5px;display:flex}.meta-separator{opacity:.5}.project-item-actions{align-items:center;gap:8px;display:flex}.project-action-btn{border:1px solid var(--line);width:32px;height:32px;color:var(--muted);cursor:pointer;background:#ffffff0a;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.project-action-btn:hover{color:var(--text);border-color:var(--line-strong);background:#ffffff1a;transform:translateY(-1px)}.project-action-btn.project-delete-btn:hover{color:var(--red);background:#ef444433;border-color:#ef444466}.project-inline-rename-wrap{flex:1;align-items:center;gap:8px;display:flex}.project-rename-input{background:var(--input-bg);border:1.5px solid var(--red);height:36px;color:var(--text);border-radius:8px;outline:none;flex:1;padding:6px 12px;font-size:13.5px;box-shadow:0 0 0 2px #ef444433}.rename-actions-wrap{align-items:center;gap:4px;display:flex}.save-rename-btn:hover{color:#10b981!important;background:#10b98126!important;border-color:#10b9814d!important}.cancel-rename-btn:hover{color:var(--muted)!important}.is-resizing-active{-webkit-user-select:none!important;user-select:none!important}.is-resizing-active iframe{pointer-events:none!important}.compiler-view-wrapper{box-sizing:border-box;flex-direction:column;flex:1;gap:10px;height:100%;min-height:0;padding:12px 18px 14px;display:flex;overflow:hidden}.compiler-workspace-split{flex-direction:row;width:100%;min-height:180px;display:flex;position:relative;overflow:hidden}.compiler-pane-container{flex-direction:column;min-width:220px;height:100%;display:flex;overflow:hidden}.compiler-editor-pane,.compiler-preview-pane{flex-shrink:0}.compiler-console-split{flex-direction:column;width:100%;min-height:100px;display:flex;position:relative;overflow:hidden}.workspace-main-split{flex-direction:row;flex:1;gap:0;height:calc(100vh - 110px);min-height:0;display:flex;position:relative;overflow:hidden}.workspace-left-card{flex-direction:column;flex-shrink:0;min-width:260px;height:100%;display:flex;overflow:hidden}.workspace-right-card{flex-direction:column;flex-shrink:0;gap:0;min-width:280px;height:100%;display:flex;overflow:hidden}.editor-pane-card{flex-direction:column;flex-shrink:0;width:100%;min-height:140px;display:flex;overflow:hidden}.testcase-pane-card{flex-direction:column;flex-shrink:0;width:100%;min-height:120px;display:flex;overflow:hidden}.forge-splitter-handle-col{cursor:col-resize;z-index:30;touch-action:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;width:10px;transition:background .15s;display:flex;position:relative}.forge-splitter-handle-col:hover,.forge-splitter-handle-col.active-drag{background:#ef444426}.splitter-grip-dots-col{background:var(--line-strong);border-radius:4px;width:3px;height:32px;transition:all .18s cubic-bezier(.16,1,.3,1)}.forge-splitter-handle-col:hover .splitter-grip-dots-col,.forge-splitter-handle-col.active-drag .splitter-grip-dots-col{background:#ef4444;height:48px;box-shadow:0 0 12px #ef4444a6}.forge-splitter-handle-row{cursor:row-resize;z-index:30;touch-action:none;background:0 0;flex-shrink:0;justify-content:center;align-items:center;height:10px;transition:background .15s;display:flex;position:relative}.forge-splitter-handle-row:hover,.forge-splitter-handle-row.active-drag{background:#ef444426}.splitter-grip-dots-row{background:var(--line-strong);border-radius:4px;width:36px;height:3px;transition:all .18s cubic-bezier(.16,1,.3,1)}.forge-splitter-handle-row:hover .splitter-grip-dots-row,.forge-splitter-handle-row.active-drag .splitter-grip-dots-row{background:#ef4444;width:56px;box-shadow:0 0 12px #ef4444a6}.new-file-button{align-items:center;gap:6px;transition:all .18s;color:#ff8a93!important;background:#ef44441f!important;border-color:#ef444459!important;display:inline-flex!important}.new-file-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #ef444440;color:#fff!important;background:#ef444438!important;border-color:#ef4444!important}.editor-new-file-pill-btn{color:#ff8a93;cursor:pointer;background:#ef444414;border:1px dashed #ef444459;border-radius:6px;align-items:center;gap:5px;margin-left:2px;padding:3px 8px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.editor-new-file-pill-btn:hover{color:#fff;background:#ef44442e;border-style:solid;border-color:#ef4444}.project-meta-files{color:#a78bfa;text-overflow:ellipsis;white-space:nowrap;max-width:200px;font-weight:500;overflow:hidden}.custom-language-trigger.placeholder{background:#ef44440a;border-style:dashed;border-color:#ef444466}.custom-language-trigger.placeholder .lang-trigger-label{color:#cbd5e1;font-weight:400}.empty-workspace-view{background:#0d0b10;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex}.empty-workspace-content{text-align:center;flex-direction:column;align-items:center;gap:12px;max-width:440px;display:flex}.empty-workspace-icon-wrapper{background:#ef444414;border:1px solid #ef444440;border-radius:20px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex;box-shadow:0 0 30px #ef444426}.empty-workspace-title{color:#fff;letter-spacing:-.01em;margin:0;font-size:18px;font-weight:700}.empty-workspace-sub{color:#94a3b8;margin:0 0 8px;font-size:13px;line-height:1.5}.empty-workspace-actions{justify-content:center;align-items:center;gap:10px;width:100%;display:flex}.empty-action-btn{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.empty-action-btn.primary{color:#fff;background:#ef4444;border:1px solid #ef4444;box-shadow:0 4px 14px #ef444459}.empty-action-btn.primary:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-2px);box-shadow:0 6px 18px #ef444473}.empty-action-btn.secondary{color:#e2e8f0;background:#ffffff0f;border:1px solid #ffffff1f}.empty-action-btn.secondary:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38;transform:translateY(-2px)}.empty-workspace-quick-langs{flex-direction:column;align-items:center;gap:8px;margin-top:14px;display:flex}.quick-langs-title{color:#64748b;text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.quick-langs-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.quick-lang-btn{color:#cbd5e1;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.quick-lang-btn:hover{color:#fff;background:#ef444426;border-color:#ef444466;transform:translateY(-1px)}.explorer-empty-placeholder{text-align:center;color:#64748b;flex-direction:column;justify-content:center;align-items:center;padding:24px 12px;font-size:12px;font-weight:500;display:flex}.explorer-empty-placeholder small{color:#475569;margin-top:4px;font-size:10px}.profile-view-container,.settings-view-container{flex-direction:column;gap:24px;width:100%;max-width:1320px;margin:0 auto;padding:24px 32px 64px;animation:.25s ease-out fadeIn;display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.view-page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.view-header-title-group{align-items:center;gap:14px;display:flex}.view-header-icon-badge{background:var(--surface-2);border:1px solid var(--line-strong);border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;box-shadow:0 4px 14px #0000004d}.view-page-title{letter-spacing:-.02em;color:var(--text);margin:0;font-size:24px;font-weight:700}.view-page-subtitle{color:var(--muted);margin:3px 0 0;font-size:13px}.forge-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--card-shadow);border-radius:14px;padding:20px 24px;transition:border-color .2s,box-shadow .2s}.forge-card:hover{border-color:var(--line-strong)}.card-header-bar{border-bottom:1px solid var(--line);align-items:center;gap:10px;margin-bottom:16px;padding-bottom:14px;display:flex}.card-header-bar h3{color:var(--text);margin:0;font-size:15px;font-weight:600}.profile-hero-card{background:linear-gradient(135deg, var(--surface) 0%, var(--surface-2) 100%);border:1px solid var(--line-strong);justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.profile-hero-card:before{content:"";background:radial-gradient(circle, var(--red-glow) 0%, transparent 70%);pointer-events:none;opacity:.6;width:220px;height:220px;position:absolute;top:-50px;right:-50px}.profile-hero-left{align-items:center;gap:20px;display:flex}.profile-hero-avatar{background:linear-gradient(135deg, var(--red-bright) 0%, var(--red) 100%);color:#fff;width:72px;height:72px;box-shadow:0 0 20px var(--red-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:30px;font-weight:800;display:flex;position:relative}.avatar-edit-badge{border:2px solid var(--red-bright);width:24px;height:24px;color:var(--text);background:#110e15;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0;right:0}.profile-hero-name{color:var(--text);margin:0 0 2px;font-size:22px;font-weight:700}.profile-hero-title{text-transform:uppercase;letter-spacing:.05em;color:var(--red-bright);margin-bottom:6px;font-size:12px;font-weight:600;display:inline-block}.profile-hero-bio{color:var(--text-secondary);max-width:540px;margin:0;font-size:13px;line-height:1.5}.forge-button{cursor:pointer;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.forge-button:focus-visible{outline:2px solid var(--red-bright);outline-offset:2px}.forge-button.primary{background:var(--red);color:#fff;box-shadow:0 2px 10px var(--red-glow)}.forge-button.primary:hover{background:var(--red-bright);box-shadow:0 4px 16px var(--red-glow)}.forge-button.primary-outline{border-color:var(--red);color:var(--red-bright);background:0 0}.forge-button.primary-outline:hover{background:var(--active-bg);border-color:var(--red-bright)}.forge-button.secondary{background:var(--surface-2);border-color:var(--line);color:var(--text)}.forge-button.secondary:hover{background:var(--hover-bg);border-color:var(--line-strong)}.forge-button.primary-btn-sm,.forge-button.action-btn-sm{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text);border-radius:6px;padding:6px 12px;font-size:12px}.forge-button.primary-btn-sm:hover,.forge-button.action-btn-sm:hover{background:var(--hover-bg);border-color:var(--muted)}.forge-button.action-btn-sm.danger{color:var(--red-bright);border-color:#ef444466}.forge-button.action-btn-sm.danger:hover{border-color:var(--red);background:#ef444426}.forge-text-input,.forge-textarea{background:var(--input-bg);border:1px solid var(--line-strong);width:100%;color:var(--text);border-radius:8px;padding:10px 14px;font-family:inherit;font-size:13.5px;transition:border-color .15s,box-shadow .15s}.forge-text-input:focus,.forge-textarea:focus{border-color:var(--red-bright);box-shadow:0 0 0 3px var(--red-glow);outline:none}.read-only-field-value{color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:14px;font-weight:500}.read-only-field-value.bio-box{color:var(--text-secondary);font-weight:400;line-height:1.5}.forge-select-sm{background:var(--input-bg);border:1px solid var(--line-strong);color:var(--text);cursor:pointer;border-radius:6px;outline:none;padding:6px 12px;font-size:12.5px;transition:border-color .15s}.forge-select-sm:focus{border-color:var(--red-bright)}.profile-grid-duo{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=900px){.profile-grid-duo{grid-template-columns:1fr}}.profile-form-body{flex-direction:column;gap:16px;display:flex}.form-field-group{flex-direction:column;gap:6px;display:flex}.field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:12px;font-weight:600}.preferences-quick-form{flex-direction:column;gap:12px;display:flex}.pref-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 0;display:flex}.pref-row:last-child{border-bottom:none}.pref-label{color:var(--text-secondary);font-size:13px;font-weight:500}.profile-activity-section{margin-top:10px}.section-title-group{margin-bottom:16px}.section-title-left{align-items:center;gap:8px;display:flex}.section-title-left h2{color:var(--text);margin:0;font-size:18px;font-weight:700}.section-subtitle{color:var(--muted);font-size:13px}.metrics-quad-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}@media (width<=900px){.metrics-quad-grid{grid-template-columns:repeat(2,1fr)}}.metric-stat-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;align-items:center;gap:14px;padding:16px;transition:transform .15s,border-color .15s;display:flex}.metric-stat-card:hover{border-color:var(--red);transform:translateY(-2px)}.metric-icon-wrap{background:var(--surface-2);border:1px solid var(--line-strong);width:42px;height:42px;color:var(--red-bright);border-radius:10px;justify-content:center;align-items:center;display:flex}.metric-data{flex-direction:column;display:flex}.metric-value{color:var(--text);font-size:22px;font-weight:800;line-height:1}.metric-label{color:var(--muted);margin-top:4px;font-size:12px;font-weight:500}.mt-20{margin-top:20px}.activity-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:32px 16px;display:flex}.empty-icon-muted{color:var(--muted);opacity:.5;margin-bottom:12px}.activity-empty-state h4{color:var(--text);margin:0 0 6px;font-size:15px;font-weight:600}.activity-empty-state p{color:var(--muted);max-width:320px;margin:0 0 16px;font-size:12.5px}.activity-feed-list{flex-direction:column;gap:10px;display:flex}.activity-feed-item{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:12px;padding:10px 12px;display:flex}.feed-item-icon{color:var(--red-bright)}.feed-item-body{flex-direction:column;flex:1;display:flex}.feed-item-title{color:var(--text);font-size:13px;font-weight:500}.feed-item-time{color:var(--muted);font-size:11px}.languages-badge-grid{flex-wrap:wrap;gap:10px;padding:8px 0;display:flex}.language-used-badge{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text);border-radius:20px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;font-weight:500;display:inline-flex}.lang-dot-indicator{background:var(--red-bright);border-radius:50%;width:6px;height:6px}.spinner-icon-rotate{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.settings-search-bar{width:260px;position:relative}.settings-search-bar .search-icon{color:var(--muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.settings-search-input{background:var(--surface-2);border:1px solid var(--line-strong);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 12px 8px 34px;font-size:13px}.settings-search-input:focus{border-color:var(--red-bright)}.settings-grid-layout{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=960px){.settings-grid-layout{grid-template-columns:1fr}}.settings-card{flex-direction:column;display:flex}.card-setting-item{flex-direction:column;gap:6px;display:flex}.card-setting-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.card-setting-row:last-child{border-bottom:none}.setting-label{color:var(--text);font-size:13.5px;font-weight:500}.setting-desc{color:var(--muted);margin-top:2px;font-size:12px}.theme-toggle-group{background:var(--input-bg);border:1px solid var(--line);border-radius:8px;gap:8px;padding:4px;display:flex}.theme-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.theme-btn.active{background:var(--surface-2);color:var(--red-bright);box-shadow:0 1px 4px #0000004d}.accent-color-picker{gap:10px;margin-top:4px;display:flex}.accent-circle{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:transform .15s}.accent-circle:hover{transform:scale(1.15)}.accent-circle.selected{border-color:#fff;box-shadow:0 0 8px #fff6}.number-stepper{background:var(--input-bg);border:1px solid var(--line-strong);border-radius:6px;align-items:center;gap:8px;padding:2px 4px;display:flex}.step-btn{background:var(--surface-2);width:24px;height:24px;color:var(--text);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;display:flex}.step-btn:hover{background:var(--hover-bg)}.step-val{color:var(--text);text-align:center;min-width:20px;font-size:13px;font-weight:600}.toggle-switch{background:var(--surface-2);border:1px solid var(--line-strong);cursor:pointer;border-radius:12px;width:42px;height:22px;padding:2px;transition:background-color .2s,border-color .2s;position:relative}.toggle-switch.on{background:var(--red);border-color:var(--red-bright)}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .2s;display:block}.toggle-switch.on .toggle-thumb{transform:translate(20px)}.info-banner-box{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text-secondary);border-radius:8px;align-items:center;gap:10px;margin-top:14px;padding:10px 14px;font-size:12.5px;display:flex}.info-icon{color:var(--red-bright);flex-shrink:0}.about-brand-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding-bottom:12px;display:flex}.about-title{color:var(--text);font-size:16px;font-weight:700}.about-desc{color:var(--muted);margin:4px 0 0;font-size:12.5px}.about-version-badge{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--red-bright);border-radius:6px;padding:3px 8px;font-size:11px;font-weight:700}.about-links-list{flex-direction:column;gap:8px;margin-top:14px;display:flex}.about-link-item{color:var(--text-secondary);border-radius:6px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;text-decoration:none;transition:background .15s,color .15s;display:flex}.about-link-item:hover{background:var(--hover-bg);color:var(--red-bright)}.nav-user-section{align-items:center;gap:12px;display:flex;position:relative}.notification-btn{position:relative}.notification-btn:focus-visible{outline:2px solid var(--red-bright)}.notification-dot{background:var(--red-bright);width:8px;height:8px;box-shadow:0 0 6px var(--red-glow);border-radius:50%;position:absolute;top:4px;right:4px}.user-profile-lockup{background:var(--surface-2);border:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:20px;align-items:center;gap:10px;padding:4px 10px;transition:border-color .15s,background .15s;display:flex}.user-profile-lockup:focus-visible{outline:2px solid var(--red-bright)}.user-profile-lockup:hover,.user-profile-lockup.active{border-color:var(--red);background:var(--hover-bg)}.user-avatar{background:var(--red);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:700;display:flex}.user-greeting{flex-direction:column;line-height:1.1;display:flex}.user-greeting small{color:var(--muted);font-size:10px}.user-greeting strong{color:var(--text);font-size:12px}.user-chevron{color:var(--muted);transition:transform .2s}.user-chevron.rotated{transform:rotate(180deg)}.notification-panel-popover{background:var(--surface);border:1px solid var(--line-strong);z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;width:360px;animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 10px);right:80px;overflow:hidden;box-shadow:0 10px 40px #0009}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notification-panel-header{border-bottom:1px solid var(--line);background:var(--surface-2);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.notification-header-title{color:var(--text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.unread-badge-pill{background:var(--red);color:#fff;border-radius:10px;padding:1px 7px;font-size:11px;font-weight:700}.notification-header-actions{align-items:center;gap:8px;display:flex}.notif-text-action{color:var(--red-bright);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:11.5px;font-weight:600}.notif-text-action.text-muted{color:var(--muted)}.notif-text-action:hover{text-decoration:underline}.notif-close-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.notif-close-btn:hover{color:var(--text)}.notification-panel-body{max-height:380px;overflow-y:auto}.notification-empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.empty-bell-icon-wrap{background:var(--surface-2);border:1px solid var(--line);width:56px;height:56px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.notification-empty-state h4{color:var(--text);margin:0 0 4px;font-size:15px;font-weight:600}.notification-empty-state p{color:var(--muted);margin:0;font-size:12.5px}.notification-list{flex-direction:column;display:flex}.notification-item{border-bottom:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:12px;padding:12px 16px;transition:background .15s;display:flex;position:relative}.notification-item:hover{background:var(--hover-bg)}.notification-item.unread{background:#ef44440d}.notif-item-left{margin-top:2px}.notif-icon-success{color:#10b981}.notif-icon-error{color:#ef4444}.notif-icon-warning{color:#f59e0b}.notif-icon-info{color:#3b82f6}.notif-item-content{flex-direction:column;flex:1;display:flex}.notif-item-title-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.notif-item-title{color:var(--text);font-size:13px;font-weight:600}.notif-item-time{color:var(--muted);font-size:11px}.notif-item-message{color:var(--text-secondary);margin:0;font-size:12px;line-height:1.4}.unread-dot-indicator{background:var(--red-bright);border-radius:50%;align-self:center;width:7px;height:7px}.profile-menu-popover{background:var(--surface);border:1px solid var(--line-strong);z-index:1000;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:14px;width:240px;padding:8px 0;animation:.2s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 40px #0009}.profile-menu-header{align-items:center;gap:12px;padding:12px 16px 8px;display:flex}.profile-menu-avatar{background:var(--red);color:#fff;width:38px;height:38px;box-shadow:0 0 10px var(--red-glow);border-radius:50%;justify-content:center;align-items:center;font-size:16px;font-weight:700;display:flex}.profile-menu-user-info{flex-direction:column;display:flex}.profile-menu-name{color:var(--text);font-size:14px;font-weight:700}.profile-menu-role{color:var(--muted);font-size:11.5px}.profile-menu-divider{background:var(--line);height:1px;margin:8px 0}.profile-menu-items{flex-direction:column;display:flex}.profile-menu-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 16px;font-size:13.5px;font-weight:500;transition:background .15s,color .15s;display:flex}.profile-menu-item:hover{background:var(--hover-bg);color:var(--red-bright)}.confirm-cancel-btn{background:var(--surface-2);border:1px solid var(--line-strong);color:var(--text);cursor:pointer;border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.confirm-cancel-btn:hover{background:var(--hover-bg)}.confirm-submit-btn{background:var(--red);border:1px solid var(--red-bright);color:#fff;cursor:pointer;box-shadow:0 2px 10px var(--red-glow);border-radius:8px;padding:8px 16px;font-size:13px;font-weight:600}.confirm-submit-btn:hover{background:var(--red-bright)}@media (prefers-reduced-motion:reduce){.spinner-icon-rotate,.notification-panel-popover,.profile-menu-popover,.profile-view-container,.settings-view-container{transition:none!important;animation:none!important}}