:root{font-family:Inter,Noto Sans Thai,Thonburi,Tahoma,system-ui,sans-serif;color:#e9eee7;background:#111513;font-synthesis:none;font-weight:400;--lime:#b7f279;--muted:#8d9991;--border:#2b332e;--panel:#191e1b}*{box-sizing:border-box}body{margin:0}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible{outline:2px solid var(--lime);outline-offset:3px}a{color:inherit;text-decoration:none}button{border:0}p{line-height:1.75}h1,h2,h3,p{margin:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.6;margin:0}.topbar{height:79px;display:flex;align-items:center;padding:0 30px;border-bottom:1px solid var(--border);gap:30px;background:#141916}.brand{display:flex;align-items:center;gap:11px;min-width:220px}.brand-icon{width:39px;height:39px;border:1px solid #42553d;display:grid;place-items:center;color:var(--lime);border-radius:10px;background:#202c20}.brand strong{font-size:17px;letter-spacing:2px}.brand strong span{font-size:8px;font-weight:500;letter-spacing:3px;display:block;color:var(--muted);margin-top:3px}.course-label{font-size:12px;color:#aab4ad}.course-label span{padding:0 12px;color:#59675f}.top-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.local-status{display:flex;gap:7px;align-items:center;font-size:11px;color:#a3b69f}.local-status i,.editor-status i{width:5px;height:5px;background:var(--lime);border-radius:50%;display:inline-block}.icon-button{background:transparent;color:#9eaaa2;padding:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}.icon-button:hover{background:#2b332e;color:#fff}.export-button{display:flex;align-items:center;gap:7px;border:1px solid #3b463e;background:#1b221d;font-size:11px;padding:9px 13px;border-radius:5px}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 79px)}.sidebar{border-right:1px solid var(--border);display:flex;flex-direction:column;background:#141916;padding:29px 17px 22px}.side-top{padding:0 12px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#89988c}.side-top h2{font-size:19px;margin-top:10px;font-weight:600;display:flex;justify-content:space-between;align-items:center}.side-top h2 span{font:11px monospace;padding:5px 6px;border:1px solid #344038;color:#abb5ae;border-radius:4px}.side-top p{font-size:10px;color:var(--muted);margin-top:6px}.progress-block{margin:22px 12px 29px}.progress-block>div:first-child{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#96a298}.progress-block b{font-size:14px;color:var(--lime)}small{font-size:10px;font-weight:400;color:#839088}.progress-track{height:4px;background:#303a32;overflow:hidden;border-radius:5px;margin-top:10px}.progress-track>span{height:100%;background:var(--lime);display:block;transition:width .3s}.problem-group{margin-bottom:26px}.group-heading{display:flex;justify-content:space-between;align-items:center;padding:0 12px;margin-bottom:12px}.group-heading>span:first-child{font-size:8px;letter-spacing:1px;color:#7e8b82}.stars{color:var(--lime);display:inline-flex;align-items:center;gap:2px}.problem-button{background:transparent;display:flex;align-items:center;gap:10px;text-align:left;font-size:11px;width:100%;min-height:43px;padding:9px 11px;margin:3px 0;border:1px solid transparent;border-radius:6px;color:#b4beb6}.problem-button:hover{background:#202721}.problem-button.selected{background:#283724;border-color:#46583d;color:#d5f6b4}.problem-button>svg:last-child{margin-left:auto;color:var(--lime)}.problem-number{font:10px monospace;display:grid;place-items:center;color:#7e8b82;width:22px;flex-shrink:0}.selected .problem-number,.solved .problem-number{color:var(--lime)}.secret-group .stars{color:#c5abe4}.secret-group .group-heading>span:first-child{color:#b299c7}.side-bottom{margin-top:auto;padding:20px 11px 0;border-top:1px solid var(--border)}.side-bottom>div{display:flex;align-items:center;gap:7px;font-size:10px;color:#99a69c}.side-bottom svg{color:var(--lime)}.side-bottom b{margin-left:auto;font-size:15px;font-family:monospace;color:#e4eddf}.side-bottom b small{display:block;text-align:right;font-size:8px;margin-top:3px}.side-bottom p{font-size:9px;color:#748179;margin-top:9px}.main-workspace{padding:29px 30px 14px;min-width:0}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.page-heading h1{font-size:25px;letter-spacing:-.6px;font-weight:600;margin-top:7px}.page-heading h1>span{color:var(--lime)}.page-heading p{font-size:11px;color:var(--muted);margin-top:4px}.session-badge{display:flex;align-items:center;gap:11px;border:1px solid var(--border);padding:10px 15px;border-radius:6px;color:#99a894}.session-badge b{font-size:10px;color:#c5d1c1;display:block;font-family:monospace}.session-badge span{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.practice-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(360px,1.15fr);gap:17px;height:calc(100vh - 251px);min-height:640px;max-height:1000px}.statement-panel,.code-panel{border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--panel);min-width:0;min-height:0}.statement-panel{display:flex;flex-direction:column}.panel-tabs{display:flex;gap:24px;align-items:center;height:48px;padding:0 22px;border-bottom:1px solid var(--border);flex-shrink:0}.panel-tabs button{height:100%;background:none;padding:0;color:#8a978d;font-size:11px;border-bottom:2px solid transparent}.panel-tabs button.active{color:#dcf2ca;border-bottom-color:var(--lime)}.panel-tabs button>span{font-size:8px;padding:2px 5px;border-radius:3px;background:#303a32;margin-left:4px;color:#a9b6ab}.statement-scroll{overflow:auto;padding:25px 24px 30px;scrollbar-width:thin;scrollbar-color:#3b493f transparent}.problem-meta{display:flex;align-items:center;gap:11px;font-size:10px;color:#8d9a90}.difficulty{display:flex;align-items:center;gap:7px;padding:4px 7px;border:1px solid #425135;background:#25301e;border-radius:4px;color:#c6eaa0;font-size:9px}.difficulty .stars svg{width:9px;height:9px}.difficulty.secret{background:#30233d;border-color:#534061;color:#d8bdf4}.difficulty.secret .stars{color:#d8bdf4}.accepted-tag{display:inline-flex;align-items:center;gap:3px;margin-left:auto;color:var(--lime)}.statement-scroll>h2{font-size:23px;font-weight:600;letter-spacing:-.4px;margin-top:16px;line-height:1.5}.limit-row{display:flex;gap:17px;color:#7c8a80;font:9px monospace;margin-top:10px}.limit-row span:first-child{display:flex;align-items:center;gap:5px}.story{font-size:12px;color:#b6c0b9;margin-top:23px;line-height:1.9}.statement-section{margin-top:25px}.statement-section h3{font-size:12px;font-weight:600;display:flex;align-items:center;gap:10px}.statement-section h3>span{color:#617365;font:9px monospace;letter-spacing:1px}.statement-section p{font-size:11px;line-height:1.9;color:#a5b2a9;margin-top:8px}.statement-section .constraints{font:11px/1.9 SFMono-Regular,Consolas,Thonburi,monospace;color:#b0beac}.sample{border:1px solid #354036;border-radius:5px;overflow:hidden;margin-top:12px;background:#151b17}.sample-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid #303a32}.sample-header>span{font:8px monospace;letter-spacing:1px;color:#93a194}.sample-header button{background:none;display:flex;gap:3px;align-items:center;font-size:9px;color:#9fc77e}.sample-grid{display:grid;grid-template-columns:1fr 1fr}.sample-grid>div{padding:10px 12px}.sample-grid>div+div{border-left:1px solid #303a32}.sample-grid span{font:8px monospace;letter-spacing:1px;color:#647668}.sample-grid pre{font-size:11px;margin-top:6px;color:#d9e7ce}.tip-button{margin-top:23px;display:flex;align-items:center;gap:7px;font-size:10px;color:#a5b494;background:none;padding:0}.tip-button>svg:last-child{margin-left:6px}.tip{background:#283022;padding:12px;font-size:11px;color:#c0d6a5;border-radius:5px;margin-top:12px}.topic-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:21px}.topic-tags span{border:1px solid #334035;border-radius:4px;padding:4px 7px;font-size:8px;color:#8b9c8d}.code-panel{display:flex;flex-direction:column;background:#151a18}.editor-heading{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;background:#1e2420;border-bottom:1px solid var(--border);flex-shrink:0}.editor-heading>div:first-child{display:flex;align-items:center;gap:8px}.editor-heading svg{color:#9eb692}.editor-heading b{font:11px monospace;color:#c8d1c6}.editor-heading span{font:8px monospace;padding:3px 5px;color:#83917f;border:1px solid #354031;border-radius:3px;margin-left:6px}.editor-actions{display:flex;gap:7px}.editor-area{flex:1;min-height:230px;overflow:hidden;background:#161b19}.editor-area>.cm-theme{height:100%}.cm-editor{height:100%;font-size:12px;background:#161b19!important}.cm-scroller{font-family:SFMono-Regular,Consolas,monospace!important;line-height:1.8!important;overflow:auto}.cm-gutters{background:#161b19!important;border:0!important;color:#495950!important}.cm-lineNumbers .cm-gutterElement{min-width:36px;padding-right:13px!important}.cm-content{padding-top:17px!important}.cm-line{padding-left:10px!important}.cm-activeLine,.cm-activeLineGutter{background:#202924!important}.cm-focused{outline:none!important}.editor-status{display:flex;align-items:center;justify-content:space-between;height:27px;flex-shrink:0;padding:0 14px;background:#1a211c;color:#738579;font:8px monospace;border-top:1px solid #26342a}.editor-status>span:first-child{display:flex;align-items:center;gap:5px}.editor-status b{font-weight:400;padding:0 5px}.console-area{height:247px;flex-shrink:0;display:flex;flex-direction:column;border-top:1px solid var(--border);background:#161c18}.console-heading{display:flex;align-items:center;justify-content:space-between;height:41px;padding:0 14px;border-bottom:1px solid var(--border);flex-shrink:0}.console-tabs{display:flex;gap:19px;height:100%}.console-tabs button{display:flex;align-items:center;gap:5px;font-size:10px;background:none;color:#7f9184;padding:0;border-bottom:2px solid transparent}.console-tabs button.active{color:#d4dfcb;border-bottom-color:#9cb588}.console-tabs i{width:4px;height:4px;border-radius:50%}.console-tabs i.good{background:var(--lime)}.console-tabs i.other{background:#d9ad70}.console-label{font:7px monospace;color:#536958;letter-spacing:1px}.console-content{padding:13px 16px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3b493f transparent}.console-content>label{font-size:9px;color:#809085;display:block;margin-bottom:8px}.console-content textarea{display:block;resize:vertical;width:100%;min-height:85px;max-height:140px;border:1px solid #354336;border-radius:4px;background:#111712;color:#c9dbbc;padding:10px 12px;font:12px/1.7 monospace;outline:none}.console-content textarea:focus{border-color:#86a567}.console-hint{font-size:8px;color:#667f6c;margin-top:8px}.console-empty{height:100%;display:grid;place-content:center;justify-items:center;color:#4c6656;gap:8px}.console-empty p{font-size:10px;color:#7a8f80}.run-bar{height:65px;border-top:1px solid var(--border);padding:0 16px;display:flex;align-items:center;justify-content:space-between;background:#1b221d;flex-shrink:0;gap:10px}.run-bar>span{display:flex;align-items:center;gap:5px;font-size:8px;color:#718b77}.run-bar>div{display:flex;gap:9px}.run-button,.judge-button,.stop-button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;padding:10px 13px;border-radius:5px;white-space:nowrap}.run-button{border:1px solid #475343;background:#222c23;color:#c3d5b5}.judge-button{background:var(--lime);color:#1d3211;font-weight:600}.judge-button:hover{background:#c8ff91}.stop-button{border:1px solid #804d40;background:#3f2923;color:#f6bba4}.running-result{display:flex;align-items:flex-start;gap:13px;padding:14px 1px}.running-result b{font-size:12px;color:#cadcbe}.running-result p{font-size:10px;color:#819b87;margin-top:6px}.running-result>div{flex:1}.spinner{border:2px solid #3a4e3e;border-top-color:var(--lime);width:18px;height:18px;border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0;margin-top:2px}@keyframes spin{to{transform:rotate(360deg)}}.result-card{border:1px solid #554738;padding:11px 12px;background:#30281e;border-radius:5px}.result-card>div{display:flex;align-items:center;gap:9px}.result-card b{font-size:12px}.verdict-code{font:9px monospace;font-weight:600;background:#4b3c29;color:#ffd18b;border-radius:3px;padding:3px 5px}.result-card p{font-size:10px;color:#cfb99a;margin-top:6px}.result-card small{display:block;font:9px monospace;color:#9a886e;margin-top:8px}.result-card.AC,.result-card.RUN{background:#23331f;border-color:#405a32}.AC .verdict-code,.RUN .verdict-code{background:#375028;color:#d2ffae}.result-card.AC p,.result-card.RUN p{color:#b5ce9e}.result-card.AC small,.result-card.RUN small{color:#7c9f68}.result-card.CE,.result-card.RE,.result-card.IE{background:#32231f;border-color:#604237}.result-detail .output-pre{margin-top:10px;padding:10px;border:1px solid #324238;border-radius:4px;background:#101710;font-size:10px;color:#a7b7a4;max-height:160px;overflow:auto}.output-block label{display:block;font:8px monospace;letter-spacing:1px;color:#748777;margin-top:13px}.workspace-footer{display:flex;justify-content:space-between;font-size:8px;color:#596e60;padding-top:14px;gap:15px}.history-list{padding:24px;overflow:auto}.history-list h3{font-size:13px;margin-bottom:20px}.history-row{display:flex;align-items:center;width:100%;gap:12px;text-align:left;background:#202921;border:1px solid #334737;padding:13px 10px;border-radius:6px;margin-bottom:9px}.history-row>div{flex:1}.history-row b{display:block;font-size:10px;font-weight:500}.history-row small{display:block;margin-top:4px;font-size:9px}.history-row svg{color:#789b7e}.verdict-mini{font:10px monospace;padding:5px 7px;background:#473726;color:#e8bc82;border-radius:4px}.verdict-mini.AC{background:#314625;color:#c5ed9f}.empty{color:#7a9280;display:grid;justify-items:center;padding:50px 0;gap:14px}.empty p{font-size:11px}.locked-state{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}.lock-orb{border:1px solid #554460;background:#2b2331;border-radius:50%;width:85px;height:85px;display:grid;place-items:center;color:#b395ca;margin-bottom:25px}.locked-state .stars{color:#bba0d1}.locked-state h2{font-size:20px;margin-top:16px}.locked-state p{font-size:11px;color:#9d8fac;margin-top:13px}.locked-progress{padding:10px 18px;border:1px solid #4b3d52;border-radius:6px;margin-top:25px;color:#c4abd7;font-size:12px}.notice{padding:10px 14px;margin:0 0 16px;font-size:12px;border:1px solid #69442a;border-radius:6px;color:#e7bb8f;background:#382818}.modal-backdrop{position:fixed;inset:0;background:#020603bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:10}.guide-modal{position:relative;width:510px;max-height:90vh;overflow:auto;background:#1b241d;border:1px solid #3d533d;border-radius:12px;padding:34px}.modal-close{position:absolute;right:15px;top:14px}.guide-modal h2{font-size:25px;margin-top:8px}.guide-modal>p{font-size:12px;color:#a8bba9;margin-top:12px}.guide-modal ol{padding-left:22px;margin:23px 0;font-size:12px;color:var(--lime)}.guide-modal li{padding-left:4px;margin-bottom:17px}.guide-modal li b{display:block;color:#e3eddc;font-size:12px;font-weight:500}.guide-modal li span{display:block;font-size:10px;color:#91a58e;margin-top:5px;line-height:1.7}.guide-note{display:flex;align-items:flex-start;gap:10px;background:#293a25;border:1px solid #3d5634;padding:14px;border-radius:7px}.guide-note svg{flex-shrink:0;color:var(--lime);margin-top:3px}.guide-note p{font-size:10px;color:#b5caa7}.guide-modal .muted{font-size:10px;color:#8fa08b}.guide-links{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:20px 0;font-size:10px;color:#94af87}.guide-links button{background:none;color:#bca2d0;padding:0;font-size:10px}.full{width:100%;justify-content:space-between}@media(min-width:1600px){.main-workspace{padding:35px 40px 16px}.practice-grid{grid-template-columns:minmax(400px,.85fr) minmax(500px,1.15fr)}.story{font-size:14px}.statement-section p{font-size:13px}.statement-scroll>h2{font-size:27px}.cm-editor{font-size:14px}.sidebar{padding-top:35px}.problem-button{font-size:12px}.page-heading h1{font-size:30px}}@media(max-width:1200px){.workspace{grid-template-columns:220px minmax(0,1fr)}.topbar{padding:0 20px;gap:15px}.brand{min-width:185px}.main-workspace{padding:24px 20px 12px}.practice-grid{grid-template-columns:minmax(250px,.85fr) minmax(330px,1.15fr);gap:12px}.statement-scroll{padding:20px 18px}.run-bar>span{display:none}.run-bar{justify-content:flex-end}.course-label{font-size:10px}.top-actions{gap:12px}.session-badge{display:none}.statement-scroll>h2{font-size:21px}.side-top{padding:0 8px}.sidebar{padding-left:12px;padding-right:12px}}@media(max-width:960px){.workspace{grid-template-columns:190px minmax(0,1fr)}.practice-grid{grid-template-columns:1fr;height:auto;min-height:0;max-height:none}.statement-panel{max-height:600px;min-height:450px}.code-panel{height:740px}.course-label{display:none}.problem-button{font-size:10px;padding:9px 7px;gap:6px}.group-heading{padding:0 7px}.group-heading>span:first-child{font-size:7px;letter-spacing:.6px}.sidebar .stars svg{width:9px;height:9px}.side-top h2{font-size:17px}.side-bottom>div{flex-wrap:wrap}.page-heading h1{font-size:23px}.workspace-footer{flex-direction:column;gap:4px}}@media(max-width:640px){.topbar{height:66px;padding:0 15px}.brand{min-width:0}.brand strong{font-size:13px;letter-spacing:1px}.brand-icon{width:32px;height:32px}.brand strong span{font-size:7px;letter-spacing:1.7px}.top-actions{gap:10px}.local-status{display:none}.export-button{font-size:0;padding:8px;gap:0}.export-button svg{width:15px}.workspace{display:flex;flex-direction:column}.sidebar{padding:16px 15px 0;border-right:0;border-bottom:1px solid var(--border)}.side-top,.progress-block,.side-bottom{display:none}.sidebar nav{display:flex;gap:15px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.problem-group{margin:0;flex-shrink:0}.group-heading{margin-bottom:7px;padding:0}.group-heading>span:first-child{font-size:7px}.group-heading .stars{margin-left:10px}.problem-group .problem-button{display:inline-flex;width:auto;margin-right:5px;min-height:35px;padding:7px 9px;border:1px solid #2d3c31;font-size:10px}.problem-group .problem-button>svg:last-child{display:none}.problem-number{width:15px}.main-workspace{padding:20px 14px 15px}.page-heading{margin-bottom:17px}.page-heading h1{font-size:23px}.page-heading .eyebrow{font-size:8px}.page-heading p{font-size:10px}.practice-grid{gap:16px}.statement-panel{max-height:580px;min-height:420px}.statement-scroll{padding:22px 20px}.code-panel{height:680px}.run-bar{padding:0 12px}.run-button,.judge-button{font-size:11px}.editor-area{min-height:220px}.guide-modal{padding:30px 23px}.guide-modal h2{font-size:23px}.workspace-footer{font-size:8px}.console-heading{padding:0 12px}.console-tabs{gap:18px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}