@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,400;0,600;0,800;1,600&display=swap";*,:before,:after{box-sizing:border-box}body{height:100dvh;margin:0;overflow:hidden}#root{height:100dvh}:root{--bg-0:#04040e;--bg-1:#08081c;--bg-2:#0d0d28;--bg-3:#131340;--bg-4:#1a1a52;--panel:#070718;--raised:#0c0c22;--hover:#ffffff0a;--active:#ffffff12;--line:#ffffff12;--line-2:#ffffff1f;--line-3:#ffffff38;--violet:#7c6df0;--violet-l:#a89df5;--violet-d:#5548c8;--green:#00d68c;--green-l:#4dffc4;--green-d:#009b66;--cyan:#00cfff;--cyan-l:#7de8ff;--cyan-d:#09c;--pink:#ff4d8d;--pink-l:#ff85b3;--pink-d:#c26;--amber:#fa0;--t1:#eceeff;--t2:#8b91b8;--t3:#444870;--t4:#1c1f3a;--font-ui:"Inter", "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--r-sm:6px;--r-md:8px;--r-lg:12px;--r-xl:16px}[data-theme=light]{--bg-0:#f0f1f8;--bg-1:#f5f6fb;--bg-2:#eaecf5;--bg-3:#e0e3f0;--bg-4:#d5d9eb;--panel:#fff;--raised:#f0f1f8;--hover:#0000000a;--active:#00000012;--line:#00000014;--line-2:#00000024;--line-3:#00000040;--t1:#0d0f2e;--t2:#363a6b;--t3:#7a80aa;--t4:#c0c4de}[data-theme=light] .lang-dropdown{background:#fff}[data-theme=light] .draw-toolbar{background:#fffffff7}[data-theme=light] .draw-tool{color:var(--t3)}[data-theme=light] .draw-tool:hover{color:var(--t1);background:#7c6df01a}[data-theme=light] .settings-panel{background:#fff}[data-theme=light] .drop-overlay{background:#ffffffd9}[data-theme=light] .toolbar-btn{color:var(--t2);background:0 0}[data-theme=light] .toolbar-btn:hover{color:var(--t1);background:#0000000f}[data-theme=light] .toolbar-btn--overlay-on{color:var(--violet)}[data-theme=light] .mode-toggle{background:var(--bg-2);border-color:var(--line-2)}[data-theme=light] .navbar-divider{background:#0000001f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-1);color:var(--t1);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;min-width:680px;height:100dvh;font-size:13px;overflow:hidden}#root{flex-direction:column;height:100dvh;display:flex}.app{background:var(--bg-1);flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.app:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(40% 30% at 0 0,#7c6df017 0%,#0000 70%),radial-gradient(35% 25% at 100% 100%,#00d68c12 0%,#0000 70%);position:fixed;inset:0}.navbar{z-index:100;background:var(--panel);border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:4px;min-width:0;height:50px;padding:0 12px;display:flex;position:relative}.navbar-divider{background:var(--line);flex-shrink:0;width:1px;height:20px;margin:0 6px}.brand{font-family:var(--font-ui);cursor:pointer;flex-shrink:0;align-items:center;gap:8px;padding:0;text-decoration:none;transition:transform .38s cubic-bezier(.34,1.56,.64,1);display:flex}.brand:hover{transform:scale(1.05)rotate(-1deg)translateY(-1px)}.brand-mark{flex-shrink:0;display:block}.brand-word{letter-spacing:-.02em;font-weight:800}.brand-word-sketch{color:#eceaf5}.brand-word-run{color:#2fb872}[data-theme=light] .brand-word-sketch{color:#1a1c2e}.brand--lg,.brand--xl{background:0 0;border-radius:0;padding:0}.brand--lg:hover,.brand--xl:hover{box-shadow:none;transform:scale(1.03)rotate(-1deg)}[data-theme=light] .brand--lg,[data-theme=light] .brand--lg:hover,[data-theme=light] .brand--xl,[data-theme=light] .brand--xl:hover{box-shadow:none;background:0 0}.brand-text--drawpadi{text-transform:lowercase;color:#eceaf5;font-weight:800}[data-theme=light] .brand-text--drawpadi{color:#641e3cd9}.brand-i{color:#f1dfa0;margin-left:1px;font-family:Caveat,cursive;font-size:1.35em;font-style:italic;font-weight:700;line-height:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}[data-theme=light] .brand-i{color:#b8860b}.lang-select-wrap{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-md);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:5px;min-width:96px;height:34px;padding:0 7px;transition:border-color .15s,background .15s;display:flex;position:relative}.lang-select-wrap:hover,.lang-select-wrap--open{border-color:var(--violet);background:#7c6df01a}.lang-select-wrap--open .lang-chevron{color:var(--violet-l);transform:rotate(180deg)}.lang-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.lang-select-label{color:var(--t1);font-size:13px;font-weight:600;font-family:var(--font-ui);letter-spacing:.02em;white-space:nowrap}.lang-chevron{color:var(--t3);flex-shrink:0;margin-left:auto;font-size:11px;transition:transform .18s,color .15s}.lang-dropdown{border:1px solid var(--violet);border-radius:var(--r-lg);z-index:99999;background:#12123a;flex-direction:column;gap:2px;width:max-content;padding:4px;animation:.12s dropdown-in;display:flex;position:fixed;box-shadow:0 8px 32px #000000b3,0 0 0 1px #7c6df033}.lang-option{color:var(--t2);font-size:13px;font-family:var(--font-ui);cursor:pointer;border-radius:var(--r-md);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:6px 7px;font-weight:500;transition:background .1s,color .1s;display:flex}.lang-option:hover{color:var(--t1);background:#7c6df026}.lang-option--active{color:var(--violet-l);background:#7c6df033}.lang-option-check{color:var(--violet-l);margin-left:auto;font-size:11px}.toolbar-btn{border-radius:var(--r-md);height:32px;color:var(--t3);font-size:12px;font-weight:600;font-family:var(--font-ui);cursor:pointer;letter-spacing:.02em;white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:5px;padding:0 12px;transition:background .12s,border-color .12s,color .12s;display:flex}.toolbar-btn:hover{background:var(--hover);border-color:var(--line);color:var(--t1)}.toolbar-btn--done{color:var(--green);background:#00d68c12;border-color:#00d68c4d}.theme-toggle-btn{min-width:32px;font-size:15px}.toolbar-btn--overlay-on{color:var(--cyan);background:#00cfff12;border-color:#00cfff4d}.draw-btn{display:none}.mode-switch{background:var(--bg-2);border:1px solid var(--line-2);border-radius:20px;flex-shrink:0;align-items:center;gap:1px;padding:2px;display:flex;position:relative}.mode-switch:before{content:"";background:var(--violet);pointer-events:none;z-index:0;border-radius:18px;width:30px;height:26px;transition:left .18s cubic-bezier(.4,0,.2,1);position:absolute;top:2px}.mode-switch--code:before{left:2px}.mode-switch--draw:before{left:33px}.mode-switch-btn{z-index:1;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:26px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;transition:color .18s,opacity .18s;display:flex;position:relative}.mode-switch--code .mode-switch-btn:first-child{color:#fff}.mode-switch--code .mode-switch-btn:last-child,.mode-switch--draw .mode-switch-btn:first-child{color:var(--t3);opacity:.45}.mode-switch--draw .mode-switch-btn:last-child{color:#fff}.mode-switch-btn:hover{opacity:1!important}.mode-switch--nudge{animation:.45s ease-in-out 2 mode-switch-wiggle;box-shadow:0 0 0 3px #7c6df059,0 0 18px #7c6df080}@keyframes mode-switch-wiggle{0%,to{transform:translate(0)rotate(0)}25%{transform:translate(-3px)rotate(-3deg)}75%{transform:translate(3px)rotate(3deg)}}.mode-switch-hint{white-space:nowrap;background:var(--violet);color:#fff;font-family:var(--font-ui);z-index:30;border-radius:8px;padding:5px 11px;font-size:11.5px;font-weight:600;animation:.16s mode-hint-in;position:absolute;top:calc(100% + 9px);left:50%;transform:translate(-50%);box-shadow:0 6px 18px #7c6df073}.mode-switch-hint b{font-family:var(--font-mono)}.mode-switch-hint:before{content:"";border:5px solid #0000;border-bottom-color:var(--violet);position:absolute;bottom:100%;left:50%;transform:translate(-50%)}@keyframes mode-hint-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.run-btn{border-radius:var(--r-md);background:var(--green);color:#003d28;height:34px;font-size:13px;font-weight:700;font-family:var(--font-ui);cursor:pointer;letter-spacing:.04em;border:none;flex-shrink:0;align-items:center;gap:7px;padding:0 20px;transition:background .15s,box-shadow .15s,transform .1s;display:flex;box-shadow:0 0 0 1px #00d68c80,0 0 20px #00d68c33,0 2px 6px #0006}.run-btn:hover:not(:disabled){background:var(--green-l);transform:translateY(-1px);box-shadow:0 0 0 1px #00d68c99,0 0 32px #00d68c4d,0 2px 8px #0006}.run-btn:active:not(:disabled){transform:translateY(0)}.run-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.run-btn--blocked{opacity:.5;box-shadow:none}.run-btn--running{background:var(--raised);color:var(--green);cursor:pointer;border:1px solid #00d68c4d;animation:1.3s ease-in-out infinite run-pulse;box-shadow:0 0 16px #00d68c1f}.run-btn--running:hover{color:#fc8181;background:#ef44441f;border-color:#ef444466;animation:none}@keyframes run-pulse{0%,to{box-shadow:0 0 16px #00d68c1f}50%{box-shadow:0 0 28px #00d68c40}}.navbar-settings-wrap{position:relative}.settings-panel{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-lg);z-index:10100;flex-direction:column;gap:14px;width:248px;padding:16px;display:flex;position:fixed;top:54px;right:96px;box-shadow:0 16px 48px #000000b3}.settings-title{letter-spacing:.1em;text-transform:uppercase;color:var(--violet-l);margin-bottom:2px;font-size:10px;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-label{color:var(--t3);flex-shrink:0;font-size:12px;font-weight:500}.settings-opts{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.settings-opt{border-radius:var(--r-sm);border:1px solid var(--line);min-width:28px;height:26px;color:var(--t3);font-size:12px;font-family:var(--font-ui);cursor:pointer;background:0 0;padding:0 7px;transition:all .12s}.settings-opt:hover{border-color:var(--line-2);color:var(--t2)}.settings-opt--active{color:var(--violet-l);background:#7c6df01f;border-color:#7c6df080}.settings-toggle-btn{border:1px solid var(--line);background:var(--raised);cursor:pointer;border-radius:10px;flex-shrink:0;width:36px;height:20px;transition:background .2s,border-color .2s;position:relative}.settings-toggle-btn--on{background:#00d68c33;border-color:#00d68c80}.settings-toggle-thumb{background:var(--t3);border-radius:50%;width:14px;height:14px;transition:transform .2s,background .2s;position:absolute;top:2px;left:2px}.settings-toggle-btn--on .settings-toggle-thumb{background:var(--green);transform:translate(16px)}.tab-bar{background:var(--bg-0);border-bottom:1px solid var(--line);flex-shrink:0;height:38px;display:flex;overflow-x:auto}.tab-bar::-webkit-scrollbar{height:0}.tab{border:none;border-right:1px solid var(--line);height:38px;color:var(--t3);font-size:12px;font-family:var(--font-mono);cursor:pointer;white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:7px;padding:0 14px;font-weight:500;transition:color .12s,background .12s;display:flex;position:relative}.tab:hover{color:var(--t2);background:var(--hover)}.tab--compact{justify-content:center;gap:0;width:30px;padding:0}.tab--compact .tab-close{opacity:0;background:var(--bg-0);border-radius:3px;justify-content:center;align-items:center;width:14px;height:14px;font-size:11px;display:flex;position:absolute;top:3px;right:3px}.tab--compact:hover .tab-close{opacity:1}.tab--active{color:var(--t1);background:var(--panel);font-weight:600}.tab--active:after{content:"";background:var(--tab-accent,var(--violet));border-radius:2px 2px 0 0;height:2px;position:absolute;bottom:0;left:0;right:0}.tab-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.tab-new{min-width:30px;height:26px;color:var(--violet-l);cursor:pointer;background:#7c6df024;border:1px dashed #7c6df08c;border-radius:8px;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:6px 6px 6px 8px;padding:0 8px;font-size:17px;line-height:1;transition:color .12s,background .12s,border-color .12s;display:flex}.tab-new:hover{color:#fff;background:#7c6df052;border-style:solid}.problem-list-wrap{align-self:center;position:relative}.problem-list-btn{white-space:nowrap;font-size:12px;font-weight:600}.problem-list-btn--on{color:#fff;background:#7c6df052;border-style:solid}.problem-list-backdrop{z-index:299;background:#00000c80;position:fixed;inset:0}.problem-list-drawer{background:var(--bg-2);z-index:300;border-right:1px solid #7c6df040;flex-direction:column;width:40vw;min-width:280px;max-width:560px;animation:.18s slide-in-left;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;box-shadow:10px 0 40px #00000080}@keyframes slide-in-left{0%{transform:translate(-100%)}to{transform:translate(0)}}.problem-list-drawer-title{text-transform:uppercase;letter-spacing:.07em;color:var(--t3);border-bottom:1px solid var(--line);flex-shrink:0;padding:16px 20px;font-size:11px;font-weight:700}.problem-list-drawer-items{flex:1;padding:6px 10px;overflow-y:auto}.problem-list-drawer-item{text-align:left;cursor:pointer;width:100%;color:var(--t1);background:0 0;border:none;border-radius:8px;justify-content:space-between;align-items:baseline;gap:10px;padding:12px;font-size:13.5px;font-weight:500;transition:background .1s;display:flex}.problem-list-drawer-item:hover{background:var(--hover)}.problem-list-drawer-item--active{background:#a78bfa1a}.problem-list-drawer-item-title{flex:1}.problem-list-drawer-item-diff{text-transform:capitalize;flex-shrink:0;font-size:11px;font-weight:700}.problem-list-drawer-item-solved{color:#34d399;flex-shrink:0;font-weight:800}.tab-close-all-btn{border:none;border-right:1px solid var(--line);height:38px;color:var(--t4);cursor:pointer;background:0 0;flex-shrink:0;padding:0 10px;font-size:11px;font-weight:600;transition:color .12s,background .12s}.tab-close-all-btn:hover{color:var(--pink);background:#ff4d8d14}.tab-bar-spacer{background:var(--bg-0);flex:1}.tab-file-actions{border-left:1px solid var(--line);background:var(--bg-0);align-items:center;gap:1px;padding:0 4px;display:flex}.tab-file-btn{cursor:pointer;color:var(--t3);background:0 0;border:none;border-radius:5px;flex-shrink:0;height:38px;padding:0 8px;font-size:14px;line-height:1;transition:background .12s,color .12s}.tab-file-btn:hover{background:var(--hover);color:var(--t1)}.tab-file-btn--done{color:#34d399!important}.draw-gate-popover{background:var(--bg-2);z-index:200;cursor:default;border:1px solid #7c6df040;border-radius:10px;flex-direction:column;gap:10px;width:220px;padding:12px;display:flex;position:absolute;top:calc(100% + 10px);left:0;box-shadow:0 10px 40px #00000080}.draw-gate-text{color:var(--t2);font-size:12px;line-height:1.4}.draw-gate-actions{flex-direction:column;gap:6px;display:flex}.draw-gate-btn{color:var(--violet-l);cursor:pointer;text-align:left;background:#7c6df014;border:1px solid #7c6df033;border-radius:7px;padding:7px 8px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s}.draw-gate-btn:hover{background:#7c6df029;border-color:#7c6df061}.navbar-collab-wrap{position:relative}.collab-join-popover{background:var(--bg-2);z-index:200;border:1px solid #7c6df040;border-radius:10px;flex-direction:column;gap:9px;width:192px;padding:14px;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 10px 40px #00000080}.collab-join-title{letter-spacing:.08em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:700}.collab-join-row{gap:5px;display:flex}.collab-join-input{background:var(--bg-0);border:1px solid var(--line-2);min-width:0;color:var(--t1);letter-spacing:.12em;text-transform:uppercase;border-radius:6px;outline:none;flex:1;padding:6px 8px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;transition:border-color .12s}.collab-join-input::placeholder{color:var(--t3);letter-spacing:.04em;font-weight:400}.collab-join-input:focus{border-color:#7c6df08c}.collab-join-btn{background:var(--violet);color:#fff;cursor:pointer;border:none;border-radius:6px;flex-shrink:0;height:33px;padding:0 10px;font-size:15px;transition:opacity .12s}.collab-join-btn:disabled{opacity:.35;cursor:not-allowed}.collab-join-btn:not(:disabled):hover{opacity:.82}.collab-join-or{color:var(--t3);text-align:center;font-size:11px}.collab-join-new-btn{color:var(--violet-l);cursor:pointer;background:#7c6df014;border:1px solid #7c6df033;border-radius:7px;width:100%;padding:8px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s}.collab-join-new-btn:hover{background:#7c6df029;border-color:#7c6df061}.tab-maximize-btn{background:var(--bg-0);border:none;border-left:1px solid var(--line);width:38px;height:38px;color:var(--t3);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;transition:color .12s,background .12s;display:flex}.tab-maximize-btn:hover{color:var(--t1);background:var(--hover)}.tab-maximize-btn--on{color:var(--violet-l)}.tab-close{opacity:0;color:var(--t3);border-radius:4px;padding:2px;font-size:14px;line-height:1;transition:opacity .12s,color .12s,background .12s}.tab:hover .tab-close{opacity:1}.tab--active .tab-close{opacity:.5}.tab--active .tab-close:hover{opacity:1;color:var(--pink);background:#ff4d8d1a}.tab-rename-input{color:var(--t1);font-size:12px;font-family:var(--font-mono);background:#7c6df01a;border:1px solid #7c6df066;border-radius:4px;outline:none;width:120px;padding:2px 7px}.editor-area{z-index:1;flex-direction:row;flex:1;display:flex;position:relative;overflow:hidden}.editor-left-col{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-area--problem{flex-direction:row}.problem-panel{background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:38%;min-width:260px;max-width:520px;display:flex;overflow:hidden}.problem-panel--maximized{border-right:none;width:100%;min-width:0;max-width:none}.editor-area--problem-maximized .editor-left-col,.editor-area--problem-maximized .editor-right-panel,.editor-area--problem-maximized .editor-right-panel-collapsed{display:none}.problem-panel-topbar{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;gap:4px;padding:6px 8px 6px 16px;display:flex}.problem-panel-meta{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.problem-panel-diff{text-transform:capitalize;flex-shrink:0;font-size:11px;font-weight:700}.problem-panel-tags{flex-wrap:wrap;gap:4px;display:flex}.problem-panel-tag{color:var(--violet-l);background:#7c6df01a;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:500}.problem-panel-title{color:var(--t1);letter-spacing:-.01em;flex-shrink:0;margin:0;padding:14px 16px 0;font-size:15px;font-weight:700;line-height:1.3}.problem-panel-tabs{flex:1;gap:2px;min-width:0;display:flex;overflow-x:auto}.problem-panel-tabs::-webkit-scrollbar{display:none}.problem-ptab{color:var(--t3);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:5px;padding:8px 10px;font-size:12px;font-weight:600;transition:color .12s,border-color .12s;display:flex}.problem-ptab:hover{color:var(--t2)}.problem-ptab--active{color:var(--t1);border-bottom-color:var(--violet)}.problem-ptab-count{color:var(--violet-l);background:#7c6df026;border-radius:8px;padding:1px 6px;font-size:9px;font-weight:700}.problem-panel-body{scrollbar-gutter:stable;flex-direction:column;flex:1;gap:16px;padding:16px;display:flex;overflow-y:auto}.problem-panel-body::-webkit-scrollbar{width:11px}.problem-panel-body::-webkit-scrollbar-track{background:0 0}.problem-panel-body::-webkit-scrollbar-thumb{background:var(--line-3);background-clip:padding-box;border:3px solid #0000;border-radius:6px}.problem-panel-body::-webkit-scrollbar-thumb:hover{background:var(--violet);background-clip:padding-box}.problem-panel-body{scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}.problem-panel-footer{border-top:1px solid var(--line);flex-shrink:0;padding:10px 16px}.problem-feedback-toggle{color:var(--t4);cursor:pointer;background:0 0;border:none;padding:2px 0;font-size:11px;transition:color .12s}.problem-feedback-toggle:hover{color:var(--t2)}.problem-feedback-form{flex-direction:column;gap:8px;display:flex}.problem-feedback-input{background:var(--bg-0);border:1px solid var(--line-2);color:var(--t1);font-family:var(--font-ui);resize:vertical;border-radius:7px;outline:none;padding:8px;font-size:12px;transition:border-color .12s}.problem-feedback-input:focus{border-color:#7c6df080}.problem-feedback-actions{justify-content:flex-end;gap:6px;display:flex}.problem-feedback-cancel,.problem-feedback-submit{cursor:pointer;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:opacity .12s,background .12s}.problem-feedback-cancel{color:var(--t3);background:0 0}.problem-feedback-cancel:hover{color:var(--t1)}.problem-feedback-submit{background:var(--violet);color:#fff}.problem-feedback-submit:disabled{opacity:.35;cursor:not-allowed}.problem-feedback-submit:not(:disabled):hover{opacity:.85}.problem-feedback-sent{color:#34d399;font-size:12px}.problem-feedback-error{color:#f87171;font-size:11px}.problem-panel-desc{color:var(--t2);margin:0;font-size:13.5px;line-height:1.7}.problem-panel-section{flex-direction:column;gap:6px;display:flex}.problem-panel-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--t3);font-size:10px;font-weight:700}.problem-panel-constraints{color:var(--t2);margin:0;font-family:JetBrains Mono,monospace;font-size:12.5px;line-height:1.6}.problem-panel-examples{flex-direction:column;gap:16px;display:flex}.problem-panel-example{background:var(--bg-2);border:1px solid var(--line);border-radius:8px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.problem-panel-example-num{text-transform:uppercase;letter-spacing:.06em;color:var(--t3);font-size:11px;font-weight:700}.problem-panel-io{flex-direction:column;gap:3px;display:flex}.problem-panel-io-label{text-transform:uppercase;letter-spacing:.06em;color:var(--t3);font-size:10px;font-weight:700}.problem-panel-io-code{background:var(--bg-0);border:1px solid var(--line);color:var(--t1);white-space:pre-wrap;word-break:break-all;border-radius:5px;margin:0;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5}.problem-panel-io-code--wrong{color:#f87171;border-color:#f8717140}.problem-panel-io-explain{color:var(--t3);margin:0;font-size:12px;line-height:1.5}.problem-panel-results{flex-direction:column;gap:10px;display:flex}.problem-panel-judging{color:var(--t3);padding:8px 0;font-size:13px}.problem-panel-verdict{border-radius:8px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;font-weight:700;display:flex}.problem-panel-verdict--ac{color:#34d399;background:#34d3991a;border:1px solid #34d39933}.problem-panel-verdict--wa{color:#f87171;background:#f871711a;border:1px solid #f8717133}.problem-panel-score{opacity:.8;font-size:12px;font-weight:500}.problem-panel-case{border:1px solid var(--line);border-radius:7px;overflow:hidden}.problem-panel-case-head{align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.problem-panel-case--pass .problem-panel-case-head{color:#34d399;background:#34d39912}.problem-panel-case--fail .problem-panel-case-head{color:#f87171;background:#f8717112}.problem-panel-case-head--clickable{text-align:left;cursor:pointer;border:none;width:100%;font-family:inherit;transition:filter .12s}.problem-panel-case-head--clickable:hover{filter:brightness(1.25)}.problem-panel-hidden{opacity:.5;margin-left:auto;font-size:10px;font-weight:400}.problem-panel-case-body{background:var(--bg-0);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.problem-panel-empty-tab{color:var(--t4);text-align:center;padding:24px 8px;font-size:12px;line-height:1.6}.problem-panel-hint-wrap{flex-shrink:0;position:relative}.problem-panel-hint-pill{cursor:pointer;background:#7c6df014;border:1.5px solid #7c6df066;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-size:13px;transition:background .15s,border-color .15s,transform .1s;display:flex}.problem-panel-hint-pill:hover{background:#7c6df029;border-color:#7c6df0a6;transform:translateY(-1px)}.problem-panel-hint-pill--on{border-color:var(--violet);color:var(--t1);background:#7c6df033}.problem-panel-hint-backdrop{z-index:30;position:fixed;inset:0}.problem-panel-hint-popover{z-index:31;background:var(--panel);border:1px solid #7c6df04d;border-radius:10px;width:300px;margin-top:6px;padding:12px 14px;position:absolute;top:100%;right:0;box-shadow:0 12px 30px #0006}.problem-panel-hint-body{color:var(--t1);font-size:12.5px;line-height:1.6}.problem-panel-hint-body--loading{color:var(--t3);font-style:italic}.problem-panel-hint-body--error{color:var(--pink)}.problem-panel-solution-gate{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.problem-pro-badge{letter-spacing:.04em;color:#a78bfa;background:#a78bfa24;border:1px solid #a78bfa59;border-radius:6px;padding:2px 9px;font-size:11px;font-weight:800}.problem-panel-solution-code{white-space:pre-wrap;word-break:break-word;margin:0 0 4px}.problem-panel--collapsed{background:var(--bg-1);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;align-items:center;gap:8px;padding:10px 0;display:flex;overflow:hidden;width:32px!important;min-width:32px!important}.problem-panel-expand-btn{color:var(--violet-l);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:18px;line-height:1;transition:background .12s}.problem-panel-expand-btn:hover{background:var(--hover)}.problem-panel-collapsed-exit{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:12px;transition:background .12s,color .12s}.problem-panel-collapsed-exit:hover{color:#f87171;background:#f8717114}.problem-panel-collapsed-label{writing-mode:vertical-rl;text-orientation:mixed;flex-direction:column;align-items:center;gap:6px;padding:0 4px;display:flex;transform:rotate(180deg)}.problem-panel-collapsed-diff{text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:800}.problem-panel-collapsed-title{color:var(--t2);white-space:nowrap;text-overflow:ellipsis;max-height:140px;font-size:11px;font-weight:600;overflow:hidden}.problem-panel-collapse-btn,.problem-panel-maximize-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;flex-shrink:0;padding:4px 7px;font-size:12px;transition:background .12s,color .12s}.problem-panel-collapse-btn{color:var(--t3);font-size:16px;line-height:1}.problem-panel-collapse-btn:hover{color:var(--t1);background:var(--hover)}.problem-panel-maximize-btn{color:var(--t3);font-size:14px}.problem-panel-maximize-btn:hover{color:var(--t1);background:var(--hover)}.problem-panel-maximize-btn--on{color:var(--violet-l)}.problem-panel-title-row{flex-shrink:0;align-items:baseline;gap:10px;padding:10px 16px 4px;display:flex}.problem-panel-stopwatch{color:var(--t3);font-variant-numeric:tabular-nums;flex-shrink:0;align-items:center;margin-left:auto;padding:0 16px;font-size:12px;font-weight:600;display:flex}.tab-shared-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:5px;height:5px;animation:2.5s ease-in-out infinite shared-pulse}@keyframes shared-pulse{0%,to{opacity:1}50%{opacity:.4}}.tab-shared-new{color:#34d399;background:#34d3991f;border-color:#34d39980}.tab-shared-new:hover{color:#fff;background:#34d3994d}.tab-share-toggle{border:none;border-left:1px solid var(--line);cursor:pointer;color:var(--t3);background:0 0;flex-shrink:0;height:38px;padding:0 10px;font-size:13px;transition:color .12s}.tab-share-toggle:hover,.tab-share-toggle--on{color:#34d399}.problem-panel-resize-handle{cursor:col-resize;z-index:10;background:0 0;width:6px;height:100%;transition:background .15s;position:absolute;top:0;right:-3px}.problem-panel-resize-handle:hover,.problem-panel-resize-handle:active{background:#7c6df059}.problem-panel{position:relative}.peer-draw-notif{color:var(--violet-l);cursor:pointer;text-align:center;background:#7c6df01a;border-bottom:1px solid #7c6df033;padding:6px 16px;font-size:12px;transition:background .12s;animation:.2s notif-slide-in}.peer-draw-notif:hover{background:#7c6df02e}@keyframes notif-slide-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.verify-banner{color:var(--amber);background:#ffaa0014;border-bottom:1px solid #fa03;align-items:center;gap:8px;padding:7px 16px;font-size:12px;animation:.2s notif-slide-in;display:flex}.verify-banner-btn{color:var(--amber);cursor:pointer;background:#ffaa0024;border:1px solid #ffaa004d;border-radius:6px;padding:3px 10px;font-size:11.5px;font-weight:600;transition:background .12s}.verify-banner-btn:hover:not(:disabled){background:#ffaa0038}.verify-banner-btn:disabled{opacity:.6;cursor:not-allowed}.verify-banner-sent{color:#34d399;font-weight:600}.verify-banner-error{color:#f87171}.verify-banner-close{color:var(--amber);cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:auto;padding:2px 4px;font-size:13px}.verify-banner-close:hover{opacity:1}.editor-pane{flex:1;position:relative;overflow:hidden}.editor-pane--dragover{outline-offset:-4px;outline:2px dashed #7c6df080}.editor-right-panel{border-left:1px solid var(--line);flex-direction:column;flex-shrink:0;display:flex;position:relative;overflow:hidden}.editor-right-panel-resize{cursor:col-resize;z-index:10;width:6px;height:100%;transition:background .15s;position:absolute;top:0;left:-3px}.editor-right-panel-resize:hover{background:#7c6df040}.editor-right-panel .output-panel{flex:1;min-height:0;height:auto!important}.editor-right-panel .output-resize-handle{display:none}.editor-right-panel>.stdin-panel{border-top:none}.editor-right-panel-collapsed{background:var(--bg-0);border-left:1px solid var(--line);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:28px;padding:0;transition:background .12s;display:flex}.editor-right-panel-collapsed:hover{background:var(--hover)}.editor-right-panel-collapsed-label{writing-mode:vertical-rl;letter-spacing:.06em;color:var(--t3);white-space:nowrap;font-size:11px;font-weight:600;transform:rotate(180deg)}.editor-right-panel-collapsed:hover .editor-right-panel-collapsed-label{color:var(--t1)}.editor-area--maximized .editor-pane{border-bottom:none;flex:1}.editor-area--maximized .stdin-panel,.editor-area--maximized .output-panel,.editor-area--maximized .editor-right-panel{display:none}.drop-overlay{color:var(--violet-l);z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#7c6df00f;justify-content:center;align-items:center;font-size:17px;font-weight:600;display:flex;position:absolute;inset:0}.stdin-panel{border-top:1px solid var(--line);background:var(--bg-0);flex-shrink:0}.stdin-header{cursor:pointer;width:100%;height:28px;color:var(--t4);font-family:var(--font-mono);background:0 0;border:none;align-items:center;gap:7px;padding:0 14px;font-size:10px;font-weight:500;transition:color .12s,background .12s;display:flex}.stdin-header:hover{color:var(--t3);background:var(--hover)}.stdin-icon{color:var(--cyan);font-size:11px}.stdin-label{letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:600}.stdin-filled{color:var(--cyan);font-size:10px;font-family:var(--font-mono)}.stdin-chevron{opacity:.5;margin-left:auto;font-size:9px}.stdin-body{background:var(--bg-0);border:none;border-top:1px solid var(--line);width:100%;height:80px;color:var(--green);font-family:var(--font-mono);resize:none;outline:none;padding:8px 14px;font-size:12.5px;line-height:1.65;display:block}.stdin-body::placeholder{color:var(--t4)}.stdin-hint{color:var(--t3);background:var(--bg-0);justify-content:space-between;align-items:center;gap:8px;padding:5px 14px 8px;font-size:10.5px;font-style:italic;line-height:1.4;display:flex}.stdin-reset{color:var(--accent,#7c6df0);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;padding:2px 4px;font-size:10.5px;font-style:normal;font-weight:600}.stdin-reset:hover{text-decoration:underline}.output-panel{border-top:1px solid var(--line);background:var(--bg-0);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.output-resize-handle{cursor:ns-resize;background:0 0;flex-shrink:0;height:4px;transition:background .15s;position:relative}.output-resize-handle:hover{background:#7c6df04d}.output-header{border-bottom:1px solid var(--line);background:var(--panel);flex-shrink:0;align-items:center;gap:8px;height:34px;padding:0 14px;display:flex}.output-header-label{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--t3);font-size:10px;font-weight:600}.output-actions{gap:3px;margin-left:auto;display:flex}.output-icon-btn{border-radius:var(--r-sm);width:24px;height:24px;color:var(--t4);cursor:pointer;font-size:12px;font-family:var(--font-ui);background:0 0;border:none;justify-content:center;align-items:center;transition:background .1s,color .1s;display:flex}.output-icon-btn:hover{background:var(--hover);color:var(--t2)}.output-icon-btn--done{color:var(--green)}.output-icon-btn--clear:hover{color:var(--pink)}.output-status{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-radius:20px;padding:2px 8px;font-size:10px;font-weight:600}.output-status--ok{color:var(--green);background:#00d68c1a;border:1px solid #00d68c40}.output-status--error{color:var(--pink);background:#ff4d8d1a;border:1px solid #ff4d8d40}.output-status--stopped{color:var(--t3);border:1px solid var(--line-2);background:#ffffff0d}.output-body{flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.output-body--idle{color:var(--t4);font-family:var(--font-mono);letter-spacing:.04em;font-size:11px}.output-body--idle:before{content:"> ";color:var(--t4)}.output-running{color:var(--violet-l);font-family:var(--font-mono);letter-spacing:.05em;font-size:12px;font-weight:500;animation:1.1s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.output-scroll{flex-direction:column;flex:1;display:flex;overflow:auto}.output-text{font-family:var(--font-mono);white-space:pre-wrap;word-break:break-all;flex-shrink:0;padding:10px 14px;font-size:13px;line-height:1.7}.output-text--success{color:#a8f5d8}.output-text--error{color:#ffb3c6}[data-theme=light] .output-text--success{color:#00a06a}[data-theme=light] .output-text--error{color:#d6285f}.explain-btn{border-radius:var(--r-sm);height:24px;color:var(--violet-l);font-size:11px;font-weight:700;font-family:var(--font-ui);letter-spacing:.04em;cursor:pointer;background:#7c6df012;border:1px solid #7c6df040;padding:0 10px;transition:all .12s}.explain-btn:hover:not(:disabled){background:#7c6df024;border-color:#7c6df080;box-shadow:0 0 10px #7c6df026}.explain-btn--busy{opacity:.5;cursor:default;animation:1.2s ease-in-out infinite pulse}.explain-panel{border-radius:var(--r-md);background:#7c6df00a;border:1px solid #7c6df026;flex-shrink:0;margin:0 12px 12px;overflow:hidden}.explain-panel-header{border-bottom:1px solid #7c6df01a;align-items:center;padding:7px 10px;display:flex}.explain-label{letter-spacing:.08em;color:var(--violet-l);text-transform:uppercase;font-size:10px;font-weight:700}.explain-close{color:var(--t4);cursor:pointer;font-size:11px;font-family:var(--font-ui);background:0 0;border:none;margin-left:auto;transition:color .1s}.explain-close:hover{color:var(--pink)}.explain-body{color:var(--violet-l);white-space:pre-wrap;padding:10px 12px;font-size:13px;line-height:1.75}.explain-thinking{color:var(--t4);font-style:italic;animation:1s ease-in-out infinite pulse}.drawing-canvas{pointer-events:none;touch-action:none;z-index:10;width:100%;height:100%;position:absolute;inset:0}.drawing-canvas--hidden{display:none}.drawing-canvas--active{pointer-events:all;cursor:crosshair;z-index:9999}.text-cursor{pointer-events:none;z-index:10001;border-left:2px solid;width:0;height:22px;animation:1s step-end infinite blink-cursor;position:absolute}@keyframes blink-cursor{0%,to{opacity:1}50%{opacity:0}}.pen-cursor{pointer-events:none;z-index:10001;transform-origin:4px 16px;filter:drop-shadow(0 1px 2px #00000080);width:20px;height:20px;margin-top:-16px;margin-left:-2px;animation:1.6s ease-in-out infinite pen-idle;position:absolute}.pen-cursor--writing{animation:.22s ease-in-out infinite pen-write}.shape-delete-badge{color:#ff4d8d;cursor:pointer;z-index:10002;background:#1a0d14;border:1.5px solid #ff4d8d;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;transition:background .12s,color .12s,transform .12s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 10px #ff4d8d59}.shape-delete-badge:hover{color:#1a0d14;background:#ff4d8d;transform:translate(-50%,-50%)scale(1.1)}@keyframes pen-idle{0%,to{transform:rotate(0)}50%{transform:rotate(-4deg)}}@keyframes pen-write{0%,to{transform:rotate(-6deg)translateY(0)}50%{transform:rotate(4deg)translateY(1px)}}.ai-panel{background:var(--raised);border-left:1px solid var(--line-2);z-index:9000;flex-direction:column;width:300px;max-width:80vw;animation:.18s ai-panel-in;display:flex;position:absolute;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #0006}@keyframes ai-panel-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.ai-panel-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.ai-panel-title{color:var(--violet-l);letter-spacing:.02em;font-size:13px;font-weight:700}.ai-panel-close{color:var(--t3);cursor:pointer;border-radius:var(--r-sm);background:0 0;border:none;padding:2px 6px;font-size:14px;transition:background .12s,color .12s}.ai-panel-close:hover{background:var(--hover);color:var(--t1)}.ai-panel-actions{border-bottom:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:6px;padding:12px 14px;display:flex}.ai-action-btn{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--t1);font-size:12.5px;font-weight:600;font-family:var(--font-ui);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:8px 10px;transition:border-color .12s,background .12s;display:flex}.ai-action-btn:hover:not(:disabled){border-color:var(--violet);background:#7c6df01a}.ai-action-btn--active{border-color:var(--violet);color:var(--violet-l);background:#7c6df029}.ai-action-btn:disabled{opacity:.4;cursor:not-allowed}.ai-panel-body{flex:1;padding:14px;overflow-y:auto}.ai-panel-thinking{color:var(--t3);font-size:12.5px;font-style:italic;animation:1.2s ease-in-out infinite pulse}.ai-panel-response{color:var(--t1);white-space:pre-wrap;font-size:13px;line-height:1.6;font-family:var(--font-ui)}.ai-panel-empty{color:var(--t3);font-size:12px;line-height:1.6}.draw-toolbar{border:1px solid var(--line-2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10000;background:#04040ef2;border-radius:12px;flex-direction:column;align-items:center;gap:3px;padding:8px 6px;display:flex;position:absolute;top:max(10px,50% - 155px);right:12px;overflow:visible;box-shadow:0 8px 32px #000c}.cp-btn{cursor:pointer;background:conic-gradient(#ff1a1a,#ffb31a,#b2ff1a,#00e600,#00e699,#1ab2ff,#1a1aff,#b31aff,#ff1ab2,#ff1a1a);border:2px solid #ffffff2e;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:transform .15s,border-color .15s;position:relative}.cp-btn:after{content:"";background:var(--cur-color,#fff);border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:4px}.cp-btn:hover{border-color:#ffffff73;transform:scale(1.18)}.cp-popup{z-index:999999;background:#0e0e2a;border:1px solid #7c6df080;border-radius:12px;flex-direction:column;gap:8px;width:188px;padding:10px;display:flex;position:fixed;box-shadow:0 12px 40px #000000d9}.cp-square{background:var(--cp-hue);cursor:crosshair;border-radius:7px;flex-shrink:0;width:100%;height:148px;position:relative;overflow:hidden}.cp-sq-white{background:linear-gradient(90deg,#fff,#0000);position:absolute;inset:0}.cp-sq-black{background:linear-gradient(#0000,#000);position:absolute;inset:0}.cp-cursor{pointer-events:none;border:2px solid #fff;border-radius:50%;width:13px;height:13px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0006,0 2px 6px #00000080}.cp-hue{appearance:none;cursor:pointer;background:linear-gradient(90deg,red,#ff8000,#ff0,#80ff00,#0f0,#00ff80,#0ff,#0080ff,#00f,#8000ff,#f0f,#ff0080,red);border:none;border-radius:7px;outline:none;width:100%;height:14px}.cp-hue::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#fff;border:2px solid #0003;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 6px #00000080}.cp-row{align-items:center;gap:8px;display:flex}.cp-preview{border:1px solid #ffffff26;border-radius:6px;flex-shrink:0;width:26px;height:26px}.cp-hex{font-size:11px;font-family:var(--font-mono);color:var(--t2);letter-spacing:.05em}.draw-divider{background:var(--line);flex-shrink:0;width:16px;height:1px;margin:1px 0}.draw-tool{width:26px;height:24px;color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;transition:background .12s,color .12s;display:flex}.draw-tool:hover{background:var(--hover);color:var(--t1)}.draw-tool--active{color:var(--cyan);background:#00cfff1f}.draw-tool--clear:hover{color:var(--pink)}.draw-tool--eraser:hover svg rect,.draw-tool--eraser:hover svg line{stroke-opacity:.9}.draw-tool--eraser-active{border:1px solid #ff4d8d4d;background:#ff4d8d1a!important}.draw-group-btn{flex-direction:column;gap:1px;font-size:12px;width:30px!important;height:30px!important;padding:0 3px!important}.draw-chevron{opacity:.4;font-size:6px;line-height:1;display:block;transform:rotate(90deg)}.draw-group-popup{min-width:auto!important;padding:10px 12px!important}.draw-group-popup .draw-opts-row{gap:6px}.draw-group-popup .draw-tool{width:36px;height:32px}.draw-text-opts-wrap{align-items:center;display:flex;position:relative}.draw-text-aa-btn{letter-spacing:-.5px;width:28px;font-size:11px;font-weight:700}.draw-text-opts-popup{border:1px solid var(--line-2);z-index:99999;background:#04040efa;border-radius:12px;min-width:200px;padding:12px 14px;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);box-shadow:-4px 0 30px #000000b3}.draw-opts-row-label{color:var(--t3);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px;font-size:9px}.draw-opts-row{flex-wrap:wrap;gap:4px;display:flex}.draw-opts-styles{flex-direction:column;gap:4px;display:flex}.draw-style-btn{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--t2);cursor:pointer;text-align:left;padding:5px 10px;font-size:13px;transition:background .12s,border-color .12s,color .12s}.draw-style-btn:hover{background:var(--hover);border-color:var(--line-2);color:var(--t1)}.draw-style-btn--active{color:var(--violet-l);background:#7c6df026;border-color:#7c6df073}.draw-size-label{color:var(--t3);text-transform:uppercase;letter-spacing:.06em;align-self:center;padding:0 2px;font-size:9px}.draw-size-btn{background:var(--raised);border:1px solid var(--line);color:var(--t2);font-family:var(--font-ui);cursor:pointer;border-radius:5px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;font-weight:600;transition:all .12s;display:flex}.draw-size-btn:hover{background:var(--hover);color:var(--t1)}.draw-size-btn--active{color:var(--violet-l);background:#7c6df02e;border-color:#7c6df073}.shortcuts-modal{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);flex-direction:column;width:520px;max-width:94vw;max-height:80vh;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c}.shortcuts-header{border-bottom:1px solid var(--line);flex-shrink:0;align-items:center;padding:18px 20px 14px;display:flex}.shortcuts-title{color:var(--violet-l);font-size:14px;font-weight:700}.shortcuts-close{color:var(--t3);cursor:pointer;font-size:14px;font-family:var(--font-ui);background:0 0;border:none;margin-left:auto;transition:color .1s}.shortcuts-close:hover{color:var(--t1)}.shortcuts-body{flex-direction:column;gap:20px;padding:16px 20px;display:flex;overflow:auto}.shortcuts-group{flex-direction:column;gap:8px;display:flex}.shortcuts-category{letter-spacing:.1em;text-transform:uppercase;color:var(--violet-l);border-bottom:1px solid #7c6df026;padding-bottom:4px;font-size:10px;font-weight:700}.shortcuts-item{align-items:center;gap:12px;display:flex}kbd.shortcuts-key{font-family:var(--font-mono);color:var(--t2);background:var(--raised);border:1px solid var(--line-2);white-space:nowrap;border-radius:5px;flex-shrink:0;padding:2px 7px;font-size:11px}.shortcuts-desc{color:var(--t3);font-size:12px}.modal-backdrop,.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99999;background:#00000cbf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}@keyframes modal-in{0%{opacity:0;transform:scale(.96)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes theme-flash-out{0%{opacity:1}30%{opacity:1}to{opacity:0}}.theme-flash{z-index:9999999;pointer-events:none;animation:.48s ease-out forwards theme-flash-out;position:fixed;inset:0}.theme-flash--light{background:#f5f6fb}.theme-flash--dark{background:#04040e}.modal-card{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);width:420px;max-width:92vw;padding:28px;animation:.18s modal-in;box-shadow:0 32px 80px #000c}.modal-header{margin-bottom:12px}.modal-title{color:var(--violet-l);font-size:16px;font-weight:700}.modal-desc{color:var(--t3);margin-bottom:18px;font-size:13px;line-height:1.7}.modal-input{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-md);width:100%;color:var(--t1);font-size:13px;font-family:var(--font-mono);outline:none;margin-bottom:18px;padding:10px 12px;transition:border-color .15s,box-shadow .15s;display:block}.modal-input:focus{border-color:#7c6df080;box-shadow:0 0 0 3px #7c6df01a}.modal-actions{justify-content:flex-end;gap:8px;display:flex}.modal-btn{border-radius:var(--r-md);height:34px;font-size:13px;font-weight:600;font-family:var(--font-ui);cursor:pointer;padding:0 18px;transition:all .15s}.modal-btn--cancel{border:1px solid var(--line-2);color:var(--t3);background:0 0}.modal-btn--cancel:hover{border-color:var(--line-3);color:var(--t2)}.modal-btn--save{background:var(--violet);border:1px solid var(--violet);color:#fff;font-weight:700;box-shadow:0 0 16px #7c6df04d}.modal-btn--save:hover:not(:disabled){background:var(--violet-l);box-shadow:0 0 24px #7c6df066}.modal-btn--save:disabled{opacity:.35;cursor:not-allowed}.modal-close-btn{color:var(--t3);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:22px;line-height:1;transition:color .12s}.modal-close-btn:hover{color:var(--t1)}.status-bar{background:var(--violet);height:24px;font-size:11px;font-family:var(--font-mono);letter-spacing:.03em;color:#ffffffb3;flex-shrink:0;align-items:center;gap:16px;padding:0 14px;display:flex}.status-lang{color:#fff;font-weight:600}.status-draw{color:var(--cyan-l);font-weight:600}.status-spacer{flex:1}.status-save{letter-spacing:.05em;font-size:10px;font-weight:600}.status-save--saved{color:#ffffff59}.status-save--unsaved{color:var(--amber)}.status-cursor{color:#fff6}.auth-signin-btn{background:var(--violet);border-radius:var(--r-md);color:#fff;height:32px;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;border:none;padding:0 16px;font-size:13px;font-weight:700;transition:background .15s,box-shadow .15s,transform .12s;box-shadow:0 0 16px #7c6df059}.auth-signin-btn:hover{background:var(--violet-l);transform:translateY(-1px);box-shadow:0 0 24px #7c6df080}.avatar-btn{border:2px solid var(--violet);background:var(--raised);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden}.avatar-btn:hover{transform:scale(1.08);box-shadow:0 0 0 3px #7c6df04d}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.user-menu-wrap{position:relative}.user-dropdown{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-lg);z-index:9999;width:240px;animation:.15s dropdown-in;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 56px #000000b3}.user-dropdown-header{border-bottom:1px solid var(--line);background:#7c6df00f;align-items:center;gap:12px;padding:14px 16px;display:flex}.avatar-btn--lg{background:var(--raised);border:2px solid var(--violet);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:flex;overflow:hidden}.user-dropdown-name{color:var(--t1);font-size:14px;font-weight:600}.user-dropdown-email{color:var(--t3);word-break:break-all;margin-top:2px;font-size:11px}.user-dropdown-plan{color:var(--plan-color,var(--t3));text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 16px;font-size:10px;font-weight:700;display:flex}.plan-dot{background:var(--plan-color,var(--t3));border-radius:50%;flex-shrink:0;width:6px;height:6px}.user-dropdown-divider{background:var(--line);height:1px;margin:4px 0}.user-dropdown-item{width:100%;color:var(--t2);font-family:var(--font-ui);text-align:left;cursor:pointer;background:0 0;border:none;padding:9px 16px;font-size:13px;transition:background .1s,color .1s;display:block}.user-dropdown-item:hover{background:var(--hover);color:var(--t1)}.user-dropdown-item--danger{color:var(--pink-l)}.user-dropdown-item--danger:hover{color:var(--pink);background:#ff4d8d14}.auth-modal{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);width:380px;max-width:95vw;max-height:92vh;padding:22px 26px 18px;animation:.2s modal-in;overflow-y:auto;box-shadow:0 32px 96px #000c}.auth-modal-brand{color:var(--violet-l);text-align:center;font-size:20px;font-weight:800;font-family:var(--font-mono);letter-spacing:.05em;justify-content:center;align-items:center;gap:10px;margin-bottom:3px;display:flex}.auth-modal-brand-icon{background:linear-gradient(135deg, var(--violet), var(--cyan));color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;display:inline-flex;box-shadow:0 0 18px #7c6df066}.auth-modal-sub{text-align:center;color:var(--t3);margin-bottom:14px;font-size:13px}.auth-tabs{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);gap:2px;margin-bottom:14px;padding:3px;display:flex}.auth-tab{color:var(--t3);font-family:var(--font-ui);cursor:pointer;background:0 0;border:none;border-radius:6px;flex:1;padding:7px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.auth-tab--active{color:var(--violet-l);background:#7c6df02e}.auth-google-btn{justify-content:center;min-height:40px;margin-bottom:12px;display:flex}.auth-divider{color:var(--t4);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:12px;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--line);flex:1;height:1px}.auth-form{flex-direction:column;gap:11px;display:flex}.auth-field{flex-direction:column;gap:4px;display:flex}.auth-label{color:var(--t3);letter-spacing:.02em;font-size:12px;font-weight:600}.auth-input{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-md);color:var(--t1);font-family:var(--font-ui);outline:none;padding:8px 12px;font-size:14px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#7c6df08c;box-shadow:0 0 0 3px #7c6df01a}.auth-input::placeholder{color:var(--t4)}.auth-error{border-radius:var(--r-sm);color:var(--pink-l);background:#ff4d8d1a;border:1px solid #ff4d8d40;padding:8px 12px;font-size:12px}.auth-submit{background:var(--violet);border-radius:var(--r-md);color:#fff;font-family:var(--font-ui);cursor:pointer;border:none;margin-top:4px;padding:12px;font-size:14px;font-weight:700;transition:background .15s,transform .12s,box-shadow .2s;box-shadow:0 0 20px #7c6df04d}.auth-submit:hover:not(:disabled){background:var(--violet-l);transform:translateY(-1px);box-shadow:0 0 30px #7c6df073}.auth-submit:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.auth-footer{text-align:center;color:var(--t3);margin-top:12px;font-size:13px}.auth-guest-note{text-align:center;color:var(--t4);margin-top:6px;font-size:12px}.auth-link{color:var(--violet-l);font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline}.auth-link:hover{color:#fff}.auth-success{border-radius:var(--r-sm);color:var(--green-l);background:#00d68c1a;border:1px solid #00d68c40;padding:8px 12px;font-size:12px}.files-modal{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);flex-direction:column;width:480px;max-width:95vw;max-height:80vh;animation:.2s modal-in;display:flex;overflow:hidden;box-shadow:0 24px 80px #000c}.files-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.files-modal-title{color:var(--t1);font-size:16px;font-weight:700}.files-modal-sub{color:var(--t3);margin-top:3px;font-size:12px}.files-save-bar{background:var(--hover);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 20px;display:flex}.files-save-name{color:var(--t2);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;font-size:13px;display:flex;overflow:hidden}.files-save-btn{border-radius:var(--r-sm);color:var(--violet-l);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:#7c6df01f;border:1px solid #7c6df04d;flex-shrink:0;padding:6px 14px;font-size:12px;font-weight:600;transition:background .12s}.files-save-btn:hover:not(:disabled){background:#7c6df038}.files-save-btn--done{color:var(--green-l);background:#00d68c1f;border-color:#00d68c4d}.files-save-btn:disabled{opacity:.6;cursor:not-allowed}.files-error{border-radius:var(--r-sm);color:var(--pink-l);background:#ff4d8d1a;border:1px solid #ff4d8d33;margin:10px 20px 0;padding:8px 12px;font-size:12px}.files-list{flex:1;padding:8px 0;overflow-y:auto}.files-empty{color:var(--t4);text-align:center;padding:24px 20px;font-size:13px}.file-row{cursor:pointer;align-items:center;gap:10px;padding:10px 20px;transition:background .1s;display:flex}.file-row:hover{background:var(--hover)}.file-row-info{flex:1;min-width:0}.file-row-name{font-size:13px;font-family:var(--font-mono);color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-weight:500;display:block;overflow:hidden}.file-row-meta{color:var(--t3);margin-top:2px;font-size:11px;display:block}.file-row-delete{color:var(--t4);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;line-height:1;transition:color .1s}.file-row-delete:hover{color:var(--pink)}.files-limit-nudge{border-radius:var(--r-sm);color:var(--amber);background:#ffaa0014;border:1px solid #fa03;justify-content:space-between;align-items:center;gap:10px;margin:10px 20px 0;padding:10px 14px;font-size:13px;display:flex}.files-limit-upgrade{color:var(--amber);font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-size:13px;font-weight:700;text-decoration:underline}.close-all-modal{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);flex-direction:column;width:380px;max-width:95vw;max-height:80vh;padding:22px 22px 18px;animation:.2s modal-in;display:flex;box-shadow:0 24px 80px #000c}.close-all-title{color:var(--t1);margin-bottom:14px;font-size:16px;font-weight:700}.close-all-list{border:1px solid var(--line);border-radius:var(--r-md);flex-direction:column;gap:2px;max-height:180px;margin-bottom:12px;padding:6px;display:flex;overflow-y:auto}.close-all-item{color:var(--t2);border-radius:5px;align-items:center;gap:8px;padding:5px 6px;font-size:12px;display:flex}.close-all-item-name{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.close-all-hint{color:var(--t4);margin:0 0 18px;font-size:11.5px;line-height:1.5}.close-all-actions{flex-direction:column;gap:8px;display:flex}.close-all-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:7px;width:100%;padding:10px 14px;font-size:12.5px;font-weight:600;transition:opacity .12s,background .12s}.close-all-btn:disabled{opacity:.5;cursor:not-allowed}.close-all-btn--primary{background:var(--violet);color:#fff}.close-all-btn--primary:hover:not(:disabled){opacity:.88}.close-all-btn--danger{color:#f87171;background:#f871711a}.close-all-btn--danger:hover:not(:disabled){background:#f871712e}.close-all-btn--cancel{color:var(--t3);background:0 0}.close-all-btn--cancel:hover:not(:disabled){color:var(--t1);background:var(--hover)}.admin-modal{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);flex-direction:column;width:720px;max-width:95vw;max-height:82vh;animation:.2s modal-in;display:flex;overflow:hidden;box-shadow:0 24px 80px #000c}.admin-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;padding:20px 20px 16px;display:flex}.admin-modal-title{color:var(--t1);font-size:16px;font-weight:700}.admin-modal-sub{color:var(--t3);margin-top:3px;font-size:12px}.admin-tabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:4px;padding:10px 20px 0;display:flex}.admin-tab{color:var(--t3);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;padding:8px 10px;font-size:12px;font-weight:600;transition:color .12s}.admin-tab:hover{color:var(--t1)}.admin-tab--active{color:var(--violet-l);border-bottom-color:var(--violet)}.admin-body{flex:1;padding:8px 0;overflow-y:auto}.admin-list{flex-direction:column;display:flex}.admin-empty{color:var(--t4);text-align:center;padding:24px 20px;font-size:13px}.admin-error{border-radius:var(--r-sm);color:var(--pink-l);background:#ff4d8d1a;border:1px solid #ff4d8d33;margin:10px 20px;padding:8px 12px;font-size:12px}.admin-note{color:var(--t4);background:var(--hover);border-radius:var(--r-sm);margin:0 20px 10px;padding:8px 10px;font-size:11.5px;line-height:1.5}.admin-user-row{border-bottom:1px solid var(--line)}.admin-user-main{align-items:center;gap:10px;padding:10px 20px;display:flex}.admin-user-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-user-name{color:var(--t1);align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.admin-user-email{color:var(--t3);font-size:11.5px}.admin-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--violet-l);background:#7c6df026;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.admin-badge--inactive{color:#f87171;background:#f8717126}.admin-plan-select{background:var(--bg-0);border:1px solid var(--line-2);color:var(--t1);font-family:var(--font-ui);cursor:pointer;border-radius:6px;flex-shrink:0;padding:5px 6px;font-size:12px}.admin-files-btn{color:var(--violet-l);cursor:pointer;white-space:nowrap;background:#7c6df014;border:1px solid #7c6df033;border-radius:6px;flex-shrink:0;padding:5px 10px;font-size:11.5px;font-weight:600;transition:background .12s}.admin-files-btn:hover{background:#7c6df029}.admin-user-files{flex-direction:column;gap:4px;padding:4px 20px 10px 44px;display:flex}.admin-file-row{color:var(--t2);align-items:center;gap:8px;padding:3px 0;font-size:12px;display:flex}.admin-file-name{font-family:var(--font-mono);color:var(--t1)}.admin-file-meta{color:var(--t4);font-size:11px}.admin-feedback-row{border-bottom:1px solid var(--line);padding:10px 20px}.admin-feedback-head{justify-content:space-between;gap:10px;margin-bottom:4px;display:flex}.admin-feedback-problem{font-family:var(--font-mono);color:var(--violet-l);font-size:12px;font-weight:600}.admin-feedback-meta{color:var(--t4);white-space:nowrap;font-size:11px}.admin-feedback-msg{color:var(--t2);white-space:pre-wrap;font-size:13px;line-height:1.5}.admin-room-row{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:9px 20px;font-size:12.5px;display:flex}.admin-room-code{font-family:var(--font-mono);color:var(--t1);letter-spacing:.05em;font-weight:700}.admin-room-name{color:var(--t2);flex:1}.admin-room-meta{color:var(--t4);white-space:nowrap;font-size:11.5px}.profile-section-label{color:var(--t3);letter-spacing:.06em;text-transform:uppercase;border-top:1px solid var(--line);padding-top:4px;font-size:11px;font-weight:700}.billing-section{flex-direction:column;gap:8px;margin-top:14px;display:flex}.billing-plan-card{background:var(--panel);border:1px solid var(--line-2);border-radius:var(--r-md);justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;display:flex}.billing-plan-name{color:var(--t1);font-size:14px;font-weight:700;display:block}.billing-plan-sub{color:var(--t3);margin-top:2px;font-size:11px;display:block}.billing-plan-badge{letter-spacing:.03em;color:#a78bfa;background:#a78bfa24;border:1px solid #a78bfa59;border-radius:6px;padding:3px 9px;font-size:11px;font-weight:800}.billing-empty{color:var(--t3);padding:4px 2px;font-size:12px}.billing-history{flex-direction:column;gap:1px;max-height:150px;display:flex;overflow-y:auto}.billing-row{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto auto;align-items:center;gap:10px;padding:8px 4px;font-size:12px;display:grid}.billing-row:last-child{border-bottom:none}.billing-row-date{color:var(--t2)}.billing-row-plan{color:var(--t3);font-size:11px}.billing-row-amt{color:var(--t1);font-variant-numeric:tabular-nums;font-weight:700}.billing-row-status{text-transform:uppercase;letter-spacing:.03em;border-radius:5px;padding:2px 7px;font-size:10px;font-weight:700}.billing-row-status--paid{color:#34d399;background:#34d3991f}.billing-row-status--created{color:var(--t3);background:#ffffff0f}.billing-row-status--failed{color:#fc8181;background:#ef44441f}.profile-avatar-section{align-items:center;gap:16px;padding:12px 0 4px;display:flex}.profile-avatar-wrap{cursor:pointer;border:2px solid var(--line-2);border-radius:50%;flex-shrink:0;width:72px;height:72px;transition:border-color .15s;position:relative;overflow:hidden}.profile-avatar-wrap:hover{border-color:var(--violet)}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.profile-avatar-overlay{opacity:0;color:#fff;letter-spacing:.04em;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:opacity .15s;display:flex;position:absolute;inset:0}.profile-avatar-wrap:hover .profile-avatar-overlay{opacity:1}.profile-avatar-meta{flex-direction:column;gap:4px;display:flex}.profile-avatar-label{color:var(--t1);font-size:13px;font-weight:600}.profile-avatar-hint{color:var(--t3);font-size:11px}.profile-avatar-reset{color:var(--violet-l);cursor:pointer;text-align:left;font-size:11px;font-family:var(--font-ui);background:0 0;border:none;padding:0}.profile-avatar-reset:hover{text-decoration:underline}.pricing-modal{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);width:860px;max-width:96vw;max-height:90vh;animation:.2s modal-in;overflow-y:auto;box-shadow:0 24px 80px #000c}.pricing-modal .files-modal-header{padding:20px 24px 16px}.pricing-grid{grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 24px 20px;display:grid}.pricing-grid--3{grid-template-columns:repeat(3,1fr);max-width:720px;margin:0 auto}@media (width<=700px){.pricing-grid,.pricing-grid--3{grid-template-columns:1fr}}@media (width<=420px){.pricing-grid{grid-template-columns:1fr}}.pricing-toggle{background:var(--bg-2);border:1px solid var(--line-2);border-radius:999px;gap:2px;width:100%;padding:3px;display:flex}.pricing-toggle-btn{cursor:pointer;font-family:var(--font-ui);color:var(--t2);background:0 0;border:none;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:12px;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.pricing-toggle-btn--on{background:var(--violet);color:#fff}.pricing-toggle-save{letter-spacing:.02em;color:#34d399;background:#34d3992e;border-radius:999px;padding:1px 6px;font-size:9.5px;font-weight:700}.pricing-toggle-btn--on .pricing-toggle-save{color:#fff;background:#ffffff38}.pricing-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-lg);cursor:pointer;flex-direction:column;gap:12px;padding:18px 16px;transition:border-color .2s,box-shadow .2s,transform .15s;display:flex;position:relative}.pricing-card:hover{border-color:var(--line-2);transform:translateY(-2px)}.pricing-card--selected{border-color:var(--plan-color);box-shadow:0 0 0 1.5px var(--plan-color), 0 12px 40px color-mix(in srgb, var(--plan-color) 22%, transparent);transform:translateY(-2px)}.pricing-card--selected:hover{transform:translateY(-3px)}.pricing-badge{background:var(--plan-color);color:#08081c;letter-spacing:.05em;white-space:nowrap;z-index:1;border-radius:20px;padding:4px 11px;font-size:10px;font-weight:800;position:absolute;top:-11px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000059}.pricing-badge--current{background:var(--t1);color:var(--panel)}.pricing-name{font-size:15px;font-weight:700}.pricing-price{flex-wrap:wrap;align-items:baseline;gap:2px;display:flex}.pricing-amount{color:var(--t1);font-size:22px;font-weight:800}.pricing-amount--custom{font-size:18px}.pricing-sep{color:var(--t3);font-size:14px}.pricing-amount-usd{color:var(--t3);font-size:14px;font-weight:600}.pricing-period{color:var(--t3);margin-left:2px;font-size:12px}.pricing-save-line{color:#34d399;margin-top:-4px;font-size:11px;font-weight:600}.pricing-carryover{color:#34d399;border-radius:var(--r-sm);background:#34d3991a;border:1px solid #34d39947;margin-top:-2px;padding:6px 9px;font-size:11px;line-height:1.4}.pricing-expiry{color:var(--t4);font-size:10.5px}.pricing-banner{border-radius:var(--r-sm);margin:0 24px 14px;padding:9px 14px;font-size:12.5px;line-height:1.4}.pricing-banner--ok{color:#34d399;background:#34d3991a;border:1px solid #34d3994d}.pricing-banner--error{color:#fc8181;background:#ef44441a;border:1px solid #ef44444d}.pricing-perks{flex-direction:column;flex:1;gap:7px;list-style:none;display:flex}.pricing-perks li{color:var(--t2);align-items:flex-start;gap:7px;font-size:12px;line-height:1.4;display:flex}.perk-check{color:var(--plan-color);flex-shrink:0;margin-top:1px;font-size:11px}.pricing-cta{border-radius:var(--r-sm);color:#fff;width:100%;font-family:var(--font-ui);cursor:pointer;border:none;padding:9px;font-size:13px;font-weight:700;transition:opacity .15s,transform .1s}.pricing-cta:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.pricing-cta--current{background:var(--hover);color:var(--t3);cursor:not-allowed}.pricing-note{text-align:center;color:var(--t4);padding:0 24px 20px;font-size:12px}.classroom-panel{background:var(--panel);border-left:1px solid var(--line-2);flex-direction:column;flex-shrink:0;width:300px;animation:.2s slide-in-right;display:flex;overflow:hidden}@keyframes slide-in-right{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.classroom-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.classroom-title{color:var(--t1);font-size:14px;font-weight:700}.classroom-lobby,.classroom-room{flex-direction:column;flex:1;gap:16px;padding:14px 16px;display:flex;overflow-y:auto}.classroom-auth-note{border-radius:var(--r-sm);color:var(--amber);background:#ffaa0014;border:1px solid #fa03;padding:10px 12px;font-size:12px}.classroom-section{flex-direction:column;gap:8px;display:flex}.classroom-section-label{color:var(--t3);text-transform:uppercase;letter-spacing:.07em;font-size:10px;font-weight:700}.classroom-count{color:var(--violet-l);background:#7c6df026;border-radius:10px;justify-content:center;align-items:center;margin-left:4px;padding:1px 6px;font-size:10px;display:inline-flex}.classroom-input{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--t1);font-family:var(--font-ui);outline:none;width:100%;padding:8px 10px;font-size:13px;transition:border-color .15s}.classroom-input:focus{border-color:#7c6df073}.classroom-input--code{letter-spacing:.15em;text-align:center;font-size:16px;font-weight:700;font-family:var(--font-mono)}.classroom-btn{border-radius:var(--r-sm);font-family:var(--font-ui);cursor:pointer;border:none;width:100%;padding:8px 14px;font-size:13px;font-weight:600;transition:opacity .15s,transform .1s}.classroom-btn:hover:not(:disabled){opacity:.88;transform:translateY(-1px)}.classroom-btn:disabled{opacity:.4;cursor:not-allowed}.classroom-btn--primary{background:var(--violet);color:#fff}.classroom-btn--secondary{color:var(--violet-l);background:#7c6df01a;border:1px solid #7c6df040}.classroom-btn--push{background:var(--green-d);color:#fff;font-size:13px}.classroom-btn--send{width:auto;color:var(--violet-l);background:#7c6df01f;border:1px solid #7c6df033;padding:8px 14px}.classroom-divider{text-align:center;color:var(--t4);font-size:12px;position:relative}.classroom-divider:before,.classroom-divider:after{content:"";background:var(--line);width:40%;height:1px;position:absolute;top:50%}.classroom-divider:before{left:0}.classroom-divider:after{right:0}.classroom-error{border-radius:var(--r-sm);color:var(--pink-l);background:#ff4d8d14;border:1px solid #ff4d8d33;padding:8px 12px;font-size:12px}.classroom-code-bar{border-radius:var(--r-sm);background:#7c6df012;border:1px solid #7c6df02e;align-items:center;gap:8px;padding:10px 14px;display:flex}.classroom-code-label{color:var(--t3);text-transform:uppercase;letter-spacing:.05em;font-size:10px}.classroom-code-value{color:var(--violet-l);letter-spacing:.12em;font-size:18px;font-weight:800;font-family:var(--font-mono);flex:1}.classroom-copy-btn{border-radius:var(--r-sm);color:var(--violet-l);font-family:var(--font-ui);cursor:pointer;background:#7c6df026;border:none;padding:4px 10px;font-size:11px;font-weight:600;transition:background .12s}.classroom-copy-btn:hover{background:#7c6df040}.classroom-copy-btn--done{color:var(--green-l);background:#00d68c26}.classroom-push-section{flex-direction:column;gap:4px;display:flex}.classroom-push-hint{color:var(--t4);text-align:center;font-size:11px}.classroom-members{flex-direction:column;gap:6px;display:flex}.classroom-member{color:var(--t2);align-items:center;gap:8px;font-size:13px;display:flex}.classroom-member-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:7px;height:7px}.classroom-member-dot--muted{background:var(--amber)!important}.classroom-you-tag{color:var(--t3);font-size:11px}.classroom-muted-tag{color:var(--amber);margin-left:4px;font-size:10px}.classroom-chat-section{flex:1;min-height:0}.classroom-chat-log{border-radius:var(--r-sm);background:#0003;flex-direction:column;gap:4px;height:160px;margin-bottom:8px;padding:8px;display:flex;overflow-y:auto}.classroom-chat-empty{color:var(--t4);text-align:center;margin-top:20px;font-size:12px}.classroom-chat-msg{color:var(--t2);font-size:12px;line-height:1.5}.classroom-chat-msg--system{color:var(--t3);font-style:italic}.classroom-chat-msg--self{color:#ffffffd9}.classroom-chat-from{color:var(--violet-l);font-weight:600}.classroom-chat-from--self{color:var(--green)}.classroom-chat-from--prof{cursor:pointer;-webkit-text-decoration:underline dotted #7c6df066;text-decoration:underline dotted #7c6df066}.classroom-chat-from--prof:hover{color:var(--violet-l)}.classroom-chat-form{gap:6px;display:flex}.classroom-input--muted{opacity:.45;cursor:not-allowed}.classroom-leave{border-radius:var(--r-sm);color:var(--pink);font-family:var(--font-ui);cursor:pointer;background:0 0;border:1px solid #ff4d8d33;flex-shrink:0;width:100%;padding:8px;font-size:12px;transition:background .12s}.classroom-leave:hover{background:#ff4d8d14}.chat-user-actions{vertical-align:middle;gap:5px;margin-left:8px;display:inline-flex}.chat-action-btn{cursor:pointer;font-size:10px;font-family:var(--font-ui);border-radius:4px;padding:1px 7px;transition:background .12s}.chat-action-btn--kick{color:var(--pink);background:#ff4d8d14;border:1px solid #ff4d8d59}.chat-action-btn--kick:hover{background:#ff4d8d2e}.chat-action-btn--mute{color:var(--amber);background:#ffaa0014;border:1px solid #ffaa0059}.chat-action-btn--mute:hover{background:#ffaa002e}.classroom-prof-actions{gap:6px;margin-top:8px;display:flex}.classroom-btn--checkin{color:var(--cyan);border-radius:var(--r-sm);cursor:pointer;font-size:11px;font-family:var(--font-ui);background:#00cfff1a;border:1px solid #00cfff4d;flex:1;padding:6px 8px;transition:background .12s}.classroom-btn--checkin:hover{background:#00cfff33}.classroom-btn--asmt{color:var(--violet-l);border-radius:var(--r-sm);cursor:pointer;font-size:11px;font-family:var(--font-ui);background:#7c6df01a;border:1px solid #7c6df04d;flex:1;padding:6px 8px;transition:background .12s}.classroom-btn--asmt:hover,.classroom-btn--active{background:#7c6df033}.classroom-btn--done{color:var(--green-l);cursor:default;background:#00d68c1a;border:1px solid #00d68c4d}.classroom-asmt-form{flex-direction:column;gap:6px;margin-top:8px;display:flex}.classroom-textarea{background:var(--raised);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--t1);font-size:12px;font-family:var(--font-ui);resize:vertical;outline:none;padding:7px 10px;line-height:1.5}.classroom-textarea:focus{border-color:#7c6df073}.classroom-asmt-check{color:var(--t3);cursor:pointer;align-items:center;gap:6px;font-size:11px;display:flex}.classroom-asmt-check input{cursor:pointer}.classroom-submissions{margin-top:10px}.classroom-sub{border:1px solid var(--line);border-radius:var(--r-sm);margin-top:4px;overflow:hidden}.classroom-sub-header{cursor:pointer;background:var(--hover);align-items:center;gap:6px;padding:6px 10px;transition:background .1s;display:flex}.classroom-sub-header:hover{background:var(--active)}.classroom-sub-name{color:var(--violet-l);flex:1;font-size:12px}.classroom-sub-lang{color:var(--t4);font-size:10px;font-family:var(--font-mono)}.classroom-sub-chevron{color:var(--t4);font-size:9px}.classroom-sub-code{font-size:11px;font-family:var(--font-mono);color:var(--t2);white-space:pre-wrap;word-break:break-all;border-top:1px solid var(--line);background:var(--bg-0);max-height:160px;padding:8px 10px;overflow-y:auto}.classroom-checkin-banner{border-radius:var(--r-sm);color:var(--cyan);background:#00cfff12;border:1px solid #00cfff40;flex-direction:column;gap:8px;margin:8px 0;padding:10px 12px;font-size:12px;display:flex}.classroom-checkin-btns{gap:6px;display:flex}.classroom-asmt-card{border-radius:var(--r-sm);background:#7c6df00f;border:1px solid #7c6df033;flex-direction:column;gap:6px;margin:8px 0;padding:10px 12px;display:flex}.classroom-asmt-card-title{color:var(--violet-l);font-size:13px;font-weight:600}.classroom-asmt-card-desc{color:var(--t3);font-size:11px;line-height:1.5}.classroom-asmt-card-actions{gap:6px;display:flex}.template-modal{background:var(--raised);border:1px solid var(--line-2);border-radius:var(--r-xl);flex-direction:column;width:700px;max-width:95vw;max-height:82vh;animation:.18s modal-in;display:flex;overflow:hidden;box-shadow:0 32px 96px #000c}.template-modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.template-modal-title{color:var(--t1);font-size:15px;font-weight:700}.template-lang-tabs{border-bottom:1px solid var(--line);flex-shrink:0;padding:0 22px;display:flex;overflow-x:auto}.template-lang-tab{color:var(--t3);font-size:12.5px;font-weight:600;font-family:var(--font-ui);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;transition:color .12s}.template-lang-tab:hover{color:var(--t2)}.template-lang-tab--active{color:var(--violet-l);border-bottom-color:var(--violet)}.template-grid{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 22px;display:grid;overflow-y:auto}.template-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r-md);text-align:left;cursor:pointer;flex-direction:column;gap:8px;padding:14px;transition:border-color .15s,background .15s;display:flex}.template-card:hover{background:#7c6df00f;border-color:#7c6df073}.template-card-label{color:var(--violet-l);font-size:12.5px;font-weight:700}.template-card-preview{font-size:9px;font-family:var(--font-mono);color:var(--t4);white-space:pre;max-height:54px;line-height:1.45;overflow:hidden}.template-card--blank{border-style:dashed;justify-content:center;align-items:center;min-height:80px}.template-card--blank:hover{border-style:solid}.template-card-blank-hint{color:var(--t4);font-size:11px}.vz-panel{background:var(--surface1);min-height:0;font-family:var(--font-mono);flex-direction:column;flex:1;display:flex;overflow:hidden}.vz-header{border-bottom:1px solid var(--border);background:#a78bfa0d;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px 8px;padding:6px 12px;display:flex}.vz-title{color:var(--violet-l);flex-shrink:0;font-size:12px;font-weight:600}.vz-stepper{flex-shrink:0;align-items:center;gap:4px;display:flex}.vz-btn{border:1px solid var(--border);color:var(--t2);cursor:pointer;background:0 0;border-radius:4px;padding:2px 7px;font-size:11px;line-height:1.4;transition:background .12s,color .12s}.vz-btn:hover:not(:disabled){color:var(--t1);background:#a78bfa1f}.vz-btn:disabled{opacity:.3;cursor:default}.vz-step-label{color:var(--t3);white-space:nowrap;text-align:center;min-width:96px;font-size:11px}.vz-slider{min-width:0;accent-color:var(--violet);cursor:pointer;flex:100%;order:3}.vz-close{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:4px;order:2;margin-left:auto;padding:2px 6px;font-size:13px}.vz-close:hover{color:var(--t1);background:#ff50501a}.vz-error{color:#fc8181;background:#ef444414;border-left:3px solid #ef4444;padding:8px 12px;font-size:11px}.vz-error pre{white-space:pre-wrap;margin:4px 0 0;font-size:10px}.vz-body{flex-direction:column;flex:1;gap:0;display:flex;overflow:auto}.vz-mem{border-right:none;border-bottom:1px solid var(--border);flex-shrink:0;padding:10px 12px;overflow:visible}.vz-stdout{flex-shrink:0;width:auto;padding:10px 12px;overflow:auto}.vz-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--t4);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;display:flex}.vz-line-badge{color:var(--violet-l);letter-spacing:0;background:#a78bfa2e;border-radius:10px;padding:1px 6px;font-size:9px}.vz-stdout-text{color:var(--cyan);white-space:pre-wrap;margin:0;font-size:11px}.vz-empty{color:var(--t4);text-align:center;padding:24px;font-size:12px}.vz-empty-note{color:var(--t4);font-size:11px}.vz-vars-grid{flex-wrap:wrap;align-content:flex-start;gap:8px;display:flex}.vz-var-box{border:1px solid var(--border);background:#ffffff05;border-radius:6px;min-width:70px;padding:5px 8px;transition:border-color .15s}.vz-var-box:hover{border-color:#a78bfa73}.vz-var-name{color:var(--violet-l);margin-bottom:3px;font-size:10px;font-weight:600}.vz-var-value{font-size:11px}.vz-scalar{color:var(--t1)}.vz-scalar--int,.vz-scalar--float{color:#60a5fa}.vz-scalar--str{color:#34d399}.vz-scalar--bool{color:#facc15}.vz-scalar--NoneType,.vz-nil{color:var(--t4)}.vz-seq{flex-wrap:wrap;align-items:flex-start;gap:2px;display:flex}.vz-bracket{color:var(--t3);font-size:11px}.vz-seq-cells{flex-wrap:wrap;gap:2px;display:flex}.vz-cell{border:1px solid var(--border);text-align:center;border-radius:3px;min-width:24px;padding:1px 4px}.vz-cell--more{color:var(--t4);border-style:dashed;font-size:9px}.vz-cell-idx{color:var(--t4);font-size:8px}.vz-cell-val{color:var(--t1);font-size:10px}.vz-dict{flex-direction:column;gap:2px;display:flex}.vz-dict-row{align-items:baseline;gap:4px;font-size:11px;display:flex}.vz-dict-key{color:#fb923c}.vz-dict-colon{color:var(--t4)}.vz-dict-val{color:var(--t1)}.cs-panel{border-right:none;border-bottom:1px solid var(--border);flex-direction:column;flex-shrink:0;gap:0;width:auto;max-height:160px;display:flex;overflow-y:auto}.cs-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--t4);border-bottom:1px solid var(--border);background:#a78bfa0a;flex-shrink:0;padding:6px 10px 4px;font-size:9px;font-weight:700}.cs-section-label--tree{margin-top:4px}.cs-stack{flex-direction:column;gap:3px;padding:6px 8px;display:flex}.cs-empty-note{color:var(--t4);padding:2px;font-size:10px}.cs-frame{border:1px solid var(--border);background:#ffffff08;border-radius:5px;padding:5px 7px;font-size:10px}.cs-frame--top{background:#a78bfa12;border-color:#a78bfa80}.cs-frame-head{align-items:baseline;gap:2px;margin-bottom:3px;display:flex}.cs-frame-name{color:var(--violet-l);font-size:10px;font-weight:600}.cs-frame-ln{color:var(--t4);font-size:9px}.cs-frame-locals{flex-direction:column;gap:1px;display:flex}.cs-local{align-items:baseline;gap:3px;display:flex}.cs-local-k{color:#fb923c;font-size:9px}.cs-local-eq{color:var(--t4);font-size:9px}.cs-local-v{color:var(--t1);font-size:9px}.cs-local--more{color:var(--t4);font-size:9px}.cs-tree-wrap{flex-direction:column;padding:6px 4px 10px;display:flex;overflow-x:auto}.cs-tree-row{color:var(--t3);white-space:nowrap;align-items:center;gap:4px;padding:2px 0;font-size:10px;display:flex}.cs-tree-row--active{color:var(--violet-l)}.cs-tree-row--done{color:var(--t4)}.cs-tree-guide{color:var(--t4);font-size:9px}.cs-tree-fn{font-family:var(--font-mono)}.cs-tree-row--active .cs-tree-fn{font-weight:600}.cs-tree-ret{color:#34d399;margin-left:3px;font-size:9px}.cs-tree-pulse{background:var(--violet);border-radius:50%;width:5px;height:5px;margin-left:4px;animation:.9s ease-in-out infinite cs-blink}@keyframes cs-blink{0%,to{opacity:1}50%{opacity:.2}}[data-theme=light] .cs-frame{background:#00000005}[data-theme=light] .cs-frame--top{background:#7c6df00f}[data-theme=light] .cs-tree-row--active{color:#5b4ed8}.viz-line-highlight{border-left:3px solid var(--violet);background:#a78bfa24}.collab-bar{background:#34d3990f;border-bottom:1px solid #34d39933;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;padding:4px 14px;font-size:11.5px;display:flex;position:relative}.collab-bar-icon{color:#34d399;font-size:10px}.collab-bar-room{color:var(--t3);flex-shrink:0}.collab-bar-room strong{color:var(--t1);letter-spacing:.06em}.collab-room-code{cursor:pointer;border-radius:4px;padding:1px 5px;transition:background .12s,color .12s}.collab-room-code:hover{background:#7c6df026}.collab-room-code--copied{background:#34d3991f;color:#34d399!important}.collab-peers{flex-wrap:wrap;flex:1;gap:6px;display:flex}.collab-peer{background:#ffffff08;border:1px solid;border-radius:12px;align-items:center;gap:5px;padding:1px 8px;font-size:11px;display:flex}.collab-peer--you{opacity:.8}.collab-peer-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.collab-waiting{color:var(--t4);font-size:11px}.collab-shared-files{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.collab-shared-label{color:var(--t4);text-transform:uppercase;letter-spacing:.05em;font-size:10.5px}.collab-shared-file{color:#34d399;cursor:pointer;background:#34d39914;border:1px solid #34d3994d;border-radius:12px;align-items:center;gap:4px;padding:1px 9px;font-size:11px;transition:background .12s,border-color .12s;display:flex}.collab-shared-file:hover{background:#34d3992e;border-color:#34d3998c}.collab-shared-file--active{background:#34d39933;border-color:#34d399}.collab-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.collab-action-btn{border:1px solid var(--border);color:var(--t2);cursor:pointer;background:0 0;border-radius:5px;padding:2px 8px;font-size:11px;transition:background .12s}.collab-action-btn:hover{color:var(--t1);background:#ffffff0f}.collab-action-btn--leave{color:#fc8181;border-color:#ef444466}.collab-action-btn--leave:hover{background:#ef44441a}.collab-rename-form{display:flex}.collab-rename-input{background:var(--raised);border:1px solid var(--violet);color:var(--t1);border-radius:4px;outline:none;width:120px;padding:2px 8px;font-size:11px}.collab-action-btn--chat{position:relative}.collab-chat-badge{color:#fff;background:#f87171;border-radius:999px;justify-content:center;align-items:center;min-width:15px;height:15px;margin-left:4px;padding:0 3px;font-size:9.5px;font-weight:700;line-height:1;display:inline-flex}.collab-chat-backdrop{z-index:40;position:fixed;inset:0}.collab-chat-panel{z-index:41;background:var(--panel);border:1px solid var(--line-2);border-radius:10px;flex-direction:column;width:280px;height:340px;margin-top:4px;display:flex;position:absolute;top:100%;right:14px;overflow:hidden;box-shadow:0 8px 28px #00000059}.collab-chat-log{flex-direction:column;flex:1;gap:7px;padding:10px 12px;display:flex;overflow-y:auto}.collab-chat-empty{color:var(--t4);text-align:center;margin-top:20px;font-size:12px}.collab-chat-msg{color:var(--t2);font-size:12px;line-height:1.5}.collab-chat-msg--self{color:#ffffffd9}.collab-chat-from{margin-right:5px;font-weight:600}.collab-chat-form{border-top:1px solid var(--line);gap:6px;padding:8px;display:flex}.collab-chat-input{background:var(--raised);border:1px solid var(--line-2);color:var(--t1);border-radius:6px;outline:none;flex:1;padding:6px 10px;font-size:12px}.collab-chat-input:focus{border-color:var(--violet)}.collab-chat-send{border:1px solid var(--violet);width:30px;color:var(--violet-l);cursor:pointer;background:#7c6df026;border-radius:6px;flex-shrink:0;font-weight:700}.collab-chat-send:hover{background:#7c6df040}[data-theme=light] .collab-chat-msg--self{color:var(--t1)}.collab-chat-emoji-toggle{border:1px solid var(--line-2);background:var(--raised);cursor:pointer;border-radius:6px;flex-shrink:0;width:30px;font-size:15px;line-height:1}.collab-chat-emoji-toggle:hover{background:var(--hover)}.collab-chat-emoji-toggle--on{border-color:var(--violet);background:#7c6df026}.collab-chat-emoji-grid{border-top:1px solid var(--line);grid-template-columns:repeat(10,1fr);gap:2px;max-height:96px;padding:8px;display:grid;overflow-y:auto}.collab-chat-emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:5px;padding:4px 0;font-size:16px;line-height:1}.collab-chat-emoji-btn:hover{background:var(--hover)}.output-tabs{gap:2px;margin-right:6px;display:flex}.output-tab{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 8px;font-size:11px;transition:background .12s,color .12s}.output-tab:hover{color:var(--t1);background:#ffffff0d}.output-tab--active{color:var(--violet-l);background:#a78bfa1f;font-weight:600}.html-preview-frame{background:#fff;border:none;width:100%;height:100%;min-height:200px;display:block}.chart-wrap{padding:12px}.mini-chart-canvas{border-radius:6px}.chart-hint{color:var(--t4);text-align:center;margin-top:6px;font-size:10px}[data-theme=light] .collab-bar{background:#34d3990d;border-bottom-color:#34d39926}[data-theme=light] .collab-peer{background:#00000008}[data-theme=light] .vz-panel{border-top-color:#7c6df040}.submit-btn{color:#fbbf24;cursor:pointer;white-space:nowrap;background:#f59e0b1f;border:1.5px solid #f59e0b;border-radius:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.submit-btn:hover:not(:disabled){color:#fde68a;background:#f59e0b38}.submit-btn--judging{opacity:.6;cursor:default}.prob-sidebar{border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;width:240px;display:flex;overflow:hidden}.prob-sidebar-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:14px 12px 8px;display:flex}.prob-sidebar-title{color:var(--t1);font-size:13px;font-weight:700}.prob-source-tabs{background:var(--panel);border:1px solid var(--line);border-radius:6px;flex-shrink:0;gap:2px;margin:8px 8px 0;padding:2px;display:flex}.prob-source-tab{color:var(--t3);cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;padding:5px;font-size:11px;font-weight:600;transition:background .12s,color .12s}.prob-source-tab--active{color:var(--violet-l);background:#a78bfa26}.prob-filters-row{padding:8px 8px 0}.prob-filters{gap:4px;display:flex}.prob-cf-rating-row{gap:6px;margin:8px 8px 0;display:flex}.prob-cf-rating-input{flex:1;margin:0}.prob-loading--error{color:#f87171}.prob-diff-badge--wide{width:auto;min-width:26px;padding:0 4px}.prob-filter-btn{border:1px solid var(--line);color:var(--t3);cursor:pointer;background:0 0;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600;transition:all .12s}.prob-filter-btn--active{color:var(--violet-l);border-color:var(--violet);background:#a78bfa1a}.prob-search{background:var(--raised,#ffffff0a);border:1px solid var(--line);color:var(--t1);border-radius:6px;outline:none;flex-shrink:0;margin:8px;padding:5px 9px;font-size:11px}.prob-search:focus{border-color:var(--violet)}.prob-list{flex:1;padding:4px 6px 8px;overflow-y:auto}.prob-loading{color:var(--t4);text-align:center;padding:12px;font-size:11px}.prob-item{text-align:left;cursor:pointer;width:100%;color:var(--t2);background:0 0;border:none;border-radius:6px;align-items:center;gap:7px;padding:6px 8px;font-size:11px;transition:background .1s,color .1s;display:flex}.prob-item:hover{background:var(--hover);color:var(--t1)}.prob-item--active{color:var(--t1);background:#a78bfa1a}.prob-diff-badge{color:#000;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;display:flex}.prob-item-title{flex:1;line-height:1.3}.prob-item-solved{color:#34d399;flex-shrink:0;font-size:11px;font-weight:800}.prob-detail{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.prob-detail-header{border-bottom:1px solid var(--line);flex-shrink:0;padding:16px 20px 12px}.prob-detail-title{color:var(--t1);margin:0 0 4px;font-size:16px;font-weight:700}.prob-detail-solved{color:#34d399;vertical-align:middle;background:#34d3991f;border:1px solid #34d3994d;border-radius:99px;margin-left:10px;padding:2px 9px;font-size:11px;font-weight:700}.prob-detail-diff{text-transform:capitalize;font-size:11px;font-weight:600}.prob-detail-tags{flex-wrap:wrap;gap:5px;margin-top:6px;display:flex}.prob-tag{color:var(--violet-l);background:#a78bfa1a;border:1px solid #a78bfa40;border-radius:10px;padding:2px 7px;font-size:9px}.prob-detail-body{flex:1;padding:16px 20px;overflow-y:auto}.prob-desc{color:var(--t2);margin:0 0 14px;font-size:12px;line-height:1.7}.prob-section{margin-bottom:14px}.prob-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--t4);margin-bottom:6px;font-size:9px;font-weight:700}.prob-constraints{color:var(--t3);font-size:11px;font-family:var(--font-mono);margin:0}.prob-example{border:1px solid var(--line);background:#ffffff08;border-radius:6px;margin-bottom:8px;padding:10px 12px}.prob-io{align-items:flex-start;gap:8px;margin-bottom:4px;display:flex}.prob-io-label{color:var(--t4);min-width:44px;padding-top:2px;font-size:9px;font-weight:700}.prob-io-code{color:var(--cyan);white-space:pre-wrap;margin:0;font-size:11px}.prob-io-explain{color:var(--t3);margin:4px 0 0;font-size:11px;font-style:italic}.prob-detail-footer{border-top:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.prob-lang-hint{color:var(--t4);font-size:10px}.prob-solve-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7c6df0,#a78bfa);border:none;border-radius:7px;padding:7px 18px;font-size:12px;font-weight:600;transition:opacity .15s}.prob-solve-btn:hover{opacity:.88}.prob-empty-detail{color:var(--t4);text-align:center;padding:40px;font-size:12px}.judge-waiting{color:var(--t3);text-align:center;padding:20px;font-size:12px}.judge-results{flex-direction:column;gap:6px;padding:10px 12px;display:flex}.judge-score{border-radius:6px;margin-bottom:4px;padding:8px 12px;font-size:13px;font-weight:700}.judge-score--ac{color:#34d399;background:#34d3991a;border:1px solid #34d3994d}.judge-score--wa{color:#f87171;background:#f871711a;border:1px solid #f8717140}.judge-cases{flex-direction:column;gap:5px;display:flex}.judge-case{border:1px solid var(--line);border-radius:6px;overflow:hidden}.judge-case--pass{border-color:#34d39940}.judge-case--fail{border-color:#f8717140}.judge-case-head{background:#ffffff05;align-items:center;gap:8px;padding:5px 10px;display:flex}.judge-case--pass .judge-case-head{background:#34d3990d}.judge-case--fail .judge-case-head{background:#f871710d}.judge-case-num{color:var(--t3);font-size:10px;font-weight:600}.judge-case-hidden{color:var(--t4);margin-left:auto;font-size:9px}.judge-case-badge{font-size:9px;font-weight:700}.judge-case-badge--pass{color:#34d399}.judge-case-badge--fail{color:#f87171}.judge-case-body{flex-direction:column;gap:4px;padding:6px 10px 8px;display:flex}.judge-io{align-items:flex-start;gap:8px;display:flex}.judge-io-label{color:var(--t4);min-width:52px;padding-top:2px;font-size:9px;font-weight:700}.judge-io-val{color:var(--t2);white-space:pre-wrap;margin:0;font-size:10px}.judge-io-val--wrong{color:#f87171}.judge-io-val--err{color:#fb923c}.output-tab--judge{position:relative}[data-theme=light] .prob-item:hover{background:#0000000a}[data-theme=light] .prob-item--active{background:#7c6df014}:root{--hp-paper:#fbfbf3;--hp-card:#fff;--hp-grid:#e7ece3;--hp-ink:#1b2030;--hp-ink-2:#4a5162;--hp-muted:#7a8290;--hp-line:#1b2030;--hp-green:#12b075;--hp-green-d:#0e9462;--hp-gold:#e0a340;--hp-coral:#ff6a5a;--hp-sky:#2ea7f0;--hp-violet:#7c6df0}.home{background:linear-gradient(var(--hp-grid) 1px, transparent 1px) 0 0/30px 30px, linear-gradient(90deg, var(--hp-grid) 1px, transparent 1px) 0 0/30px 30px, var(--hp-paper);color:var(--hp-ink);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;position:fixed;inset:0;overflow:hidden auto}.home a{color:inherit;text-decoration:none}.home-hand{font-family:Caveat,cursive}.home-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 30px}.home-header{z-index:5;padding:20px 0;position:relative}.home-nav{align-items:center;gap:20px;display:flex}.home-nav .brand{margin-left:38px}.home-nav .brand-word-sketch{color:var(--hp-ink)}.home-nav-links{flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto;font-size:.9rem;display:flex}.home-plain{color:var(--hp-ink-2);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 13px;font-weight:600;transition:background .14s,color .14s}.home-plain:hover{color:var(--hp-ink);background:#1b20300d}.home-nav-signup{font:inherit;cursor:pointer;color:#fff;background:var(--hp-green);border:none;border-radius:11px;padding:9px 17px;font-size:.9rem;font-weight:700;transition:transform .1s,box-shadow .1s;box-shadow:3px 4px #0e946259}.home-nav-signup:hover{transform:translate(-1px,-1px);box-shadow:4px 5px #0e946259}.home-nav-signup:active{transform:translate(1px,2px);box-shadow:1px 1px #0e946259}.home-btn{border:2.5px solid var(--hp-line);background:var(--hp-card);color:var(--hp-ink);cursor:pointer;border-radius:13px;align-items:center;gap:9px;padding:12px 22px;font-family:inherit;font-size:.92rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;box-shadow:4px 5px #1b203029}.home-btn:hover{transform:translate(-2px,-2px);box-shadow:6px 7px #1b203029}.home-btn:active{transform:translate(2px,3px);box-shadow:1px 1px #1b203029}.home-btn--run{background:var(--hp-green);border-color:var(--hp-green-d);color:#fff;box-shadow:4px 5px #0e946266}.home-btn--run:hover{box-shadow:6px 7px #0e946266}.home-btn--run:active{box-shadow:1px 1px #0e946266}.home-btn--ghost{background:var(--hp-card)}.home-btn--violet{border-color:var(--hp-violet);color:#5548c8;background:#7c6df01a}.home-btn--lg{padding:14px 26px;font-size:1rem}.home-hero{z-index:1;padding:44px 0 60px;position:relative}.home-watermark{letter-spacing:-.05em;color:#1b20304d;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 80%);font-family:JetBrains Mono,monospace;font-size:clamp(96px,10.6vw,200px);font-weight:850;line-height:1;position:absolute;top:-102px;right:-226px;mask-image:linear-gradient(#000 40%,#0000 93%)}.home-hero-grid{z-index:1;grid-template-columns:1.02fr .98fr;align-items:center;gap:46px;display:grid;position:relative}.home-hero-text{flex-direction:column;align-items:flex-start;display:flex}.home-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--hp-green-d);background:#12b0751a;border:1px solid #12b07540;border-radius:30px;padding:5px 14px;font-family:JetBrains Mono,monospace;font-size:.82rem;font-weight:600}.home-h1{letter-spacing:-.035em;color:var(--hp-ink);margin:18px 0 0;font-size:clamp(2.6rem,5.6vw,3.9rem);font-weight:800;line-height:1.04}.home-mk{border-radius:.12em;padding:0 .06em}.home-mk-g{background:linear-gradient(#0000 62%,#12b0756b 62%)}.home-mk-o{background:linear-gradient(#0000 62%,#e0a3407a 62%)}.home-mk-c{background:linear-gradient(#0000 62%,#ff6a5a6b 62%)}.home-w{border-radius:.14em;padding:0 .1em;display:inline-block}.home-w1{color:var(--hp-green-d);background:linear-gradient(#0000 58%,#12b07552 58%)}.home-w2{color:var(--hp-violet);background:linear-gradient(#0000 58%,#7c6df047 58%);font-family:Caveat,cursive;font-size:1.25em;font-weight:700;transform:rotate(-1.5deg)}.home-w3{color:#c2891f;background:linear-gradient(#0000 58%,#e0a34066 58%)}.home-lead{color:var(--hp-ink-2);max-width:40ch;margin:22px 0 0;font-size:1.08rem;line-height:1.65}.home-toggle{vertical-align:middle;border:1.5px solid var(--hp-line);background:#eef1ec;border-radius:20px;align-items:center;gap:1px;margin:0 5px;padding:2px;display:inline-flex;position:relative;transform:translateY(-2px)}.home-toggle-knob{z-index:0;background:var(--hp-green);border-radius:16px;width:26px;height:22px;transition:left .25s;position:absolute;top:2px;left:2px}.home-toggle-ic{z-index:1;justify-content:center;align-items:center;width:26px;height:22px;font-family:JetBrains Mono,monospace;font-size:.7rem;font-weight:800;transition:color .25s;display:inline-flex;position:relative}.home-toggle-ic--code{color:#fff}.home-toggle-ic--draw{color:var(--hp-muted)}.home-toggle:hover .home-toggle-knob{left:29px}.home-toggle:hover .home-toggle-ic--code{color:var(--hp-muted)}.home-toggle:hover .home-toggle-ic--draw{color:#fff}.home-caps{flex-wrap:wrap;align-items:center;gap:6px 11px;margin-top:18px;font-size:.98rem;font-weight:700;display:inline-flex}.home-cap--viz{color:var(--hp-green-d)}.home-cap--debug{color:var(--hp-gold)}.home-cap--ai{color:var(--hp-violet)}.home-cap--collab{color:var(--hp-coral)}.home-cap-dot{color:var(--hp-muted);opacity:.5;font-weight:400}.home-cta-row{flex-wrap:wrap;gap:15px;display:flex}.home-cta-row--primary{margin-top:26px}.home-quiet-links{flex-wrap:wrap;gap:18px;margin-top:20px;font-family:JetBrains Mono,monospace;font-size:.8rem;display:flex}.home-quiet-links a{color:var(--hp-muted);border-bottom:1.5px dashed #7a829080;padding-bottom:2px;transition:color .14s,border-color .14s}.home-quiet-links a:hover{color:var(--hp-green-d);border-bottom-color:var(--hp-green)}.home-guest{color:var(--hp-muted);margin-top:20px;font-size:.9rem}.home-guest a{color:var(--hp-green-d);border-bottom:2px dashed var(--hp-green);font-weight:700}.home-guest a:hover{border-bottom-style:solid}.home-hero-media{flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.home-shot-card{background:var(--hp-card);border:2.5px solid var(--hp-line);border-radius:18px;width:114%;max-width:114%;padding:10px;animation:6s ease-in-out infinite home-float;position:relative;box-shadow:9px 11px #12b07580}.home-shot-tape{z-index:2;background:#e0a3408c;border:1px dashed #e0a340e6;width:100px;height:24px;position:absolute;top:-13px;left:50%;transform:translate(-50%)rotate(-2.5deg)}.home-hero-shot{border-radius:10px;width:100%;height:auto;display:block}@keyframes home-float{0%,to{transform:translateY(0)rotate(-.8deg)}50%{transform:translateY(-11px)rotate(.4deg)}}.home-stage-lead{text-align:center;color:var(--hp-muted);max-width:32rem;margin:0;font-size:.92rem;line-height:1.6}.home-stage{z-index:1;justify-content:center;padding:60px 0 20px;display:flex;position:relative}.home-ghost-girl{aspect-ratio:1254/1254;background:linear-gradient(150deg, var(--hp-ink) 60%, var(--hp-green-d) 100%);-webkit-mask-mode:luminance;opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;width:1100px;max-width:25vw;position:absolute;top:-170px;right:8%;-webkit-mask-image:url(/assets/thinking-girl-mask.png);mask-image:url(/assets/thinking-girl-mask.png);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-source-type:luminance;mask-mode:luminance}@media (width<=900px){.home-ghost-girl{display:none}}.home-split{border:2.5px solid var(--hp-line);background:var(--hp-card);z-index:1;border-radius:20px;grid-template-columns:1fr 1fr;width:100%;max-width:980px;display:grid;position:relative;overflow:hidden;transform:rotate(-.7deg);box-shadow:9px 11px #7c6df066}.home-tape{z-index:4;background:#12b07559;border:1px dashed #12b07599;width:110px;height:28px;position:absolute}.home-tape--tl{top:-15px;left:9%;transform:rotate(-6deg)}.home-tape--tr{top:-15px;right:9%;transform:rotate(5deg)}.home-split:before{content:"";background:var(--hp-line);z-index:2;opacity:.35;width:2px;position:absolute;top:0;bottom:0;left:50%}.home-divider-knob{z-index:3;background:var(--hp-green);color:#fff;letter-spacing:.06em;border:2px solid var(--hp-line);border-radius:99px;padding:6px 12px;font-size:.68rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.home-pane-code{text-align:left;color:var(--hp-ink);background:#f6f7f4;padding:26px;font-family:JetBrains Mono,monospace;font-size:.8rem;line-height:2.05}.home-gut{color:#b3bccb;-webkit-user-select:none;user-select:none;margin-right:15px}.home-kw{color:#c0428a}.home-fn{color:#2b7fd4}.home-str{color:#0f9d63}.home-num{color:#d97706}.home-cm{color:#9aa3b2;font-style:italic}.home-cursorline{border-left:2px solid var(--hp-green);background:#12b0751a;margin-left:-26px;padding-left:24px;display:block}.home-pane-canvas{background:linear-gradient(#eef2ec 1px,#0000 1px) 0 0/22px 22px,linear-gradient(90deg,#eef2ec 1px,#0000 1px) 0 0/22px 22px,#fcfdfb;min-height:290px;position:relative}.home-pane-canvas svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.home-pane-canvas path,.home-pane-canvas .home-stroke{fill:none;stroke-width:3.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:600;stroke-dashoffset:600px;animation:1.2s forwards home-draw}.home-pane-canvas .home-s1{stroke:var(--hp-green);animation-delay:.4s}.home-pane-canvas .home-s2{stroke:var(--hp-sky);animation-delay:1.2s}.home-pane-canvas .home-s3{stroke:var(--hp-coral);animation-delay:2s}.home-pane-canvas .home-s4{stroke:var(--hp-gold);animation-delay:2.6s}@keyframes home-draw{to{stroke-dashoffset:0}}.home-canvas-note{color:var(--hp-coral);opacity:0;font-family:Caveat,cursive;font-size:1.35rem;animation:.5s 3s forwards home-fadein;position:absolute;bottom:10%;left:10%;transform:rotate(-3deg)}@keyframes home-fadein{to{opacity:1}}.home-palette{border:2px solid var(--hp-line);z-index:2;background:#fff;border-radius:12px;flex-direction:column;gap:6px;padding:10px 8px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:3px 4px #7c6df066}.home-palette span{width:26px;height:26px;color:var(--hp-muted);border-radius:8px;justify-content:center;align-items:center;font-size:.8rem;display:flex}.home-palette-active{color:var(--hp-green-d);background:#12b0752e}.home-wheel{background:conic-gradient(#f44,#fb0,#3e6,#2ea7f0,#7c6df0,#ff6a5a,#f44);border-radius:50%;width:18px;height:18px;margin:4px auto 2px}.home-stage-note{color:var(--hp-green-d);font-family:Caveat,cursive;font-size:1.45rem;position:absolute;bottom:-16px;right:12%;transform:rotate(-2deg)}.home-stickers{z-index:1;padding:90px 0 30px;position:relative}.home-stickers h2{letter-spacing:-.02em;text-align:center;color:var(--hp-ink);font-size:clamp(1.5rem,3.4vw,2.2rem);font-weight:800}.home-stickers-lead{text-align:center;color:var(--hp-muted);margin:12px 0 46px;font-family:JetBrains Mono,monospace;font-size:.9rem}.home-sgrid{grid-template-columns:repeat(2,1fr);gap:26px;max-width:920px;margin:0 auto;display:grid}.home-sticker{border:2.5px solid var(--hp-line);background:var(--hp-card);border-radius:18px;padding:26px;transition:transform .12s;position:relative}.home-sticker:first-child{transform:rotate(-1deg);box-shadow:6px 7px #7c6df073}.home-sticker:nth-child(2){transform:rotate(.8deg);box-shadow:6px 7px #2ea7f073}.home-sticker:nth-child(3){transform:rotate(.7deg);box-shadow:6px 7px #ff6a5a73}.home-sticker:nth-child(4){transform:rotate(-.8deg);box-shadow:6px 7px #e0a34080}.home-sticker:hover{transform:translateY(-5px)rotate(0)}.home-chip{letter-spacing:.08em;border:2px solid var(--hp-line);color:#fff;border-radius:99px;margin-bottom:16px;padding:5px 14px;font-size:.72rem;font-weight:800;display:inline-block}.home-sticker--violet{color:var(--hp-violet)}.home-sticker--violet .home-chip{background:var(--hp-violet)}.home-sticker--teal{color:var(--hp-sky)}.home-sticker--teal .home-chip{background:var(--hp-sky)}.home-sticker--pink{color:var(--hp-coral)}.home-sticker--pink .home-chip{background:var(--hp-coral)}.home-sticker--gold{color:var(--hp-gold)}.home-sticker--gold .home-chip{background:var(--hp-gold)}.home-sticker h3{letter-spacing:-.01em;color:var(--hp-ink);margin-bottom:10px;font-size:1.1rem;font-weight:800}.home-sticker p{color:var(--hp-ink-2);font-size:.88rem;line-height:1.85}.home-doodle{width:44px;height:44px;position:absolute;top:-16px;right:-12px;transform:rotate(12deg)}.home-final{text-align:center;z-index:1;padding:84px 0 110px;position:relative}.home-board{background:var(--hp-card);border:2.5px solid var(--hp-line);border-radius:22px;max-width:760px;padding:52px 62px;display:inline-block;position:relative;transform:rotate(-.5deg);box-shadow:9px 11px #12b07573}.home-board h2{letter-spacing:-.02em;color:var(--hp-ink);margin-bottom:12px;font-size:clamp(1.5rem,3.2vw,2.2rem);font-weight:800}.home-board h2 .home-hand{color:var(--hp-coral);font-size:1.3em}.home-board p{color:var(--hp-ink-2);margin-bottom:30px;font-size:.96rem}.home-board .home-cta-row{justify-content:center}.home-hand-corner{color:var(--hp-green-d);font-family:Caveat,cursive;font-size:1.5rem;position:absolute;bottom:-34px;right:-12px;transform:rotate(-4deg)}.home-statusbar{background:var(--hp-green);color:#fff;border-top:2.5px solid var(--hp-line);flex-wrap:wrap;align-items:center;gap:20px;padding:10px 24px;font-size:.8rem;font-weight:600;display:flex}.home-statusbar-lang{background:#ffffff47;border-radius:5px;padding:1px 10px}.home-statusbar a{border-bottom:1px dashed #fff9}.home-statusbar a:hover{border-bottom-style:solid}.home-statusbar-right{opacity:.9;gap:18px;margin-left:auto;display:flex}@media (prefers-reduced-motion:reduce){.home *{transition:none!important;animation:none!important}.home-pane-canvas path,.home-pane-canvas .home-stroke{stroke-dashoffset:0}.home-canvas-note{opacity:1}}@media (width<=900px){.home-hero-grid{grid-template-columns:1fr;gap:40px}.home-shot-card{width:100%;max-width:520px}.home-split{grid-template-columns:1fr}.home-split:before,.home-divider-knob{display:none}.home-sgrid{grid-template-columns:1fr}}@media (width<=560px){.home-cta-row .home-btn{justify-content:center;width:100%}.home-board{padding:40px 26px}}.verify-page{color:#e8e6f0;background:#07060f;flex-direction:column;justify-content:center;align-items:center;gap:32px;font-family:Inter,system-ui,sans-serif;display:flex;position:fixed;inset:0}.verify-card{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:0 24px;display:flex}.verify-text{color:#e8e6f0bf;margin:0;font-size:18px}.verify-text--ok{color:#34d399}.verify-text--error{color:#f87171}.verify-cta{color:#fff;background:#7c6df0;border-radius:10px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .15s,opacity .15s}.verify-cta:hover{opacity:.9;transform:translateY(-1px)}.problems-page{background:var(--bg-0);color:var(--t1);font-family:var(--font-ui);flex-direction:column;display:flex;position:fixed;inset:0;overflow-y:auto}.problems-page-header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.problems-page-back{color:var(--t3);border-radius:var(--r-sm);padding:8px 14px;font-size:13px;text-decoration:none;transition:background .12s,color .12s}.problems-page-back:hover{background:var(--hover);color:var(--t1)}.problems-page-cards{flex-wrap:wrap;gap:16px;padding:28px 32px 8px;display:flex}.problems-source-card{border-radius:var(--r-lg);border:1.5px solid var(--line-2);background:var(--panel);cursor:pointer;text-align:left;min-width:220px;max-width:320px;color:var(--t1);flex-direction:column;flex:1;align-items:flex-start;gap:6px;padding:20px 22px;font-family:inherit;transition:border-color .15s,transform .12s,background .15s;display:flex}.problems-source-card:hover{transform:translateY(-2px)}.problems-source-card--active{border-color:var(--violet);background:#7c6df014}.problems-source-emoji{font-size:28px}.problems-source-title{color:var(--t1);font-size:14px;font-weight:700}.problems-source-blurb{color:var(--t3);font-size:12px;line-height:1.5}.problems-source-card--soon{cursor:default;opacity:.4}.problems-source-card--soon:hover{transform:none}.problems-page-panel{border:1px solid var(--line-2);border-radius:var(--r-lg);background:var(--panel);flex:1;min-height:0;margin:16px 32px 32px;display:flex;overflow:hidden;box-shadow:0 20px 50px #00000040}@media (width<=760px){.problems-page-panel{flex-direction:column}.problems-page-panel .prob-sidebar{border-right:none;border-bottom:1px solid var(--line);width:100%;max-height:40vh}.problems-page-cards{padding:20px 18px 8px}.problems-page-header{padding:14px 18px}}[data-theme=light] .problems-page{background:var(--bg-0)}:root{--lp-bg:#fff8ec;--lp-ink:#241e33;--lp-muted:#6b6480;--lp-panel:#fff;--lp-line:#241e33;--lp-violet:#7c6df0;--lp-teal:#17b3a3;--lp-pink:#ef4d94;--lp-gold:#f2a63a;--lp-green:#2fb872;--lp-cyan:#17a2c9}.learnpg{background:radial-gradient(circle at 1px 1px, #7c6df01a 1px, transparent 1.5px) 0 0/24px 24px, var(--lp-bg);color:var(--lp-ink);font-family:Space Grotesk,ui-sans-serif,system-ui,sans-serif;position:fixed;inset:0;overflow-y:auto}.learnpg-hand{color:var(--lp-pink);font-family:Caveat,cursive;font-weight:700}.learnpg-header{justify-content:space-between;align-items:center;padding:18px 32px;display:flex}.learnpg-header .brand-word-sketch{color:var(--lp-ink)}.learnpg-back{color:var(--lp-muted);border:2px solid #0000;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .15s,color .15s}.learnpg-back:hover{border-color:var(--lp-ink);color:var(--lp-ink)}.learnpg-hero{text-align:center;padding:12px 20px 36px}.learnpg-mascot{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;font-size:64px;animation:2.6s ease-in-out infinite learnpg-bob;display:inline-block;position:relative}.learnpg-mascot:active{cursor:grabbing}@keyframes learnpg-bob{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-10px)rotate(3deg)}}.learnpg-mascot--giggle{animation:.4s ease-in-out 3 learnpg-giggle-wobble}@keyframes learnpg-giggle-wobble{0%,to{transform:rotate(-4deg)scale(1)}25%{transform:rotate(14deg)scale(1.08)}50%{transform:rotate(-14deg)scale(1.08)}75%{transform:rotate(10deg)scale(1.05)}}.learnpg-mascot--greet{animation:.5s ease-in-out 2 learnpg-greet-wave}@keyframes learnpg-greet-wave{0%,to{transform:rotate(-3deg)scale(1)}50%{transform:rotate(10deg)scale(1.05)}}.learnpg-mascot-badge{pointer-events:none;font-size:26px;animation:.2s learnpg-pop-in;position:absolute;top:-10px;right:-8px}.learnpg-mascot-giggle{color:var(--lp-pink);white-space:nowrap;pointer-events:none;margin-left:6px;font-family:Caveat,cursive;font-size:24px;font-weight:700;animation:.2s learnpg-pop-in,.35s .85s forwards learnpg-giggle-fade;position:absolute;top:-6px;left:100%}@keyframes learnpg-giggle-fade{to{opacity:0;transform:translateY(-10px)}}.learnpg-h1{letter-spacing:-.01em;margin:10px 0 12px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700}.learnpg-sub{color:var(--lp-muted);max-width:34rem;margin:0 auto;font-size:1rem;line-height:1.6}.learnpg-loading{text-align:center;color:var(--lp-muted);grid-column:1/-1}.learnpg-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:22px;max-width:1000px;margin:0 auto;padding:0 32px 60px;display:grid}.learnpg-card{border:3px solid var(--lp-line);background:var(--lp-panel);cursor:pointer;text-align:left;border-radius:20px;flex-direction:column;align-items:flex-start;gap:8px;padding:24px 22px;font-family:inherit;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:6px 7px #241e3326}.learnpg-card:hover{transform:translate(-3px,-3px)rotate(-1deg)}.learnpg-card:active{transform:translate(1px,2px)}.learnpg-card--locked{position:relative}.learnpg-card--locked .learnpg-card-emoji,.learnpg-card--locked .learnpg-card-title,.learnpg-card--locked .learnpg-card-blurb{opacity:.45}.learnpg-card-lock{letter-spacing:.03em;color:#7c6df0;background:#7c6df024;border:1px solid #7c6df066;border-radius:20px;padding:3px 9px;font-size:.68rem;font-weight:800;position:absolute;top:12px;right:12px}.learnpg-card-emoji{font-size:36px}.learnpg-card-title{font-size:1.05rem;font-weight:700}.learnpg-card-blurb{color:var(--lp-muted);font-size:.85rem;line-height:1.5}.learnpg-card--violet:hover{box-shadow:6px 7px 0 var(--lp-violet)}.learnpg-card--teal:hover{box-shadow:6px 7px 0 var(--lp-teal)}.learnpg-card--pink:hover{box-shadow:6px 7px 0 var(--lp-pink)}.learnpg-card--gold:hover{box-shadow:6px 7px 0 var(--lp-gold)}.learnpg-card--green:hover{box-shadow:6px 7px 0 var(--lp-green)}.learnpg-card--cyan:hover{box-shadow:6px 7px 0 var(--lp-cyan)}.learnpg-workspace{max-width:1080px;margin:0 auto;padding:0 32px 60px}.learnpg-topic-back{color:var(--lp-muted);cursor:pointer;background:0 0;border:none;padding:6px 0 18px;font-family:inherit;font-size:13px;font-weight:600}.learnpg-topic-back:hover{color:var(--lp-ink)}.learnpg-topic-banner{border:3px solid var(--lp-line);background:var(--lp-panel);border-radius:16px;align-items:center;gap:14px;margin-bottom:20px;padding:16px 20px;display:flex;box-shadow:5px 6px #241e331f}.learnpg-topic-banner-title{font-size:1.05rem;font-weight:700}.learnpg-topic-banner-blurb{color:var(--lp-muted);font-size:.85rem}.learnpg-topic-banner--violet{border-left:8px solid var(--lp-violet)}.learnpg-topic-banner--teal{border-left:8px solid var(--lp-teal)}.learnpg-topic-banner--pink{border-left:8px solid var(--lp-pink)}.learnpg-topic-banner--gold{border-left:8px solid var(--lp-gold)}.learnpg-topic-banner--green{border-left:8px solid var(--lp-green)}.learnpg-topic-banner--cyan{border-left:8px solid var(--lp-cyan)}.learnpg-columns{grid-template-columns:1fr 1.15fr;align-items:start;gap:22px;display:grid}@media (width<=820px){.learnpg-columns{grid-template-columns:1fr}}.learnpg-code-col{border:3px solid var(--lp-line);background:#1e1e2e;border-radius:16px;overflow:hidden;box-shadow:5px 6px #241e331f}.learnpg-code-label{letter-spacing:.06em;text-transform:uppercase;color:#9d97c2;align-items:baseline;gap:8px;padding:12px 16px 0;font-size:11px;font-weight:700;display:flex}.learnpg-code-label-hint{color:var(--lp-gold);text-transform:none;letter-spacing:normal;font-weight:600}.learnpg-code-wrap{position:relative}.learnpg-code{color:#e4e1f5;margin:0;padding:14px 34px 14px 0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.learnpg-code-line{white-space:pre;height:24px;line-height:24px;display:flex}.learnpg-code-ln{text-align:right;color:#5d5880;-webkit-user-select:none;user-select:none;flex-shrink:0;width:28px;margin-right:12px;display:inline-block}.learnpg-code-text{word-break:break-word}.learnpg-sketch-layer{pointer-events:none;position:absolute;inset:0}.learnpg-sketch-circle{border:2.5px solid var(--lp-gold);border-radius:50%/42%;height:34px;animation:.25s learnpg-pop-in;position:absolute;left:34px;right:8px;transform:rotate(-1deg)}.learnpg-sketch-arrow{position:absolute;right:2px;overflow:visible}.learnpg-sketch-arrow-line{fill:none;stroke:var(--lp-pink);stroke-width:2.5px;stroke-linecap:round;stroke-dasharray:120;stroke-dashoffset:120px;animation:.35s forwards learnpg-draw-in}.learnpg-sketch-arrow-head{fill:none;stroke:var(--lp-pink);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;opacity:0;animation:.2s .3s forwards learnpg-fade-in}.learnpg-sketch-note{color:#4a3a10;border:2px solid var(--lp-line);background:#fff3d9;border-radius:8px 8px 8px 2px;max-width:150px;padding:4px 9px;font-family:Caveat,cursive;font-size:15px;font-weight:700;line-height:1.25;animation:.25s learnpg-pop-in;position:absolute;right:10px;transform:rotate(2deg);box-shadow:3px 3px #241e3340}@keyframes learnpg-pop-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}@keyframes learnpg-draw-in{to{stroke-dashoffset:0}}@keyframes learnpg-fade-in{to{opacity:1}}.learnpg-steps-bar{border-top:2px solid var(--lp-line);background:#17172a;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;display:flex}.learnpg-steps-progress{color:#9d97c2;letter-spacing:.03em;font-size:11.5px;font-weight:700}.learnpg-steps-next{border:2px solid var(--lp-line);background:var(--lp-violet);color:#fff;cursor:pointer;border-radius:99px;padding:7px 16px;font-family:inherit;font-size:12.5px;font-weight:700;transition:transform .12s}.learnpg-steps-next:hover{transform:translateY(-1px)}.learnpg-steps-done{color:var(--lp-gold);font-family:Caveat,cursive;font-size:17px;font-weight:700}.learnpg-chat-col{border:3px solid var(--lp-line);background:var(--lp-panel);border-radius:16px;flex-direction:column;min-height:420px;display:flex;overflow:hidden;box-shadow:5px 6px #241e331f}.learnpg-chat-log{flex-direction:column;flex:1;gap:12px;padding:18px;display:flex;overflow-y:auto}.learnpg-bubble{align-items:flex-start;gap:8px;max-width:92%;display:flex}.learnpg-bubble--me{flex-direction:row-reverse;align-self:flex-end}.learnpg-bubble-avatar{flex-shrink:0;font-size:22px}.learnpg-bubble-text{border:2px solid var(--lp-line);border-radius:16px;padding:10px 14px;font-size:13.5px;line-height:1.55}.learnpg-bubble--ai .learnpg-bubble-text{border-color:var(--lp-violet);background:#f1eeff;border-bottom-left-radius:4px}.learnpg-bubble--me .learnpg-bubble-text{border-color:var(--lp-pink);background:#ffe9f3;border-bottom-right-radius:4px}.learnpg-bubble--thinking .learnpg-bubble-text{color:var(--lp-muted);font-style:italic;animation:1.2s ease-in-out infinite learnpg-pulse}@keyframes learnpg-pulse{0%,to{opacity:1}50%{opacity:.5}}.learnpg-ladder{grid-template-columns:repeat(4,1fr);gap:8px;padding:0 16px 14px;display:grid}.learnpg-ladder-btn{border:2.5px solid var(--lp-line);color:var(--lp-ink);cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-family:inherit;font-size:11px;font-weight:700;transition:transform .12s,background .12s;display:flex}.learnpg-ladder-emoji{font-size:18px}.learnpg-ladder-btn:hover:not(:disabled){background:#fff3d9;transform:translateY(-2px)}.learnpg-ladder-btn:disabled{opacity:.55;cursor:not-allowed}.learnpg-ask-form{gap:8px;padding:0 16px 16px;display:flex}.learnpg-ask-input{border:2.5px solid var(--lp-line);color:var(--lp-ink);background:#fff;border-radius:99px;outline:none;flex:1;padding:10px 14px;font-family:inherit;font-size:13px}.learnpg-ask-input:focus{border-color:var(--lp-violet)}.learnpg-ask-btn{border:2.5px solid var(--lp-line);background:var(--lp-violet);color:#fff;cursor:pointer;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-weight:800}.learnpg-ask-btn:disabled{opacity:.4;cursor:not-allowed}@media (prefers-reduced-motion:reduce){.learnpg-mascot,.learnpg-mascot--giggle,.learnpg-mascot--greet,.learnpg-mascot-giggle,.learnpg-mascot-badge,.learnpg-bubble--thinking .learnpg-bubble-text{animation:none}}@media (width<=560px){.learnpg-header{padding:14px 18px}.learnpg-grid,.learnpg-workspace{padding:0 18px 40px}.learnpg-ladder{grid-template-columns:repeat(2,1fr)}}.legal-page{color:#e8e6f0;background:#07060f;min-height:100vh;font-family:Inter,system-ui,sans-serif}.legal-header{border-bottom:1px solid #ffffff14;padding:20px 24px}.legal-logo-link{text-decoration:none}.legal-layout{gap:40px;max-width:920px;margin:0 auto;padding:40px 24px 80px;display:flex}.legal-nav{flex-direction:column;flex-shrink:0;align-self:flex-start;gap:4px;width:200px;display:flex;position:sticky;top:40px}.legal-nav-link{color:#e8e6f099;border-radius:8px;padding:8px 12px;font-size:13px;text-decoration:none;transition:background .12s,color .12s}.legal-nav-link:hover{color:#e8e6f0;background:#ffffff0d}.legal-nav-link--active{color:#a89df5;background:#7c6df026;font-weight:600}.legal-content{flex:1;min-width:0}.legal-content h1{color:#fff;margin:0 0 20px;font-size:26px}.legal-content h2{color:#a89df5;margin:28px 0 8px;font-size:16px}.legal-content p{color:#e8e6f0cc;margin:0 0 12px;font-size:14px;line-height:1.7}.legal-content ul{margin:0 0 12px;padding-left:20px}.legal-content li{color:#e8e6f0cc;margin-bottom:6px;font-size:14px;line-height:1.7}.legal-content a{color:#7c6df0}@media (width<=640px){.legal-layout{flex-direction:column}.legal-nav{flex-flow:wrap;width:100%;position:static}}