.auth-page-shell{min-height:calc(100vh - 78px);display:grid;place-items:center;padding:56px 24px;background:radial-gradient(circle at top,rgba(194,255,116,.08),transparent 28%),#0d1217}.auth-panel{width:min(520px,100%);background:#0c1216f5;border:1px solid #2d3c35;border-radius:20px;padding:28px 28px 22px;box-shadow:0 24px 60px #0000004d}.auth-header{margin-bottom:22px}.eyebrow{font:700 10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--lime);margin-bottom:10px}.auth-header h1{font-size:clamp(2.1rem,4vw,3.3rem);margin-bottom:8px}.auth-subtitle{color:#a6b7b1;line-height:1.6}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;gap:8px;background:#0e1918e6;border:1px solid #2d3d36;padding:8px;border-radius:12px;margin-bottom:18px}.auth-tab{border:none;background:transparent;border-radius:10px;color:#9fb3a9;font:700 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:12px 14px;cursor:pointer}.auth-tab.active{background:#c2ff741f;color:var(--lime)}.auth-form{display:grid;gap:16px}.auth-form label{display:grid;gap:8px;color:#dce8df;font:600 12px var(--mono);letter-spacing:.05em;text-transform:uppercase}.auth-form input{width:100%;border-radius:12px;border:1px solid #32453d;background:#070b0df2;color:var(--text);font:inherit;padding:14px 15px}.auth-form input:focus{outline:none;border-color:#c2ff74bf;box-shadow:0 0 0 3px #c2ff741f}.auth-submit{width:100%;margin-top:6px}.auth-status{margin-top:18px;font:600 12px var(--mono)}.auth-status.success{color:#c7ff8d}.auth-status.error{color:#ffab93}.auth-footer{margin-top:16px;text-align:center}.text-link{color:#dfe9e1;font:600 12px var(--mono);letter-spacing:.08em;text-transform:uppercase}@media(max-width:620px){.auth-panel{padding:20px 18px}}.clash-shell{min-height:calc(100vh - 195px);padding:36px max(24px,calc((100vw - 1320px)/2));color:#e9f0e8;background:radial-gradient(ellipse 70% 60% at 50% 0%,#c2ff740d,transparent),#090d12}.clash-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:25px;border-bottom:1px solid #293830}.clash-header h1{margin-top:10px;font-size:27px;line-height:1.1}.clash-kicker{display:inline-flex;align-items:center;gap:8px;color:#98b19f;font:600 10px var(--mono);letter-spacing:.1em}.clash-kicker svg{color:var(--orange)}.clash-player-rating{display:flex;align-items:center;gap:18px;color:#a6b5aa;font:600 11px var(--mono);text-transform:uppercase}.clash-player-rating strong{color:var(--lime);font-size:17px}.clash-player-rating small{color:#87988d;font-size:9px}.clash-notice{max-width:760px;margin:18px auto 0;padding:12px 15px;border:1px solid #6b5140;background:#241a16;color:#f3ba94;font:500 11px var(--mono)}.clash-search-view{min-height:510px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:42px 16px 70px}.clash-search-art{display:flex;align-items:center;gap:15px;margin-bottom:30px;color:var(--orange)}.clash-search-art span{width:44px;height:1px;background:#65503d}.clash-search-view h2{margin-top:16px;font-size:clamp(30px,5vw,46px)}.clash-subtitle{margin-top:12px;color:#9aa99f;font-size:14px}.clash-primary-action{margin-top:30px;min-width:220px}.clash-primary-action:disabled{opacity:.55;cursor:wait}.search-pulse{height:96px;display:flex;align-items:center;gap:10px;margin-bottom:25px}.search-pulse span{width:9px;height:9px;border-radius:50%;background:var(--lime);animation:clash-pulse 1s infinite ease-in-out}.search-pulse span:nth-child(2){animation-delay:.15s}.search-pulse span:nth-child(3){animation-delay:.3s}@keyframes clash-pulse{0%,70%,to{transform:scale(.65);opacity:.35}35%{transform:scale(1);opacity:1}}.clash-cancel-action{margin-top:26px}.clash-gate-shell{display:grid;place-items:center}.clash-gate{width:min(570px,100%);padding:42px;border-left:2px solid var(--orange);background:#10171a}.clash-gate h1{margin-top:18px;font-size:clamp(28px,5vw,42px)}.clash-gate p{margin:12px 0 25px;color:#a4b2a8;font-size:14px}.clash-lobby{width:min(850px,100%);margin:40px auto 60px}.clash-match-label{display:flex;align-items:center;gap:10px;padding-bottom:14px;border-bottom:1px solid #293830;color:var(--lime);font:600 10px var(--mono);letter-spacing:.1em}.clash-match-label>span:last-child{margin-left:auto;color:#83948a}.clash-versus-row{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;padding:30px 0;border-bottom:1px solid #293830}.clash-contender{min-width:0;display:grid;gap:8px;padding:18px 20px;border-left:2px solid #4b5b48;background:#10171a}.clash-contender.is-you{border-color:var(--lime)}.clash-contender>span,.clash-contender small,.clash-contender em{color:#91a398;font:600 9px var(--mono);letter-spacing:.08em;text-transform:uppercase}.clash-contender strong{overflow:hidden;color:#f0f4ed;font-size:20px;text-overflow:ellipsis}.clash-contender em{color:var(--orange);font-style:normal}.clash-contender.is-you em{color:var(--lime)}.clash-versus{color:#647369;font:700 15px var(--mono);text-align:center}.clash-lobby-problem{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0;border-bottom:1px solid #293830}.clash-lobby-problem h2{margin-top:8px;font-size:22px}.clash-difficulty{padding:6px 9px;border:1px solid #4b5b48;color:#b9d69e;font:600 9px var(--mono);letter-spacing:.08em}.clash-difficulty.diff-medium{border-color:#806c41;color:#e2c885}.clash-difficulty.diff-hard{border-color:#854f49;color:#efa18f}.clash-ready-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:22px}.clash-ready-row p,.clash-starting{color:#a4b5aa;font:600 11px var(--mono);letter-spacing:.08em}.clash-starting{color:var(--lime)}.clash-battle{max-width:1500px;margin:22px auto 35px}.clash-battle-bar{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(110px,1fr);align-items:center;gap:20px;padding:11px 14px;border:1px solid #2e3b35;background:#10171a}.clash-opponent-progress{display:flex;align-items:center;gap:12px;color:#c4d3c8;font:600 10px var(--mono)}.clash-progress-track{flex:1;height:5px;overflow:hidden;background:#293630}.clash-progress-track i{display:block;height:100%;background:var(--orange);transition:width .25s ease}.clash-opponent-progress small{color:#8fa094;white-space:nowrap}.clash-clock{color:var(--lime);font:700 20px var(--mono);font-variant-numeric:tabular-nums}.clash-forfeit{justify-self:end;border:1px solid #54433b;background:transparent;color:#dfa68c;padding:8px 11px;font:600 9px var(--mono);cursor:pointer}.clash-forfeit:hover{border-color:#dc9271;background:#211914}.clash-battle-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);gap:12px;height:min(690px,calc(100vh - 250px));min-height:500px;margin-top:12px}.clash-problem-panel,.clash-editor-panel{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;border:1px solid #2f3f37;background:#10171d}.clash-panel-label,.clash-editor-head{flex:0 0 42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border-bottom:1px solid #2b3a33;background:#151e25;color:#92a598;font:600 9px var(--mono);letter-spacing:.06em}.clash-problem-content{min-height:0;overflow:auto;padding:22px}.clash-problem-content h2{font-size:25px}.clash-problem-category{margin:8px 0 20px;color:#82948a;font:500 10px var(--mono);text-transform:uppercase}.clash-problem-content>p:not(.clash-problem-category){margin:0 0 12px;color:#bac8bd;font-size:13px;line-height:1.7}.clash-problem-content h3{margin:22px 0 10px;color:#8fa398;font:600 9px var(--mono);letter-spacing:.1em}.clash-example{display:grid;gap:8px;padding:11px 12px;border-left:1px solid #536952;background:#141d1b;color:#809489;font:500 9px var(--mono)}.clash-example code{display:block;margin-top:5px;overflow-wrap:anywhere;color:#d9e5dc;font-size:10px}.clash-problem-content ul{display:grid;gap:8px;padding-left:17px;color:#a7b6aa;font-size:11px;line-height:1.5}.clash-editor-head>span{display:inline-flex;align-items:center;gap:8px}.clash-editor-head>span svg{color:var(--lime)}.clash-editor-head .button{min-height:29px;padding:7px 10px;font-size:9px}.clash-editor-host{flex:1;min-height:0;background:#0c131a}.clash-editor-loading{padding:16px;color:#6f8a7d;font:500 10px var(--mono)}.clash-run-result{min-height:38px;display:flex;align-items:center;padding:0 14px;border-top:1px solid #293830;color:#a4b5aa;font:600 9px var(--mono);letter-spacing:.05em}.clash-result{width:min(700px,100%);margin:70px auto;padding:38px 0;border-top:2px solid #647368;text-align:center}.clash-result-win{border-color:var(--lime)}.clash-result-loss{border-color:var(--orange)}.clash-result h2{margin-top:14px;font-size:clamp(44px,8vw,70px)}.clash-result p{margin:12px 0 25px;color:#a7b6aa}.clash-result-opponent{color:#d4e2d7!important;font:600 10px var(--mono);letter-spacing:.08em}.clash-result-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:28px 0;text-align:left}.clash-result-player{min-width:0;padding:18px;border:1px solid #35443b;background:#10171a}.clash-result-player.is-winner{border-color:var(--lime)}.clash-result-player h3{margin:9px 0 20px;overflow:hidden;color:#eff4ed;font-size:19px;text-overflow:ellipsis}.clash-result-stat{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding-top:11px;border-top:1px solid #293830}.clash-result-stat+.clash-result-stat{margin-top:11px}.clash-result-stat>span{color:#93a59a;font:600 9px var(--mono);letter-spacing:.06em}.clash-result-stat strong{color:#e8f0e7;font:700 13px var(--mono);white-space:nowrap}.clash-result-stat i{color:var(--lime);font-style:normal}.clash-result-player:not(.is-winner) .clash-result-stat i{color:#ff9c8a}.clash-result-stat b{color:#fff;font-weight:700}.clash-result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.clash-result-actions button:disabled{opacity:.65;cursor:wait}@media(max-width:900px){.clash-shell{padding-inline:24px}.clash-battle-grid{grid-template-columns:minmax(250px,.85fr) minmax(0,1.15fr)}}@media(max-width:680px){.clash-shell{padding:22px 16px}.clash-header{align-items:flex-start}.clash-header h1{font-size:20px}.clash-player-rating{flex-direction:column;align-items:flex-end;gap:4px;font-size:9px}.clash-versus-row{grid-template-columns:1fr 42px 1fr;padding:20px 0}.clash-contender{padding:13px 10px}.clash-contender strong{font-size:15px}.clash-match-label{font-size:8px}.clash-match-label>span:last-child{font-size:8px}.clash-battle-bar{grid-template-columns:minmax(0,1fr) auto;gap:12px}.clash-opponent-progress{grid-column:1 / -1}.clash-clock{grid-column:1;grid-row:2}.clash-forfeit{grid-column:2;grid-row:2}.clash-battle-grid{grid-template-columns:1fr;height:auto;min-height:0}.clash-problem-panel{max-height:430px}.clash-editor-panel{height:560px}.clash-result-players{grid-template-columns:1fr}}@media(max-width:420px){.clash-shell{padding-inline:12px}.clash-player-rating span{max-width:100px;overflow:hidden;text-overflow:ellipsis}.clash-contender>span{font-size:8px}.clash-contender small,.clash-contender em{font-size:8px}.clash-versus{font-size:12px}}.hero-visual{position:relative;width:100%;max-width:610px;margin-inline:auto;padding:24px 16px 47px 12px}.hero-visual-glow{position:absolute;top:7%;right:0;bottom:-4%;left:0;border-radius:50%;background:radial-gradient(ellipse at 52% 45%,#a4ff5917,transparent 68%);filter:blur(18px);pointer-events:none}.editor-shell{position:relative;background:#10171d;border:1px solid #42564a;border-radius:10px;box-shadow:0 28px 70px #0009,0 0 0 7px #111a17ae,0 0 85px #b7ff4a0e;overflow:hidden;transform:rotate(-.6deg)}.editor-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:10px;box-shadow:inset 0 1px #ffffff14}.editor-topline{min-height:43px;background:#182028;border-bottom:1px solid #344039;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:500 10px var(--mono);color:#80958e}.editor-topline svg{color:#718a81}.window-controls{display:flex;gap:6px}.window-controls i{width:8px;height:8px;display:block;background:#445051;border-radius:50%}.window-controls i:first-child{background:#d48375}.window-controls i:nth-child(2){background:#d2b76c}.window-controls i:nth-child(3){background:#81bd81}.editor-path span{color:#d6e6d9}.preview-tabs{height:47px;display:flex;padding-inline:14px;background:#10191c;align-items:stretch;gap:6px;border-bottom:1px solid #293932}.preview-tabs button{color:#82978a;padding:0 14px;display:inline-flex;gap:8px;align-items:center;font:600 10px var(--mono);background:none;border:0;border-bottom:2px solid transparent;transition:color .2s,background .2s}.preview-tabs button:hover{color:#dcf2d7}.preview-tabs button.preview-active{border-bottom-color:var(--lime);background:#1e2922;color:var(--lime)}.editor-content{padding:18px 21px 16px}.preview-topmeta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#6e8782;font:500 9px var(--mono)}.preview-live{color:var(--lime);display:flex;gap:10px;align-items:center}.preview-topmeta .live-light{width:6px;height:6px}.preview-title-wrap{display:flex;align-items:baseline;gap:11px;margin-top:17px;flex-wrap:wrap}.preview-overline{font:500 9px var(--mono);color:#80948b;flex-basis:100%}.preview-title-wrap h3{font-size:25px;letter-spacing:-.06em}.preview-difficulty{color:var(--lime);background:#203322;padding:5px 8px;border-radius:3px;font:600 9px var(--mono)}.preview-taskline{color:#7f988d;margin:9px 0 15px;font:500 9px var(--mono);letter-spacing:.06em}.fake-editor{border:1px solid #2d3d3a;border-radius:5px;overflow:hidden;background:#0c131a}.fake-editor-file{height:36px;background:#17222a;display:flex;gap:8px;align-items:center;font:500 10px var(--mono);color:#b7caba;border-bottom:1px solid #303d3c;padding:0 12px}.fake-editor-file svg{color:#8dbd9b}.file-changed{color:#c4ff85;margin-left:auto}.code-lines{padding:18px 12px 23px 4px;min-height:213px;overflow:hidden}.code-line{display:flex;gap:18px;white-space:pre;align-items:baseline;font:500 11px/1.95 var(--mono);color:#c5d7d0}.code-line code{font:inherit}.line-number{color:#52665c;-webkit-user-select:none;user-select:none;min-width:22px;text-align:right}.syntax-pink{color:#f4a9ce}.syntax-yellow{color:#f7d48d}.syntax-comment{color:#668679}.editor-status-bar{padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:8px;color:#84988d;font:500 9px var(--mono)}.editor-status-bar>span:first-child{display:inline-flex;gap:7px;align-items:center;color:#a7ed8f}.status-ok{display:flex;align-items:center;color:var(--lime)}.floating-rival{position:absolute;top:16%;right:-28px;background:#202c27;border:1px solid #677c5f;border-radius:7px;box-shadow:0 12px 40px #0008,inset 0 1px #ffffff12;padding:12px 14px;display:flex;align-items:center;gap:11px;z-index:3}.rival-circle{width:35px;height:35px;border-radius:4px;display:grid;place-items:center;background:#425344;color:#d1ff96}.floating-rival>div span{display:block;font:500 8px var(--mono);color:#9fb4a3;white-space:nowrap}.floating-rival>div strong{display:block;font:600 12px var(--mono);color:#f1f9ec;margin-top:5px}.online-signal{margin-left:10px;align-self:flex-start}.online-signal span{display:block;width:8px;height:8px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 4px #c2ff7420}.floating-rival.solo-float{border-color:#738765}.floating-gain{position:absolute;bottom:17px;left:-27px;background:var(--lime);color:#1c281c;border-radius:4px;padding:11px 16px;font:700 10px var(--mono);display:flex;gap:9px;align-items:center;box-shadow:0 10px 35px #0009;z-index:3}.visual-marker{position:absolute;color:var(--lime);font:400 27px var(--mono);opacity:.3}.marker-one{top:1%;right:0}.marker-two{bottom:1%;right:14%}.editor-shell{animation:up .75s .18s both}.floating-rival{animation:float 5s ease-in-out infinite}.floating-gain{animation:float 4.4s ease-in-out infinite reverse}@media(max-width:1260px){.floating-rival{right:-9px}.floating-gain{left:-6px}}@media(max-width:1040px){.floating-rival{right:0}.code-line{font-size:9px;gap:10px}.preview-tabs button{padding-inline:10px}}@media(max-width:820px){.hero-visual{max-width:585px;margin-top:5px}.code-line{font-size:11px;gap:18px}}@media(max-width:620px){.hero-visual{padding-inline:0;padding-bottom:40px}.editor-shell{transform:none}.floating-rival{right:-8px;top:17%;padding:8px 9px;gap:6px}.floating-rival>div span{font-size:7px}.floating-rival>div strong{font-size:10px}.rival-circle{height:25px;width:25px}.online-signal{margin-left:0}.floating-gain{left:-6px;bottom:19px;font-size:8px;padding:9px 11px}.editor-content{padding:15px 11px 16px}.code-line{font-size:clamp(7.5px,2.3vw,11px);gap:10px}.code-lines{padding-left:0}.preview-title-wrap h3{font-size:21px}.editor-status-bar{font-size:7px}}.hero-section{position:relative;overflow:hidden;isolation:isolate}.hero-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 65% 80% at 89% 43%,rgba(64,102,66,.14),transparent 72%),linear-gradient(95deg,transparent 51%,rgba(73,99,87,.06));z-index:-2}.hero-hatch{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#b7d6be1d 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 95%);mask-image:linear-gradient(90deg,transparent 12%,#000 95%);opacity:.65;z-index:-1}.hero-container{min-height:659px;display:grid;grid-template-columns:1.04fr 1fr;align-items:center;gap:55px;padding-block:65px 69px}.hero-copy{position:relative;z-index:5}.hero-label{font:500 10px var(--mono);letter-spacing:.11em;color:#a0b4a3;display:inline-flex;align-items:center;gap:12px;margin-bottom:30px;white-space:nowrap}.label-counter{border:1px solid #354538;border-radius:3px;padding:5px 8px;color:#7b9180;margin-left:4px;font-size:9px}.hero-copy h1{font-size:clamp(60px,6.4vw,97px);line-height:.985;letter-spacing:-.077em;font-weight:700;color:#f1f5ed}.hero-copy h1>span{color:var(--lime)}.hero-copy h1>em{font-style:normal;color:transparent;-webkit-text-stroke:1.1px #b5c4b8}.hero-intro{max-width:475px;color:#a2b0ae;line-height:1.8;font-size:15px;margin-top:26px}.hero-ctas{display:flex;gap:12px;margin-top:31px;flex-wrap:wrap}.hero-bottom-meta{margin-top:36px;display:flex;gap:22px;flex-wrap:wrap}.hero-bottom-meta span{font:500 10px var(--mono);color:#82968c;display:flex;align-items:center;gap:7px;white-space:nowrap}.hero-bottom-meta svg{color:#9fd47b}.hero-bottom-border{height:44px;border-top:1px solid #2b332e;display:flex;align-items:center;justify-content:space-between;font:500 9px var(--mono);letter-spacing:.1em;color:#69796e}.scroll-arrow{color:var(--lime);font-size:20px;font-weight:700;margin-left:7px}.hero-copy>*{animation:up .65s both}.hero-copy>:nth-child(2){animation-delay:.1s}.hero-copy>:nth-child(3){animation-delay:.17s}.hero-copy>:nth-child(4){animation-delay:.24s}.hero-copy>:nth-child(5){animation-delay:.3s}@media(max-width:1260px){.hero-container{gap:24px}.hero-copy h1{font-size:clamp(60px,6.5vw,91px)}}@media(max-width:1040px){.hero-container{grid-template-columns:1fr 1fr;gap:17px}.hero-copy h1{font-size:clamp(52px,6.9vw,74px)}.hero-intro{font-size:14px}.button-large{padding:14px 16px;font-size:10px}.hero-bottom-meta{gap:11px}.hero-bottom-meta span{font-size:9px}}@media(max-width:820px){.hero-container{grid-template-columns:1fr;min-height:auto;padding-top:70px;gap:36px}.hero-copy h1{font-size:clamp(71px,12vw,102px)}.hero-intro{max-width:580px}}@media(max-width:620px){.hero-container{padding-block:57px 47px}.hero-copy h1{font-size:clamp(57px,13.3vw,83px)}.hero-label{font-size:9px;letter-spacing:.045em;gap:8px;white-space:normal}.label-counter{display:none}.hero-intro{font-size:14px}.hero-ctas{flex-direction:column;align-items:stretch}.hero-ctas .button{justify-content:space-between}.hero-bottom-meta{gap:13px;margin-top:27px}.hero-bottom-meta span,.hero-bottom-border{font-size:8px}.hero-bottom-border>span:first-child{display:none}.hero-bottom-border{justify-content:flex-end}}.ticker{overflow:hidden;background:#c2ff74;border-block:1px solid #c2ff74;color:#182018}.ticker-track{width:max-content;display:flex;padding-block:13px;font:700 12px var(--mono);letter-spacing:.06em;white-space:nowrap;animation:marquee 140s linear infinite}.ticker-group{display:flex;align-items:center;gap:25px;padding-right:25px;flex-shrink:0}.ticker-group span{padding-inline:11px}.mode-card{min-height:476px;padding:29px 34px 24px;border:1px solid #3c403b;border-radius:7px;position:relative;overflow:hidden;background:#171e24;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s;isolation:isolate}.mode-card:hover{transform:translateY(-5px);box-shadow:0 15px 45px #0004}.mode-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 72% 48% at 95% 9%,var(--mode-glow),transparent 90%),linear-gradient(125deg,transparent,var(--mode-glow) 210%);opacity:1;z-index:-1}.mode-orange{--mode-color: var(--orange);--mode-glow: #ffae801e}.mode-lime{--mode-color: var(--lime);--mode-glow: #baff6424}.mode-orange:hover{border-color:#a16c55}.mode-lime:hover{border-color:#79ad58}.mode-card-header{display:flex;justify-content:space-between;align-items:center;color:var(--mode-color)}.mode-id{color:#8eaaa0;font-size:10px}.mode-card-header>svg{transition:transform .2s}.mode-card:hover .mode-card-header>svg{transform:translate(3px,-3px)}.mode-symbol{width:85px;height:85px;border-radius:10px;border:1px solid color-mix(in srgb,var(--mode-color) 35%,transparent);background:color-mix(in srgb,var(--mode-color) 13%,transparent);color:var(--mode-color);display:grid;place-items:center;margin-top:26px;margin-bottom:26px;position:relative}.symbol-halo{position:absolute;height:67%;width:67%;border:1px solid color-mix(in srgb,var(--mode-color) 24%,transparent);transform:rotate(45deg);border-radius:3px}.mode-label{color:var(--mode-color);font-size:10px;font-weight:500;letter-spacing:.09em}.mode-card h3{font-size:clamp(31px,3.2vw,43px);letter-spacing:-.07em;margin-top:10px}.mode-card p{max-width:435px;margin-top:12px;color:#a7b1ad;font-size:13px;line-height:1.8}.mode-features{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:19px}.mode-features>span{display:inline-flex;align-items:center;gap:6px;color:#a6b6ac;font-size:10px}.mode-features svg{color:var(--mode-color)}.mode-link{margin-top:auto;display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--mode-color);font:600 11px var(--mono);border-top:1px solid #37443d;padding-top:18px}@media(max-width:1040px){.mode-card{padding:26px}}@media(max-width:820px){.mode-card h3{font-size:clamp(28px,4vw,43px)}}@media(max-width:620px){.mode-card{min-height:447px;padding:27px}.mode-card h3{font-size:43px}}.section{padding-block:94px 102px}.section-toprow{display:flex;gap:19px;align-items:center;margin-bottom:49px}.section-index,.section-meta{font:500 10px var(--mono);color:#88a394;white-space:nowrap}.section-line{height:1px;flex:1;background:#303c34}.section-meta{color:#6f8275}.section-eyebrow{color:var(--lime);font:600 10px var(--mono);letter-spacing:.09em;display:inline-flex;align-items:center;gap:8px}.eyebrow-square{background:var(--lime);height:7px;width:7px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}.section-heading h2{font-size:clamp(42px,5vw,66px);line-height:1;font-weight:700;letter-spacing:-.07em;margin-top:17px}.heading-accent{color:var(--lime)}.section-heading>p{max-width:335px;line-height:1.8;font-size:14px;color:#9aa7a3;margin-bottom:8px}@media(max-width:820px){.section{padding-block:77px 83px}.section-heading{gap:20px}}@media(max-width:620px){.section-toprow{margin-bottom:31px}.section-meta{display:none}.section-heading{display:block}.section-heading h2{font-size:clamp(42px,10.2vw,59px)}.section-heading>p{margin-top:17px;font-size:13px}}.modes-section{background:radial-gradient(ellipse 40% 45% at 100% 100%,#374e281c,transparent 100%),#0c1116}.modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:620px){.modes-grid{grid-template-columns:1fr}}.process-section{background:#0b1015}.process-heading{margin-bottom:51px}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#334139;border:1px solid #334139;border-radius:5px;overflow:hidden}.step{padding:29px 30px 35px;background:#121a1f}.step-top{display:flex;align-items:center;justify-content:space-between;color:var(--lime);margin-bottom:41px}.step-top span{font:500 31px var(--mono);color:#3c5540}.step h3{font-size:18px;letter-spacing:-.045em;margin-bottom:11px}.step p{color:#95a8a0;font-size:13px;line-height:1.8;max-width:300px}@media(max-width:820px){.steps-grid{grid-template-columns:1fr}.step{min-height:210px;padding:30px}.step-top{margin-bottom:24px}}@media(max-width:620px){.step{min-height:auto}}.adapt-section{background:#10171b;border-block:1px solid #27362e}.adaptive-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.adaptive-copy h2{font-size:clamp(39px,4.7vw,65px);line-height:1.035;letter-spacing:-.075em;margin-top:25px}.adaptive-copy>p{color:#a2b2a8;max-width:490px;font-size:14px;line-height:1.85;margin-top:21px}@media(max-width:820px){.adaptive-grid{grid-template-columns:1fr;gap:42px}.adaptive-copy h2{max-width:650px}}@media(max-width:620px){.adaptive-copy h2{font-size:clamp(40px,9vw,62px)}}.bottom-cta-section{background:#0b1015;padding-block:90px}.bottom-cta{background:radial-gradient(ellipse 58% 160% at 94% 55%,#adff5f22,transparent),linear-gradient(115deg,#1b2920,#122019 83%);border:1px solid #526f46;border-radius:7px;overflow:hidden;min-height:330px;display:flex;align-items:center;padding:40px 7%;gap:8%;position:relative}.bottom-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#91d8690d 1px,transparent 1px),linear-gradient(90deg,#91d8690d 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000);mask-image:linear-gradient(90deg,transparent,#000)}.cta-static{font:700 clamp(100px,19vw,260px)/1 var(--display);letter-spacing:-.15em;color:#c3fe8140;flex:0 0 40%;-webkit-user-select:none;user-select:none}.cta-static span{color:var(--lime)}.cta-content{position:relative;z-index:2}.cta-content h2{font-size:clamp(38px,4vw,54px);margin-top:16px;letter-spacing:-.07em;line-height:1.04}.cta-content h2 span{color:var(--lime)}.cta-content p{color:#aec2b2;font-size:13px;line-height:1.7;margin-top:12px}.cta-actions{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap}@media(max-width:820px){.bottom-cta{gap:2%}}@media(max-width:620px){.bottom-cta-section{padding-block:61px}.bottom-cta{padding:38px 23px}.cta-static{display:none}.cta-content h2{font-size:clamp(37px,9.5vw,52px)}.cta-actions{align-items:stretch;flex-direction:column}}.board-page{min-height:calc(100vh - 78px);padding:40px 16px 64px;background:radial-gradient(ellipse 60% 50% at 50% 0%,#ffb08a12,transparent),#090d12}.board-wrap{width:min(860px,100%);margin:0 auto}.board-kicker{margin:0 0 8px;font:600 10px var(--mono);letter-spacing:.1em;color:var(--lime)}.board-wrap h1{margin:0;font-size:clamp(30px,5vw,44px);letter-spacing:-.05em;color:#f1f5ed}.board-sub{margin:8px 0 24px;max-width:560px;font-size:13px;line-height:1.7;color:#9db2a6}.board-note{color:#7f968b;font-size:13px;line-height:1.7}.board-note a{color:var(--lime)}.board-error{padding:12px 14px;background:#2a1d1b;border:1px solid #5c3a33;border-radius:6px;color:#ffb4a6;font:500 12px var(--mono)}.board-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.board-head,.board-row{display:grid;grid-template-columns:56px minmax(0,1fr) 70px 100px 60px 70px;gap:12px;align-items:center;padding:0 16px}.board-head{padding-top:4px;padding-bottom:4px;font:600 9px var(--mono);letter-spacing:.08em;color:#6f8a7d}.board-row{min-height:52px;background:#10171d;border:1px solid #28372f;border-left-width:3px;border-radius:6px;color:#d3e1d8;text-decoration:none;transition:background .15s,border-color .15s}.board-row:hover,.board-row:focus-visible{background:#17222a;border-color:#36563b}.board-row.rank-1{border-left-color:#f7d48d}.board-row.rank-2{border-left-color:#c5d7cb}.board-row.rank-3{border-left-color:#d9996a}.board-row.is-you{background:#1b2a22;border-color:#36563b}.board-rank{font:700 16px var(--mono);color:#86a094}.rank-1 .board-rank{color:#f7d48d}.rank-2 .board-rank{color:#dfe9e2}.rank-3 .board-rank{color:#d9996a}.board-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 13px var(--mono);letter-spacing:.04em;color:#f1f5ed}.board-name em{margin-left:8px;padding:2px 6px;border-radius:3px;font:700 9px var(--mono);font-style:normal;color:#111915;background:var(--lime)}.board-elo{font:700 16px var(--mono);color:var(--lime)}.board-rec,.board-rate,.board-solved{font:500 12px var(--mono);color:#9db2a6}@media(max-width:640px){.board-head{display:none}.board-row{grid-template-columns:36px minmax(0,1fr) 60px;padding:8px 12px}.board-rec,.board-rate,.board-solved{display:none}}.profile-page{min-height:calc(100vh - 78px);padding:40px 16px 64px;background:radial-gradient(ellipse 60% 50% at 50% 0%,#b7ff6510,transparent),#090d12}.profile-wrap{width:min(860px,100%);margin:0 auto}.profile-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;padding-bottom:20px;border-bottom:1px solid #27352e}.profile-kicker{margin:0 0 8px;font:600 10px var(--mono);letter-spacing:.1em;color:var(--lime)}.profile-head h1,.profile-empty h1{margin:0;font-size:clamp(30px,5vw,44px);letter-spacing:-.05em;color:#f1f5ed}.profile-since{margin:6px 0 0;font-size:12px;color:#7f968b}.profile-elo{display:flex;gap:18px;font:500 10px var(--mono);letter-spacing:.06em;color:#86a094}.profile-elo b{display:block;font:700 24px var(--mono);color:var(--lime);letter-spacing:0}.profile-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:20px 0}.profile-tiles div{padding:14px 12px;background:#10171d;border:1px solid #2b3a33;border-radius:8px}.profile-tiles b{display:block;font:700 24px var(--mono);color:#f1f5ed}.profile-tiles span{font:500 9px var(--mono);letter-spacing:.07em;color:#6f8a7d}.profile-tiles .t-easy b{color:var(--lime)}.profile-tiles .t-medium b{color:#f7d48d}.profile-tiles .t-hard b{color:#ff9c8a}.profile-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.profile-filters button{padding:6px 10px;border-radius:4px;background:#0f171d;border:1px solid #2d3d35;color:#98ada1;font:600 9px var(--mono);letter-spacing:.06em;cursor:pointer}.profile-filters button:hover{filter:brightness(1.2)}.profile-filters button.on{color:var(--lime);background:#1b2d1f;border-color:#36563b}.profile-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.profile-solve{background:#10171d;border:1px solid #28372f;border-radius:8px;overflow:hidden}.profile-solve.is-open{border-color:#36563b}.profile-solve-head{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;background:transparent;border:0;color:inherit;text-align:left;cursor:pointer}.profile-solve-head:disabled{cursor:default}.profile-solve-head:not(:disabled):hover{background:#141e24}.profile-solve-title{flex:1;min-width:0;font-size:14px;color:#e2ece6}.profile-solve-title small{display:block;margin-top:3px;font:500 10px var(--mono);color:#6f8a7d}.profile-ai{padding:3px 6px;border-radius:3px;font:700 9px var(--mono);color:#111915;background:var(--lime)}.profile-ratings{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font:500 9px var(--mono);letter-spacing:.05em;color:#86a094}.profile-stars{color:#f7d48d;font-size:11px;letter-spacing:1px}.profile-chevron{width:16px;text-align:center;font:600 15px var(--mono);color:#86a094}.profile-solve-body{padding:4px 14px 16px;border-top:1px solid #1f2c26}.profile-label{display:block;margin:14px 0 6px;font:600 9px var(--mono);letter-spacing:.08em;color:var(--lime)}.profile-problem p{margin:10px 0 0;font-size:13px;line-height:1.7;color:#a2b3ab}.profile-code{margin:0;padding:14px;overflow-x:auto;background:#0c131a;border:1px solid #28372f;border-radius:6px;font:500 12px/1.6 var(--mono);color:#d3e5da}.profile-none,.profile-note,.profile-loading{color:#7f968b;font-size:13px;line-height:1.7}.profile-none a,.profile-empty a.button{color:var(--lime)}.profile-note{margin-top:18px;font:500 11px var(--mono)}.profile-error{padding:12px 14px;background:#2a1d1b;border:1px solid #5c3a33;border-radius:6px;color:#ffb4a6;font:500 12px var(--mono)}.profile-empty{display:grid;gap:14px;justify-items:start;padding-top:40px}.profile-empty p{margin:0;color:#9db2a6}.profile-empty a.button{color:#111915}@media(max-width:640px){.profile-tiles{grid-template-columns:repeat(2,1fr)}.profile-solve-head{flex-wrap:wrap}}.profile-h2{margin:26px 0 12px;font:600 11px var(--mono);letter-spacing:.1em;color:var(--lime)}.profile-h2 small{margin-left:8px;color:#6f8a7d;font-weight:500}.match-summary{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.match-summary span{padding:10px 14px;background:#10171d;border:1px solid #2b3a33;border-radius:8px;font:500 9px var(--mono);letter-spacing:.07em;color:#6f8a7d}.match-summary b{display:block;margin-bottom:2px;font:700 18px var(--mono);letter-spacing:0;color:#f1f5ed}.match-summary .is-up b,.match-row.is-win .match-elo b{color:var(--lime)}.match-summary .is-down b,.match-row.is-loss .match-elo b{color:#ff9c8a}.match-list{list-style:none;margin:0;padding:0;display:grid;gap:5px}.match-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:#10171d;border:1px solid #28372f;border-left-width:3px;border-radius:6px}.match-row.is-win{border-left-color:var(--lime)}.match-row.is-loss{border-left-color:#ff9c8a}.match-row.is-draw{border-left-color:#f7d48d}.match-result{flex:0 0 46px;font:700 10px var(--mono);letter-spacing:.06em;color:#86a094}.is-win .match-result{color:var(--lime)}.is-loss .match-result{color:#ff9c8a}.is-draw .match-result{color:#f7d48d}.match-main{flex:1;min-width:0;font-size:14px;color:#e2ece6}.match-main small,.match-elo small{display:block;margin-top:3px;font:500 10px var(--mono);color:#6f8a7d}.match-opp-elo{font:500 11px var(--mono);color:#6f8a7d}.match-elo{text-align:right}.match-elo b{font:700 15px var(--mono);color:#c5d7cb}.picker{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;background:#10171d}.picker-close{width:26px;height:26px;display:grid;place-items:center;border-radius:4px;background:transparent;border:1px solid #3a4a41;color:#a9bdb0}.picker-close:hover{border-color:var(--lime);color:var(--lime)}.picker-filters{flex:0 0 auto;display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #27352e}.picker-filters button{padding:5px 9px;border-radius:4px;border:1px solid #2d3d35;background:#0f171d;color:#98ada1;font:600 9px var(--mono);letter-spacing:.05em}.picker-filters button.filter-active{color:var(--lime);border-color:#4b6a42;background:#1b2d1f}.picker-list{list-style:none;margin:0;padding:6px;overflow-y:auto;flex:1;min-height:0}.picker-list button{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:5px;border:1px solid transparent;background:transparent;color:#d3e1d8;text-align:left}.picker-list button:hover{background:#17222a}.picker-list .row-current{background:#1b2a22;border-color:#36563b}.row-num{flex:0 0 22px;font:500 10px var(--mono);color:#5f786c}.row-title{flex:1;min-width:0;font-size:13px;line-height:1.35}.row-title small{display:block;margin-top:2px;font:500 9px var(--mono);color:#6f8a7d}.row-check{flex:0 0 18px;width:18px;height:18px;border-radius:50%;border:1px solid #34453b;display:grid;place-items:center;color:#111915}.row-check.is-solved{background:var(--lime);border-color:var(--lime)}.generate-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:110;background:#050b0de6;display:grid;place-items:center;padding:16px}.generate-card{width:min(440px,100%);padding:24px;background:#10171d;border:1px solid #577747;border-radius:12px;box-shadow:0 18px 60px #0008;display:flex;flex-direction:column;gap:12px}.generate-card header{display:flex;align-items:center;justify-content:space-between;color:var(--lime);font:600 11px var(--mono);letter-spacing:.07em}.generate-card header button{border:0;background:none;color:#b5c4ba;font-size:16px;cursor:pointer}.generate-card h2{font-size:23px;color:#e7f2e9}.generate-card p{margin:0 0 8px;color:#aabcb0;font-size:13px;line-height:1.6}.generate-card label{font:600 10px var(--mono);color:#a3bcab}.generate-card select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;background:#0d141b;border:1px solid #3d5443;color:#e3f0df;border-radius:6px;padding:10px}.generate-card .generate-error{color:#ff9c8a}.generate-card .generate-submit{background:var(--lime);border:0;border-radius:6px;color:#111915;font:700 11px var(--mono);padding:12px;cursor:pointer}.generate-card .generate-submit:disabled{opacity:.5;cursor:wait}.ai-generate-trigger{border:1px solid #58794e;background:#1b2d1f;color:var(--lime);border-radius:4px;font:600 10px var(--mono);padding:6px 10px;cursor:pointer}.ai-generate-trigger:hover{background:#25422b}.problem-panel .panel-head{gap:8px}.problem-panel .panel-head>.difficulty-chip{margin-left:auto}.difficulty-chip{padding:4px 8px;border-radius:3px;font:600 9px var(--mono);color:var(--lime);background:#203322}.difficulty-chip.diff-medium{color:#f7d48d;background:#38301c}.difficulty-chip.diff-hard{color:#ff9c8a;background:#3b2420}.problem-title{font-size:28px;letter-spacing:-.05em;color:#f1f5ed}.problem-tags{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 18px}.problem-tags span{padding:4px 8px;border:1px solid #34453b;border-radius:3px;font:500 9px var(--mono);color:#93ab9e}.problem-text{color:#b3c1bb;font-size:13.5px;line-height:1.75;margin-bottom:12px}.problem-text code,.constraints code{font:500 12px var(--mono);background:#1b2830;color:#d4f0b0;padding:1px 5px;border-radius:3px}.problem-sub{margin:22px 0 10px;font:600 10px var(--mono);letter-spacing:.09em;color:var(--lime)}.example{background:#0c131a;border:1px solid #28372f;border-radius:6px;padding:12px 14px;margin-bottom:10px;display:grid;gap:6px}.example>div{display:flex;gap:10px;align-items:baseline}.example span{flex:0 0 52px;font:500 9px var(--mono);color:#6f8a7d}.example code{font:500 12px var(--mono);color:#d3e5da;overflow-wrap:anywhere}.example small{color:#7f968b;font-size:11px}.constraints{margin:0;padding-left:18px;color:#a2b3ab;font-size:12.5px;line-height:1.9}.problem-panel{position:relative}.picker-open{display:inline-flex;align-items:center;gap:8px;height:26px;padding:0 10px;border-radius:4px;border:1px solid #3a4a41;background:transparent;color:#c5d7cb;font:600 10px var(--mono);letter-spacing:.05em}.picker-open:hover{border-color:var(--lime);color:var(--lime)}.problem-tags .tag-solved{color:#111915;background:var(--lime);border-color:var(--lime);font-weight:600}.problem-community{margin:-6px 0 16px;font:500 10px var(--mono);letter-spacing:.04em;color:#86a094}.problem-community b{color:var(--lime);font-weight:600}.editor-panel{min-height:0}.editor-file{display:inline-flex;align-items:center;gap:8px;color:#c5d7cb}.editor-file svg{color:#8dbd9b}.file-dot{color:#c4ff85}.editor-actions{display:inline-flex;gap:8px}.run-btn,.ghost-btn{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 12px;border-radius:4px;font:700 10px var(--mono);letter-spacing:.04em;transition:background .2s,border-color .2s,opacity .2s}.run-btn{background:var(--lime);color:#111915;border:1px solid var(--lime)}.run-btn:hover:not(:disabled){background:#d5ff9e}.ghost-btn{background:transparent;color:#a9bdb0;border:1px solid #3a4a41}.ghost-btn:hover:not(:disabled){border-color:var(--lime);color:var(--lime)}.run-btn:disabled,.ghost-btn:disabled{opacity:.55;cursor:not-allowed}.editor-host{flex:1;min-height:0;background:#0c131a}.editor-loading{color:#6f8a7d;font:500 10px var(--mono);letter-spacing:.08em}@media(max-width:1100px){.editor-host{flex:none;height:420px}}.monaco-hover{max-width:min(460px,92vw)!important}.monaco-hover .markdown-hover p{white-space:normal;overflow-wrap:anywhere}.trace-current-line{background:#c2ff7429}.trace-current-gutter{background:#c2ff74;width:3px!important;margin-left:3px}.fn-lib{display:grid;gap:12px}.fn-tools{display:grid;gap:8px;position:sticky;top:-18px;z-index:1;padding:18px 0 8px;margin-top:-18px;background:#10171d}.fn-tools input{width:100%;height:34px;padding:0 12px;background:#0c131a;border:1px solid #2d3d35;border-radius:5px;color:#d3e5da;font:500 12px var(--mono)}.fn-tools input:focus{outline:none;border-color:var(--lime)}.fn-kinds{display:flex;flex-wrap:wrap;gap:6px}.fn-kinds button{cursor:pointer;padding:5px 9px;border-radius:4px;font:600 9px var(--mono);letter-spacing:.05em;color:#98ada1;background:#0f171d;border:1px solid #2d3d35}.fn-kinds button:hover{filter:brightness(1.2)}.fn-kinds button.on{color:var(--lime);background:#1b2d1f;border-color:#36563b}.fn-list{list-style:none;margin:0;padding:0;display:grid;gap:4px}.fn-list li{color:#c5d7cb;background:#0c131a;border:1px solid #28372f;border-radius:6px}.fn-list li.fn-open{border-color:#36563b}.fn-row{background:transparent;border:0;color:inherit;cursor:pointer;width:100%;display:grid;grid-template-columns:64px minmax(0,1.2fr) minmax(0,2fr);gap:12px;align-items:baseline;padding:8px 12px;text-align:left}.fn-row:hover{background:#121c22}.fn-tag{font:600 9px var(--mono);letter-spacing:.05em;color:#6f8a7d}.fn-row code{font:600 12px var(--mono);color:var(--lime);overflow-wrap:anywhere}.fn-sum{font-size:12px;color:#9db2a6;line-height:1.5}.fn-detail{display:grid;gap:6px;padding:4px 12px 12px 88px;font-size:12px;line-height:1.6;color:#c5d7cb}.fn-detail span{display:inline-block;width:74px;font:500 9px var(--mono);letter-spacing:.05em;color:#6f8a7d}.fn-detail code{font:500 12px var(--mono);color:#f7d48d;overflow-wrap:anywhere}.fn-empty{padding:14px;color:#7f968b;font-size:12px;background:none!important;border:none!important}@media(max-width:700px){.fn-row{grid-template-columns:1fr;gap:2px}.fn-detail{padding-left:12px}}.results-tabs{display:inline-flex;gap:4px}.results-tabs button{background:transparent;cursor:pointer;padding:6px 10px;border-radius:4px;font:600 10px var(--mono);letter-spacing:.05em;color:#86a094;border:1px solid transparent}.results-tabs button:hover{color:#c5d7cb}.results-tabs button.on{color:var(--lime);background:#1b2d1f;border-color:#36563b}.results-meta{color:#a7ed8f}.solo-rating-change{color:#a7b7aa;font:600 9px var(--mono);white-space:nowrap}.solo-rating-change.positive{color:var(--lime)}.solo-rating-change.negative{color:#ff9c8a}.case-chips{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:6px}.case-chips button{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:4px;font:600 10px var(--mono);letter-spacing:.04em;border:1px solid;transition:background .15s,border-color .15s}.case-chips .case-idle{color:#98ada1;background:#0f171d;border-color:#2d3d35}.case-chips .case-pass{color:var(--lime);background:#1b2d1f;border-color:#36563b}.case-chips .case-fail{color:#ff9c8a;background:#2f1f1d;border-color:#5c3a33}.case-chips .case-selected{box-shadow:0 0 0 1px currentColor}.case-chips button:hover{filter:brightness(1.2)}.case-detail{display:grid;gap:8px;padding:12px 14px;background:#0c131a;border:1px solid #28372f;border-radius:6px}.case-detail>div{display:flex;gap:12px;align-items:baseline}.case-detail span{flex:0 0 84px;font:500 9px var(--mono);letter-spacing:.05em;color:#6f8a7d}.case-detail code{font:500 12px var(--mono);color:#d3e5da;overflow-wrap:anywhere}.case-detail .detail-pass code{color:var(--lime)}.case-detail .detail-fail code{color:#ff9c8a}.results-error{margin:0 0 12px;padding:10px 12px;background:#2a1d1b;border:1px solid #5c3a33;border-radius:5px;color:#ffb4a6;font:500 11px/1.6 var(--mono);white-space:pre-wrap}.results-hint{margin-top:12px;color:#7f968b;font-size:12px;line-height:1.7}.results-hint strong{color:var(--lime);font:600 11px var(--mono)}@media(max-width:1100px){.results-panel{min-height:160px}}.results-panel .panel-body{color-scheme:dark}.results-panel .panel-body[hidden]{display:none}.results-tabs{flex-wrap:wrap;row-gap:2px}.tool-panel{display:grid;gap:10px}.tool-label{display:block;margin-bottom:6px;font:600 9px var(--mono);letter-spacing:.08em;color:#86a094}.tool-label small{margin-left:6px;color:#6f8a7d;font-weight:500;letter-spacing:.02em}.tool-input{width:100%;resize:vertical;padding:10px 12px;background:#0c131a;border:1px solid #2d3d35;border-radius:6px;color:#d3e5da;font:500 12px/1.6 var(--mono)}.tool-input:focus{outline:none;border-color:var(--lime)}.tool-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.tool-panel .tool-actions{margin-top:0}.tool-hint{font:500 10px var(--mono);color:#6f8a7d}.tool-hint.is-bad,.is-bad{color:#ffb4a6}.tool-out{margin:0;padding:8px 10px;max-height:120px;overflow:auto;background:#0a1016;border:1px solid #28372f;border-radius:5px;color:#f7d48d;font:500 12px/1.5 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere}.tool-result{margin-top:2px}.tool-result .results-error{margin:0}.trace{display:grid;gap:12px}.trace-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.trace-controls input[type=range]{flex:1;min-width:90px;accent-color:#c2ff74}.trace-count{font:600 10px var(--mono);letter-spacing:.05em;color:var(--lime)}.trace-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:12px}.trace-line,.trace-vars,.trace-out{padding:10px 12px;background:#0c131a;border:1px solid #28372f;border-radius:6px}.trace-line code{display:block;font:600 13px/1.6 var(--mono);color:#d4f0b0;white-space:pre-wrap;overflow-wrap:anywhere}.trace-line em{display:block;margin-top:6px;font:500 12px var(--mono);font-style:normal;color:#9db2a6}.trace-line em b,.trace-end b{color:var(--lime)}.trace-vars{display:grid;gap:4px;align-content:start;max-height:190px;overflow:auto}.trace-vars small{color:#6f8a7d;font-size:11px}.trace-vars div{font:500 12px var(--mono);color:#9db2a6;overflow-wrap:anywhere}.trace-vars b{color:#e2ece6;font-weight:600}.trace-vars code{font:inherit;color:inherit}.trace-vars .is-changed,.trace-vars .is-changed b{color:var(--lime)}.trace-end{margin:0;font:500 12px var(--mono);color:#9db2a6}.review{display:grid;gap:14px}.review p{margin:0;font-size:13px;line-height:1.65;color:#c5d7cb}.review-big{display:grid;grid-template-columns:1fr 1fr;gap:10px}.review-big>div{padding:10px 12px;background:#0c131a;border:1px solid #28372f;border-radius:6px}.review-big code{font:600 12px/1.5 var(--mono);color:var(--lime);overflow-wrap:anywhere}@media(max-width:700px){.trace-body,.review-big{grid-template-columns:1fr}}.tutor-title{display:inline-flex;align-items:center;gap:8px;color:var(--lime)}.tutor-status{display:inline-flex;align-items:center;gap:8px;color:#6f8a7d}.tutor-status .live-light{width:6px;height:6px}.tutor-log{flex:1;min-height:0;overflow-y:auto;padding:16px 14px;display:flex;flex-direction:column;gap:10px}.bubble{max-width:92%;padding:10px 13px;border-radius:8px;font-size:12.5px;line-height:1.65;overflow-wrap:anywhere}.bubble-tutor{align-self:flex-start;background:#1a2a22;border:1px solid #34503b;color:#d4e8d6;border-top-left-radius:2px}.bubble-user{align-self:flex-end;background:#25303a;border:1px solid #3b4b58;color:#e2ecf2;border-top-right-radius:2px}.bubble-thinking{display:inline-flex;gap:4px;padding:14px}.bubble-thinking i{width:6px;height:6px;border-radius:50%;background:var(--lime);opacity:.4;animation:blink 1.1s ease-in-out infinite}.bubble-thinking i:nth-child(2){animation-delay:.15s}.bubble-thinking i:nth-child(3){animation-delay:.3s}.tutor-input{flex:0 0 auto;padding:12px;border-top:1px solid #2b3a33;display:grid;gap:10px;background:#12191f}.hint-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:34px;border-radius:5px;background:#1a2525;border:1px solid #405554;color:#d7f5ec;font:700 10px var(--mono);letter-spacing:.04em;transition:background .2s,border-color .2s}.hint-btn:hover:not(:disabled){background:#223332;border-color:var(--lime)}.tutor-input form{display:flex;gap:8px}.tutor-input input{flex:1;min-width:0;height:36px;padding:0 12px;border-radius:5px;background:#0c131a;border:1px solid #2f4037;color:#e4eee8;font-size:12.5px}.tutor-input input::placeholder{color:#5f786c}.tutor-input input:focus{outline:none;border-color:var(--lime)}.tutor-input form button{width:36px;height:36px;border-radius:5px;background:var(--lime);color:#111915;border:0;display:grid;place-items:center}.hint-btn:disabled,.tutor-input form button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1100px){.tutor-panel{min-height:360px}.tutor-log{max-height:320px}}.rate-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:16px;background:#05080bb8}.rate-card{width:min(440px,100%);padding:26px;background:#10171d;border:1px solid #36563b;border-radius:10px;box-shadow:0 24px 60px #00000080}.rate-kicker{margin:0 0 8px;font:600 10px var(--mono);letter-spacing:.08em;color:var(--lime)}.rate-card h2{margin:0 0 6px;font-size:22px;letter-spacing:-.04em;color:#f1f5ed}.rate-sub{margin:0 0 18px;color:#9db2a6;font-size:13px;line-height:1.6}.rate-scale{margin:0 0 16px;padding:0;border:0}.rate-scale legend{padding:0;margin-bottom:8px;font:600 10px var(--mono);letter-spacing:.08em;color:#86a094}.rate-buttons{display:flex;gap:6px}.rate-buttons button{flex:1;height:38px;border-radius:5px;background:#0f171d;border:1px solid #2d3d35;color:#6f8a7d;font:600 15px var(--mono);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.rate-buttons button:hover{border-color:var(--lime);color:#c5d7cb}.rate-buttons button.on{background:#1b2d1f;border-color:#36563b;color:var(--lime)}.rate-caption{display:block;margin-top:6px;min-height:16px;font-size:12px;color:#7f968b}.rate-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.solo-toast{position:fixed;left:50%;bottom:20px;z-index:40;transform:translate(-50%);max-width:min(560px,calc(100vw - 32px));padding:10px 16px;border-radius:6px;background:#1b2d1f;border:1px solid #36563b;color:#d3e5da;font:500 12px/1.6 var(--mono)}.solo-toast a{color:var(--lime);text-decoration:underline}.solo-toast.is-error{background:#2a1d1b;border-color:#5c3a33;color:#ffb4a6}.solo-page{display:grid;grid-template-columns:minmax(270px,.85fr) minmax(0,1.9fr) minmax(270px,.85fr);gap:12px;padding:12px;height:calc(100vh - 78px);min-height:640px;background:radial-gradient(ellipse 60% 70% at 50% 0%,#b7ff6510,transparent),#090d12}.solo-center{display:grid;grid-template-rows:minmax(0,1fr) 12px var(--results-h, 200px);min-width:0;min-height:0}.solo-divider{cursor:row-resize;display:grid;place-items:center;touch-action:none;border-radius:4px}.solo-divider span{width:44px;height:4px;border-radius:2px;background:#2f4037;transition:background .2s}.solo-divider:hover span,.solo-divider:focus-visible span{background:var(--lime)}.solo-panel{display:flex;flex-direction:column;min-width:0;min-height:0;background:#10171d;border:1px solid #2f3f37;border-radius:8px;overflow:hidden}.panel-head{flex:0 0 auto;height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#151e25;border-bottom:1px solid #2b3a33;font:500 10px var(--mono);letter-spacing:.06em;color:#86a094}.panel-body{flex:1;min-height:0;overflow:auto;padding:18px 18px 22px}@media(max-width:1100px){.solo-page{grid-template-columns:1fr;height:auto;min-height:0}.solo-center{grid-template-rows:auto auto;gap:12px}.solo-divider{display:none}}@media(max-width:560px){.solo-page{padding:8px;gap:8px}}.brand{display:inline-flex;align-items:center;gap:15px;flex-shrink:0}.brand-emblem{font:700 26px/.86 var(--display);letter-spacing:-.02em;color:#f3f5ee;white-space:nowrap}.brand-emblem>span:not(.brand-period){color:var(--lime)}.brand-period{color:var(--lime);padding-left:1px}.brand-sub{border-left:1px solid #48524c;padding-left:14px;font:500 9px/1.45 var(--mono);letter-spacing:.055em;color:#b4c2bc}@media(max-width:620px){.brand-emblem{font-size:23px}.brand-sub{display:none}}.site-header{height:78px;border-bottom:1px solid #293036;background:#090d12f0;position:sticky;top:0;z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:28px}.primary-nav{display:flex;gap:32px;align-items:center;margin-left:auto}.primary-nav a{font:600 10px var(--mono);letter-spacing:.05em;color:#9ca8aa;transition:color .2s}.primary-nav a:hover{color:var(--lime)}.header-actions{display:flex;gap:26px;align-items:center;margin-left:auto}.header-system{display:flex;align-items:center;gap:10px;color:#829b8e;font:500 10px var(--mono);white-space:nowrap}.header-account{position:relative}.header-user{display:flex;align-items:center;gap:5px;border:1px solid #4b5b48;background:transparent;color:var(--lime);padding:10px 12px;font:700 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;cursor:pointer}.header-username-label{max-width:88px;overflow:hidden;text-overflow:ellipsis}.header-user:hover,.header-user[aria-expanded=true]{background:#18221a}.header-account-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:142px;padding:5px;border:1px solid #35443b;background:#101815;box-shadow:0 12px 28px #0008;z-index:60}.header-account-menu button,.header-account-menu a{display:block;width:100%;border:0;background:transparent;color:#d8e5db;padding:11px 10px;text-align:left;font:600 10px var(--mono);letter-spacing:.08em;cursor:pointer}.header-account-menu button:hover,.header-account-menu button:focus-visible,.header-account-menu a:hover,.header-account-menu a:focus-visible{outline:none;background:#1b2820;color:var(--lime)}.header-cta{min-height:39px;padding:11px 14px;border-color:#4b5b48}.header-auth-button{min-height:39px;padding:11px 14px;border-color:#4b5b48;white-space:nowrap}.mobile-nav-trigger{border:1px solid #35443b;background:#151d1b;padding:8px;border-radius:4px;display:none;color:var(--lime)}@media(max-width:1260px){.primary-nav{gap:19px}.header-actions{gap:13px}.header-system{display:none}}@media(max-width:820px){.site-header{height:69px}.mobile-nav-trigger{display:grid;place-items:center;order:3}.header-inner{gap:15px}.primary-nav{position:absolute;top:69px;left:0;right:0;padding:18px 24px 25px;display:none;background:#101a17;border-bottom:1px solid #405742;box-shadow:0 15px 30px #0008}.primary-nav.nav-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.primary-nav a{padding:14px 5px;font-size:12px}.header-actions{margin-left:auto}}@media(max-width:620px){.header-inner{gap:11px}.header-actions .header-cta{display:none}.header-actions{gap:8px}.header-username-label{max-width:70px}}.site-footer{background:#090d12;border-top:1px solid #2c382f}.footer-inner{min-height:117px;display:flex;align-items:center;gap:40px}.site-footer .brand-emblem{font-size:27px}.site-footer .brand-sub{font-size:8px}.footer-caption{font:500 9px/1.7 var(--mono);color:#6d8178}.footer-return{margin-left:auto;display:flex;align-items:center;gap:8px;font:500 10px var(--mono);color:#a4b9aa}.footer-return:hover{color:var(--lime)}.footer-year{font:500 10px var(--mono);color:#5e6d64;white-space:nowrap}@media(max-width:820px){.footer-inner{flex-wrap:wrap;justify-content:space-between;gap:20px;padding-block:22px}.footer-return{margin-left:0}}@media(max-width:620px){.footer-caption{display:none}.footer-year{width:100%}}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eaf1f4;background-color:#090d12;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;--bg: #090d12;--panel: #111820;--panel-soft: #141c24;--border: #26313b;--text: #eff5f4;--muted: #8d9a9f;--lime: #c2ff74;--orange: #ffae80;--cyan: #65d5d5;--purple: #bdb5ff;--mono: "DM Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--display: "Space Grotesk", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--lime);outline-offset:4px}::selection{background:var(--lime);color:#101517}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}.mono{font-family:var(--mono)}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.live-light{background:var(--lime);width:7px;height:7px;border-radius:100%;display:inline-block;box-shadow:0 0 0 4px #c2ff7417,0 0 14px #c2ff7473;flex:0 0 auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:12px 17px;min-height:44px;border-radius:5px;border:1px solid transparent;font:700 11px/1.2 var(--mono);letter-spacing:.018em;transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease;white-space:nowrap}.button svg{flex:0 0 auto}.button:hover{transform:translateY(-2px)}.button-primary{color:#111915;background:var(--lime);box-shadow:0 7px 20px #c2ff7413}.button-primary:hover{background:#d5ff9e;box-shadow:0 8px 28px #c2ff742e}.button-outline{background:#ffffff05;border-color:#516257;color:#e7f1e7}.button-outline:hover{border-color:var(--lime);background:#142218}.button-secondary{background:#1a2525;border-color:#405554;color:#d7f5ec}.button-secondary:hover{background:#223332}.button-large{min-height:53px;padding:16px 22px}@media(max-width:900px){.wrap{width:min(100% - 48px,1320px)}}@media(max-width:560px){.wrap{width:calc(100% - 36px)}}html{color-scheme:dark}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track,*::-webkit-scrollbar-corner{background:transparent}*::-webkit-scrollbar-thumb{background:#79797966;background-clip:padding-box;border:0}*::-webkit-scrollbar-thumb:hover{background:#646464b3}*::-webkit-scrollbar-thumb:active{background:#bfbfbf66}*::-webkit-scrollbar-button{display:none;width:0;height:0}@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:rgba(121,121,121,.5) transparent}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes blink{0%,45%{opacity:1}46%,60%{opacity:.4}61%,to{opacity:1}}@keyframes scan{0%{transform:translateY(-120px);opacity:0}15%{opacity:.7}90%{opacity:.7}to{transform:translateY(360px);opacity:0}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes up{0%{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}.live-light{animation:blink 2.6s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}