.role-switch6, #accountDemo7 { display: none !important; }
.cogo-server-notice { font-size:12px; line-height:1.6; margin:8px 0 18px; padding:10px 14px; border:1px solid #c6d5e9; background:#f1f6fc; color:#355271; border-radius:10px; }
[data-theme="dark"] .cogo-server-notice { background:#152238; border-color:#30435f; color:#c4d5ef; }
.cogo-server-error { padding:10px 12px; background:#fff1f0; border-radius:8px; color:#a62920; font-size:14px; }
.cogo-server-error[hidden] { display:none; }
.cogo-server-offline { min-height:100vh; display:grid; place-items:center; padding:24px; }
.cogo-server-offline>div { max-width:480px; line-height:1.8; }

.cogo-role-panel{max-width:680px;width:100%;min-width:0}.cogo-role-panel h3 small{display:block;font-size:.85rem;font-weight:400;margin-top:5px}.cogo-role-panel p{line-height:1.65;overflow-wrap:anywhere}.cogo-role-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.cogo-role-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0;border-bottom:1px solid var(--line,#ddd)}.cogo-role-row>div{min-width:0;overflow-wrap:anywhere}.cogo-role-row>button{flex-shrink:0}.cogo-role-row p{margin:5px 0}.cogo-role-note,.cogo-role-row small{white-space:pre-wrap;overflow-wrap:anywhere}.cogo-role-empty{padding:20px 0}.cogo-role-panel textarea{width:100%;box-sizing:border-box}.cogo-role-panel header{padding-bottom:10px}@media(max-width:480px){.cogo-role-row{align-items:flex-start;flex-direction:column}.cogo-role-tabs .btn{padding:8px 10px}}

.cogo-groups{min-width:0;color:var(--text,#17283b)}.cogo-g-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.cogo-g-heading h2{margin:12px 0 8px;font-size:26px}.cogo-g-heading p{white-space:pre-wrap}.cogo-g-actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.cogo-g-actions [aria-current=page]{box-shadow:0 0 0 2px #179881}.cogo-g-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0}.cogo-g-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;border:1px solid #dce6e4;border-radius:16px;padding:20px;background:#f8fbfa}.cogo-g-card h3,.cogo-g-card p{margin:0;overflow-wrap:anywhere}.cogo-g-card button{margin-top:8px}.cogo-g-card small,.cogo-g-heading small{color:#5b6c76}.cogo-g-filter{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:20px 0}.cogo-g-filter label{display:grid;gap:6px;font-size:13px;font-weight:700}.cogo-groups input,.cogo-groups select,.cogo-groups textarea{max-width:100%;border:1px solid #bdccc9;border-radius:9px;background:#fff;color:#203b3a;padding:10px;min-height:42px}.cogo-g-stats{display:flex;flex-wrap:wrap;gap:12px;background:#eff7f4;border-radius:12px;padding:15px;margin:14px 0}.cogo-g-stats span{font-size:13px}.cogo-g-stats b{margin-left:5px;color:#086c56}.cogo-g-table{overflow:auto;margin:16px 0}.cogo-g-table table{width:100%;border-collapse:collapse;min-width:570px;text-align:left}.cogo-g-table td,.cogo-g-table th{padding:12px 10px;border-bottom:1px solid #e1e9e6;vertical-align:top}.cogo-g-table th{background:#f2f6f4;font-size:13px}.cogo-g-table small{display:block;font-size:11px;line-height:1.6;margin-top:5px;max-width:220px}.cogo-g-table input{min-width:120px;width:100%}.cogo-g-event{padding:14px 0;border-bottom:1px solid #dce6e4}.cogo-g-event summary{cursor:pointer}.cogo-g-event small{display:block;color:#61736c;margin-top:5px}.cogo-g-event pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#f4f7f5;padding:12px;border-radius:8px;font-size:12px}.cogo-g-code{display:block;font:700 24px monospace;letter-spacing:2px;padding:22px;background:#e9f7f1;border-radius:12px;overflow-wrap:anywhere}#modal:has(.cogo-groups),.modal7:has(.cogo-groups),.modal-panel:has(.cogo-groups){width:min(980px,96vw);max-width:980px}@media(max-width:600px){.cogo-g-heading{flex-direction:column}.cogo-g-heading h2{font-size:22px}.cogo-g-grid{grid-template-columns:1fr}.cogo-g-code{font-size:19px;letter-spacing:1px}.cogo-groups .cogo-role-row{align-items:flex-start;flex-direction:column}}

/* Keep the uploaded v21 workspace, typography, tabs and row structure. */
.cogo-ops21{width:100%;max-width:none}.cogo-ops21 .admin-tabs7{display:flex;flex-wrap:wrap}.cogo-ops21 .admin-tabs7 button{flex:1 1 auto}.cogo-ops21 .admin-tools7{flex-wrap:wrap}.cogo-ops21 .admin-tools7>.small{flex:1;min-width:160px}.cogo-ops21 .admin-tools7>.btn{flex:none}.cogo-ops21 #adminViewport7{overflow:auto;overscroll-behavior:contain}.cogo-ops21 .admin-row7{height:auto;min-height:76px}.cogo-ops21 .admin-row-info7 small{white-space:normal;overflow-wrap:anywhere}.cogo-ops21 .admin-row-info7 b{overflow-wrap:anywhere}.cogo-ops-status{padding:24px;color:var(--muted)}.cogo-ops-empty{min-height:210px}.cogo-ops21 .v6-pager{flex-wrap:wrap;gap:8px}.cogo-ops21 .v6-pager>span{font-size:.75rem}.cogo-server-notice{flex:none}body[data-view=admin] .cogo-server-notice{margin:0 0 10px;padding:7px 12px}body[data-cogo-role=admin] .topbar [hidden]{display:none!important}.cogo-groups input,.cogo-groups select,.cogo-groups textarea{background:var(--surface);color:var(--text);border-color:var(--line)}.cogo-g-card{background:var(--surface);border-color:var(--line)}.cogo-g-stats{background:var(--blue-soft)}.cogo-g-stats b{color:var(--blue)}.cogo-g-code{background:var(--blue-soft);color:var(--text)}.cogo-g-table th{background:var(--surface)}.cogo-g-table td,.cogo-g-table th{border-color:var(--line)}.cogo-g-event{border-color:var(--line)}@media(max-width:760px){.cogo-ops21 .admin-tabs7{display:none}.cogo-ops21 .admin-row7{gap:8px;padding:12px 10px}.cogo-ops21 .admin-row-info7{min-width:60px}.cogo-ops21 .admin-row7 .badge{font-size:10px}.cogo-ops21 .admin-row7 .btn{padding:6px 8px}.cogo-ops21 .v6-pager{font-size:12px}.cogo-ops21 .v6-heading>.badge{max-width:45%;overflow-wrap:anywhere;white-space:normal}}

/* Native v22 classes stay authoritative. Only fix measured clipping and form wrap. */
.cogo-ops21 .admin-pager7,.cogo-ops21 .v6-pager{height:auto;min-height:48px;flex-shrink:0;padding:8px 10px;align-items:center;overflow:visible}
.cogo-ops21 .v6-pager>div{display:flex;gap:6px;flex-wrap:nowrap}.cogo-ops21 .v6-pager button{white-space:nowrap;min-height:32px;line-height:1.4}
.cogo-ops21 .workspace-board6,.cogo-ops21 .admin-board7{min-height:0}.cogo-ops21 .admin-row7{flex-shrink:0}
[data-ops-page]{min-height:34px;padding:5px 12px;white-space:nowrap}.ops-error22{padding:16px;color:var(--red,#b74160);white-space:pre-wrap}
.ops-actions22{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.ops-text22{white-space:pre-wrap;overflow-wrap:anywhere}
.ops-editor22{max-height:72vh;overflow:auto;padding:2px 4px}.ops-editor22 .two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ops-editor22 label{min-width:0}
.ops-editor22 textarea{width:100%;resize:vertical}.ops-editor22 input,.ops-editor22 select{max-width:100%}.ops-puzzle22{font-family:monospace;font-size:13px}
#studioViewport6 .studio-row6{height:auto;min-height:56px}.studio-row6 b{white-space:normal;overflow-wrap:anywhere}.studio-row6 .studio-title6{text-align:left}
#groupViewport6 .group-card6{height:auto;min-height:174px}.group-card6 .ops-class22{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 18px}.ops-class22 span{font-size:11px;background:var(--blue-soft);padding:3px 7px;border-radius:5px}
.course-local21{white-space:normal}.course-form-grid21 select,.course-form-grid21 input{min-width:0}.course-roster21 article{min-height:64px;height:auto}.course-question-nav21{flex-wrap:wrap}.course-solve-card21 .course-prompt21{white-space:pre-wrap}
.course-run21 #courseSaveState21[data-error]{color:#b74160;font-weight:700}.course-grade21 article p{white-space:pre-wrap;overflow-wrap:anywhere}
#opsPostView22{white-space:pre-wrap;overflow-wrap:anywhere}.post-row9{min-height:62px;height:auto}.post-row9>button{text-align:left;min-width:0}.post-row9 b{white-space:normal;overflow-wrap:anywhere}
body[data-view=contentAdmin] #cmsRows11 article{min-height:58px;height:auto}.ops-board-empty22{padding:28px;color:var(--muted)}
@media(max-width:650px){.ops-editor22 .two-col{grid-template-columns:1fr}.ops-actions22>.btn{font-size:12px}.course-editor-footer21{gap:8px;flex-wrap:wrap}.course-editor-footer21>div{display:flex;gap:6px}.course-steps21{overflow-x:auto}.course-steps21 button{min-width:96px}.cogo-ops21 .admin-row7{flex-wrap:wrap}.cogo-ops21 .admin-row-info7{flex:1 1 140px}}

#studioViewport6,#cmsRows11,#postList8{overflow:auto;overscroll-behavior:contain}

.platform-grid23{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.platform-orders23{display:grid;gap:10px;margin:18px 0;max-height:360px;overflow:auto}.platform-table23{width:100%;border-collapse:collapse;text-align:left}.platform-table23 td,.platform-table23 th{padding:10px;border-bottom:1px solid #e5e9ef}.cogo-role-panel a{color:#376856;text-decoration:underline}.cogo-role-panel .cogo-g-card{min-width:0}.platform-orders23 .cogo-g-card{display:block;text-align:left}.contest-title15{min-width:0}.contest-title15 b,.contest-title15 small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contest-time15{font-size:12px}.form6 textarea[name=tests]{font-family:monospace}.platform-table23+ p{font-size:12px;color:#6a7788}@media(max-width:600px){.platform-grid23{grid-template-columns:1fr}.platform-grid23 .cogo-g-card{padding:14px}.platform-orders23{max-height:280px}}

#platformBuy23 label:has(input[type=checkbox]),#platformContest23 label:has(input[type=checkbox]),#platformProblem23 label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}
#platformBuy23 input[type=checkbox],#platformContest23 input[type=checkbox],#platformProblem23 input[type=checkbox]{width:18px;height:18px;min-height:0;margin:0;padding:0;flex:0 0 18px}
.live-orbit22 strong{font-family:Pretendard,system-ui,sans-serif}

.platform-plan-actions23{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}

.compiler-console25{display:flex;flex-direction:column;gap:10px;min-height:330px;padding:16px;min-width:0}.compiler-console25>header,.compiler-input-head25,.compiler-output-head25{display:flex;align-items:center;justify-content:space-between;gap:12px}.compiler-console25 header b{font-size:15px}.compiler-console25 header small{display:block;color:var(--muted,#71809b);margin-top:4px;font-size:12px}.compiler-input-head25 label{font-size:13px;font-weight:700}.compiler-console25 textarea{width:100%;min-height:70px;max-height:160px;resize:vertical;box-sizing:border-box;border:1px solid var(--line,#dce3f1);border-radius:10px;padding:10px 12px;background:var(--bg,#f5f7fc);color:inherit;font:13px/1.6 ui-monospace,Consolas,monospace}.compiler-tabs25{display:flex;gap:4px;border-bottom:1px solid var(--line,#dce3f1);flex:none}.compiler-tabs25 button{min-height:40px;padding:8px 14px;border:0;border-bottom:2px solid transparent;background:transparent;color:inherit;font-weight:600}.compiler-tabs25 button.active{color:#4c62ed;border-bottom-color:#4c62ed;background:rgba(76,98,237,.07)}.compiler-output-head25{font-size:12px;color:var(--muted,#71809b)}#compilerOutput25{margin:0;padding:12px 14px;min-height:90px;max-height:240px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;background:#172138;color:#eff4ff;border-radius:10px;font:13px/1.65 ui-monospace,Consolas,monospace;flex:1}#compilerMetrics25{font-size:12px;line-height:1.5;color:var(--muted,#71809b)}.compiler-shortcut25{font-size:11px;color:#b8c8e7}.compiler-layout25 .editor-bottom{flex-wrap:wrap;gap:8px}.compiler-layout25 .editor-bottom>div{display:flex;gap:6px;flex-wrap:wrap}.compiler-layout25 .editor-bottom button{min-height:38px}.compiler-layout25 .lab-work{min-width:0;overflow:auto}.compiler-layout25 .editor{flex:0 0 auto}.compiler-layout25 .code-wrap{min-height:160px;height:clamp(160px,24vh,300px)}.compiler-languages25{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.compiler-languages25 button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;min-height:66px;white-space:normal}.compiler-languages25 small{font-size:11px;color:var(--muted,#71809b)}.compiler-languages25 .selected{outline:2px solid #5268ee}@media(max-width:760px){.compiler-shortcut25{display:none}.compiler-languages25{grid-template-columns:repeat(2,minmax(0,1fr))}.compiler-console25{padding:12px;min-height:400px}.compiler-tabs25 button{flex:1;padding:9px 5px;font-size:12px}.compiler-layout25 .editor-bottom button{min-height:44px}.compiler-layout25 .editor-bottom>div{width:100%;justify-content:space-between}.compiler-layout25[data-judge-tab13="results"] .compiler-console25{display:flex!important}.compiler-layout25:not([data-judge-tab13="results"]) .compiler-console25{display:none}.compiler-layout25[data-judge-tab13="results"] .editor{display:none!important}}
.compiler-console25 textarea,#compilerOutput25{font-family:Consolas,'Pretendard',monospace}#executeCode25{color:#edf2ff;background:#293750;border-color:#7687a8}.compiler-layout25 .lab-work{overflow:hidden;display:flex;flex-direction:column;min-height:0;gap:12px}.compiler-layout25 .editor{display:flex;flex-direction:column;flex:0 0 34%;min-height:195px;max-height:340px}.compiler-layout25 .code-wrap{flex:1;min-height:65px;height:auto}.compiler-layout25 .editor-toolbar,.compiler-layout25 .editor-bottom{flex-shrink:0}.compiler-console25{flex:1;min-height:0;gap:6px;overflow:auto}.compiler-console25 textarea{height:56px;min-height:48px;flex:none}.compiler-console25 header,.compiler-input-head25,.compiler-output-head25,#compilerMetrics25{flex-shrink:0}#compilerOutput25{min-height:64px}.compiler-layout25 .editor-bottom{padding:10px 12px}@media(max-width:760px){.compiler-layout25 .lab-work{overflow:auto}.compiler-layout25 .editor{min-height:330px;max-height:none;flex:1}.compiler-console25{min-height:390px;flex:none}.compiler-console25 textarea{height:84px}#compilerOutput25{min-height:90px}}

.account-panel27 .profile-card7{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:20px;gap:18px;margin-bottom:22px}.account-panel27 .profile-card7>.cogo-avatar{width:84px;height:98px;flex:none}.account-panel27 #cogoServerProfile{margin-bottom:18px}.account-actions27{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-actions27 .btn:first-child{grid-column:1/-1}.account-panel27 .form-actions7{margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.account-panel27>.small{margin-top:20px;line-height:1.8}.submission-list27>header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:22px}.submission-list27>header p{margin:6px 0 0;color:var(--muted)}.submission-list27>article{border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:12px}.submission-list27 h3{margin:12px 0 6px}.submission-list27 article p,.submission-list27 small{font-size:12px;color:var(--muted)}.submission-list27 article>div:last-child{display:flex;flex-direction:column;gap:14px;align-items:flex-end}.submission-state27{font-size:13px;color:var(--muted)}.submission-state27.success{color:#13856a}.submission-detail27 pre{background:var(--bg);padding:14px;border-radius:12px;max-height:220px;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}.submission-detail27 article{border-top:1px solid var(--line);margin-top:18px;padding-top:12px}

.submission-list27 .badge+small{margin-left:8px}

/* v28: continuous coding workbench. Content scrolls only when it exceeds its panel. */
body[data-view=coding] .content{padding:18px 22px!important;height:calc(100dvh - 76px)!important;min-height:0!important;overflow:hidden!important}
body[data-view=coding] #main>.page.coding-desk{display:flex!important;flex-direction:column;gap:14px;height:100%!important;min-height:0!important;padding:0!important}
body[data-view=coding] #main>.cogo-server-notice{display:none!important}
.studio-top28{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none}.studio-top28>div{display:flex;align-items:center;gap:14px}.studio-top28 h1{font-size:21px;line-height:1.25;letter-spacing:-.8px;margin:4px 0 0}.studio-top28 .eyebrow{font-size:9px;letter-spacing:1.6px;color:var(--muted)}.studio-top28 .solve-timer8{order:0;margin:0!important;border:0;background:transparent;padding:0}.studio-top28 .solve-timer8 strong{font-size:18px}.studio-top28 .btn{min-height:36px;padding:8px 12px;font-size:12px}.studio-top28 .icon-btn{border:1px solid var(--line);background:var(--surface);width:36px;height:36px;border-radius:12px}
.coding-desk>.lab-tools.studio-tools28{display:flex!important;gap:12px;margin:0!important;flex:none;min-height:38px}.studio-tools28 #codeProblem{flex:1;min-width:0;max-width:470px;background:var(--surface);border:1px solid var(--line);border-radius:10px;min-height:38px;font-size:13px}.studio-tools28>.text-btn{font-size:11px;color:var(--muted)}.studio-tabs28{display:none;margin-left:auto;gap:4px;background:var(--surface);padding:4px;border-radius:12px;border:1px solid var(--line)}.studio-tabs28 button{background:none;border:0;color:var(--muted);font-size:12px;font-weight:700;min-height:32px;padding:6px 14px;border-radius:8px}.studio-tabs28 button.active{background:#edf0ff;color:#5264df}
.coding-desk>#labLayout.workbench28{display:grid!important;grid-template-columns:minmax(220px,.75fr) minmax(310px,1.45fr) minmax(265px,.85fr)!important;gap:14px;min-height:0!important;flex:1!important;height:auto!important;overflow:hidden!important}
#labLayout.workbench28 .lab-work{display:contents!important}#labLayout.workbench28 .lab-story{display:block!important;padding:22px;overflow:auto;min-height:0;max-height:none;border-radius:18px;margin:0;scrollbar-width:thin}#labLayout.workbench28 .lab-story h2{font-size:21px;line-height:1.45;margin:14px 0}#labLayout.workbench28 .lab-story h4{font-size:12px;margin:22px 0 9px;color:var(--muted)}#labLayout.workbench28 .lab-story p{font-size:14px;line-height:1.85;margin:8px 0}#labLayout.workbench28 .lab-story pre{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;padding:12px}#labLayout.workbench28 .lab-story .btn{font-size:12px;min-height:40px}
#labLayout.workbench28 .editor{display:flex!important;flex-direction:column;margin:0;min-width:0;min-height:0!important;height:100%;max-height:none!important;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px #17213b12}
#labLayout.workbench28 .editor-toolbar{padding:12px;gap:8px;min-height:58px;flex:none;flex-wrap:wrap}#labLayout.workbench28 #codeFile{font-size:11px;color:#b8c5e0;flex:1}.code-font28{display:flex;gap:4px}.code-font28 button{min-width:30px;min-height:32px;border:1px solid #506078;border-radius:7px;background:#263650;color:#eaf0ff;font-size:11px}#labLayout.workbench28 .language-button16{font-size:12px;padding:6px 10px}#labLayout.workbench28 .language-button16 span{display:none}
#labLayout.workbench28 .code-wrap{display:flex!important;flex:1!important;min-height:0!important;height:auto!important;overflow:hidden!important}#labLayout.workbench28 #codeInput,#labLayout.workbench28 #lineNumbers{font:var(--code-font28,15px)/1.65 ui-monospace,SFMono-Regular,Consolas,'Pretendard',monospace!important;padding-top:18px;padding-bottom:24px;white-space:pre;box-sizing:border-box;height:100%;min-height:0;tab-size:4}#labLayout.workbench28 #codeInput{width:100%;min-width:0;overflow:auto!important;resize:none!important}#labLayout.workbench28 #lineNumbers{overflow:hidden;flex-shrink:0}#labLayout.workbench28 .editor-bottom{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding:12px;flex:none}#labLayout.workbench28 .editor-bottom>div{display:flex;flex-wrap:nowrap;gap:6px;width:100%}#labLayout.workbench28 .editor-bottom .btn{padding:9px 8px;min-height:39px;font-size:11px;flex:1;white-space:nowrap}#labLayout.workbench28 .compiler-shortcut25{font-size:10px;text-align:center;color:#aebedb}
#labLayout.workbench28 .compiler-console25{display:flex!important;flex-direction:column;padding:17px;gap:10px;min-height:0!important;height:100%;border-radius:18px;margin:0;overflow:auto;scrollbar-width:thin}#labLayout.workbench28 .compiler-console25 header{align-items:flex-start}#labLayout.workbench28 .compiler-console25 header b{font-size:14px}#labLayout.workbench28 .compiler-console25 header small{font-size:10px;line-height:1.5;max-width:140px}#labLayout.workbench28 #compilerState25{font-size:10px;white-space:nowrap}#labLayout.workbench28 .compiler-input-head25{margin-top:9px}#labLayout.workbench28 .compiler-input-head25 label{font-size:12px}#labLayout.workbench28 .compiler-input-head25 .text-btn{font-size:10px}#labLayout.workbench28 #compilerStdin25{height:100px;min-height:65px;max-height:160px;font-size:13px;flex:none}#labLayout.workbench28 .compiler-tabs25{gap:0}#labLayout.workbench28 .compiler-tabs25 button{padding:8px 4px;font-size:11px;flex:1;white-space:nowrap}#labLayout.workbench28 #compilerOutput25{min-height:80px;max-height:none;flex:1;font-size:13px;background:#f3f5fb;color:#1c2c49;border:1px solid var(--line);border-radius:10px}#labLayout.workbench28 #compilerMetrics25{font-size:10px;line-height:1.65}
body.studio-focus28 .sidebar,body.studio-focus28 .topbar,body.studio-focus28 #bottomNav{display:none!important}body.studio-focus28 .shell{margin:0!important}body.studio-focus28 .content{height:100dvh!important}
@media(min-width:761px) and (max-width:1279px){.studio-tabs28{display:flex}.studio-tabs28 [data-desk28=story]{display:none}.coding-desk>#labLayout.workbench28{grid-template-columns:minmax(220px,.8fr) minmax(300px,1.4fr)!important}#labLayout.workbench28[data-pane=results] .editor{display:none!important}#labLayout.workbench28:not([data-pane=results]) .compiler-console25{display:none!important}.studio-tools28>.text-btn{display:none}}
@media(max-width:760px){body[data-view=coding] .content{height:calc(100dvh - 126px)!important;padding:12px 12px 8px!important}.coding-desk{gap:10px!important}.studio-top28{gap:8px}.studio-top28>div{gap:8px}.studio-top28 h1{font-size:17px}.studio-top28 .eyebrow{font-size:8px}.studio-top28 .solve-timer8 #timerState8,.studio-top28 .timer-dot8{display:none}.studio-top28 .solve-timer8 strong{font-size:14px}.studio-top28 .solve-timer8 button{font-size:10px;padding-left:7px}.studio-top28 .btn{font-size:10px;padding:6px 8px;min-height:32px}.studio-top28 .icon-btn{width:28px;height:32px}.studio-tools28{flex-wrap:wrap!important;gap:8px!important}.studio-tools28 #codeProblem{width:100%;flex:auto;font-size:12px}.studio-tools28>.text-btn{display:none}.studio-tabs28{display:flex;width:100%;padding:3px;border-radius:10px}.studio-tabs28 button{flex:1;min-height:32px}.coding-desk>#labLayout.workbench28{display:flex!important;flex-direction:column!important;gap:0!important}#labLayout.workbench28 .lab-story,#labLayout.workbench28 .editor,#labLayout.workbench28 .compiler-console25{width:100%;flex:1!important;border-radius:14px!important}#labLayout.workbench28:not([data-pane=story]) .lab-story,#labLayout.workbench28:not([data-pane=editor]) .editor,#labLayout.workbench28:not([data-pane=results]) .compiler-console25{display:none!important}#labLayout.workbench28 .editor-toolbar{min-height:48px;padding:9px}#labLayout.workbench28 .editor-bottom{padding:10px}#labLayout.workbench28 .editor-bottom .btn{font-size:11px;min-height:42px}#labLayout.workbench28 .compiler-shortcut25{display:none}#labLayout.workbench28 #compilerStdin25{height:75px}.account-actions27{grid-template-columns:1fr}.studio-focus28 .content{height:100dvh!important}}
/* Guide: an editorial story beside a large, animated reference scene. */
.guide23.guide28.guide-studio28{max-width:1600px;margin:auto;display:flex!important;flex-direction:column;gap:16px;padding:0!important;min-height:0;height:calc(100dvh - 128px)!important}.guide-studio28 .guide-top23{display:flex;align-items:center;justify-content:space-between;margin:0!important;gap:16px}.guide-studio28 .guide-top23 h1{font-size:29px!important;letter-spacing:-1.2px;margin:6px 0 0!important}.guide-studio28 .guide-top23 p{font-size:12px!important;margin:7px 0 0!important}.guide-studio28 .guide-eyebrow23{font-size:9px;letter-spacing:1.8px}.guide-studio28 .guide-audience23{padding:4px;align-self:center}.guide-studio28 .guide-audience23 button{padding:9px 15px;font-size:12px}
.guide-studio28 .guide-topics23{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:0!important;flex:none}.guide-studio28 .guide-topics23 button{padding:12px 10px;min-height:44px;font-size:11px;border-radius:12px;gap:7px;white-space:nowrap}.guide-studio28 .guide-topics23 button span{font-size:10px}.guide-studio28 .guide-body23{display:grid!important;grid-template-columns:minmax(220px,.7fr) minmax(0,1.7fr)!important;gap:20px;flex:1;min-height:0;align-items:stretch!important}.guide-studio28 .guide-story23{padding:24px!important;border-radius:22px!important;min-height:0;overflow:auto;scrollbar-width:thin;display:flex;flex-direction:column;align-items:stretch;gap:12px;box-shadow:none;background:linear-gradient(145deg,#fff,#f9faff)}.guide-studio28 .guide-story23 h2{font-size:25px!important;line-height:1.4;letter-spacing:-.8px;margin:0}.guide-studio28 .guide-story23>p{font-size:12px!important;line-height:1.9;margin:0!important}.guide-studio28 .guide-chapter23{font-size:9px;letter-spacing:1.7px;color:#6977d3}.guide-studio28 .guide-step-list23{display:grid;gap:6px;margin:4px 0}.guide-studio28 .guide-step-list23 button{display:flex;align-items:center;min-height:40px;padding:9px 10px;border-radius:10px;gap:10px;text-align:left}.guide-studio28 .guide-step-list23 b{font-size:11px;line-height:1.5}.guide-studio28 .guide-step-list23 span{width:22px;height:22px;min-width:22px;font-size:10px}.guide-studio28 .guide-real23{margin-top:auto;min-height:40px;font-size:12px}.guide-studio28 .guide-story23>small{font-size:9px!important;line-height:1.6;margin:0!important}
.guide-studio28 .guide-player23{display:flex;flex-direction:column;min-height:0;overflow:hidden;border-radius:22px;background:#fff;border:1px solid #dce3f4;box-shadow:0 18px 40px #52638d12;height:auto!important}.guide-studio28 .guide-screen23{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;padding:0!important;overflow:hidden;background:radial-gradient(ellipse at 10% 10%,#e7eaff,transparent 65%),radial-gradient(ellipse at 100% 80%,#dfedfa,transparent 60%),#f5f7ff}.guide-studio28 .guide-screenbar23{position:relative;flex:none;z-index:2;padding:13px 18px;background:#ffffff90;border-bottom:1px solid #e3e9f7;font-size:10px}.guide-studio28 .guide-screenbar23 em{font-size:9px}.guide-studio28 .guide-scene23{position:relative;flex:1;min-height:0;overflow:hidden;padding:0 20px}.guide-studio28 .guide-scene23>div{position:absolute!important;top:50%;left:50%;transform-origin:50% 50%;border-radius:18px;box-shadow:0 18px 42px #34446c12;overflow:visible;max-width:none!important;margin:0!important;min-height:0!important}.guide-studio28 .guide-scene23 .guide-focus23{outline:2px solid #7684fa!important;outline-offset:4px!important;transition:outline-color .25s,background .35s,box-shadow .35s;position:relative;z-index:1}.guide-studio28 .guide-pointer23{z-index:5;width:27px;height:33px;filter:drop-shadow(0 4px 4px #26377c40);transition:left .8s cubic-bezier(.22,.8,.22,1),top .8s cubic-bezier(.22,.8,.22,1)!important}.guide-studio28 .guide-pointer23:after{content:'';position:absolute;left:-11px;top:-11px;width:26px;height:26px;border:2px solid #8290ff;border-radius:50%;animation:guideClick28 2.8s ease-out infinite!important}.guide-studio28 .guide-halo28{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 45px #6b7ac908;border-radius:inherit}
.guide-studio28 .guide-caption23{padding:14px 20px!important;display:grid;grid-template-columns:55px 1fr;gap:4px 12px;flex:none;background:#fff;border-top:1px solid #e4e9f5}.guide-studio28 .guide-caption-tag23{font-size:9px;grid-row:1/3;align-self:center;color:#596ce1}.guide-studio28 .guide-caption23 h3{font-size:13px!important;margin:0!important}.guide-studio28 .guide-caption23 p{font-size:11px!important;line-height:1.7;margin:0!important}.guide-studio28 .guide-playbar23{position:relative;display:flex;align-items:center;gap:14px;padding:11px 18px 15px;flex:none;background:#fafbff;border-top:1px solid #edf0f8}.guide-studio28 .guide-playbar23 button{min-height:32px;font-size:11px}.guide-studio28 .guide-play23{padding:8px 13px!important;border-radius:10px!important}.guide-studio28 .guide-speed23{margin-left:auto;font-size:10px}.guide-studio28 .guide-speed23 select{font-size:11px}.guide-progress28{position:absolute;left:0;right:0;bottom:0;height:3px;background:#e8ecfb}.guide-progress28 i{display:block;height:100%;width:var(--guide-progress28,25%);background:linear-gradient(90deg,#a4afff,#6276ed);transition:width .6s}.guide-studio28 .guide-end23{display:flex;justify-content:space-between;margin:0!important;padding:0!important;font-size:10px;flex:none}.guide-studio28 .guide-end23 button{font-size:11px;min-height:24px}
@keyframes guideClick28{0%,45%{opacity:0;transform:scale(.4)}55%{opacity:.8}90%,100%{opacity:0;transform:scale(1.8)}}
@media(max-height:800px) and (min-width:900px){.guide-studio28 .guide-story23{padding:20px!important;gap:9px}.guide-studio28 .guide-story23 h2{font-size:22px!important}.guide-studio28 .guide-story23>p{font-size:11px!important;line-height:1.7}.guide-studio28 .guide-step-list23 button{min-height:34px;padding:6px 8px}.guide-studio28 .guide-step-list23{gap:4px}.guide23.guide28.guide-studio28{gap:12px}.guide-studio28 .guide-top23 h1{font-size:25px!important}}
@media(max-width:899px){.guide23.guide28.guide-studio28{height:auto!important;gap:18px}.guide-studio28 .guide-top23{align-items:flex-start;flex-wrap:wrap}.guide-studio28 .guide-top23 h1{font-size:27px!important}.guide-studio28 .guide-topics23{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-studio28 .guide-topics23 button{font-size:10px;min-height:42px}.guide-studio28 .guide-body23{display:flex!important;flex-direction:column;gap:18px}.guide-studio28 .guide-story23{padding:22px!important;overflow:visible}.guide-studio28 .guide-story23 h2 br{display:none}.guide-studio28 .guide-story23 h2{font-size:22px!important}.guide-studio28 .guide-story23>p{font-size:12px!important}.guide-studio28 .guide-step-list23{display:none}.guide-studio28 .guide-real23{align-self:flex-start;margin:0}.guide-studio28 .guide-screen23{min-height:260px;flex:none}.guide-studio28 .guide-scene23{padding:20px 14px}.guide-studio28 .guide-scene23>div{position:relative!important;left:auto;top:auto;transform:none!important;width:100%!important;max-width:100%!important;box-sizing:border-box}.guide-studio28 .guide-caption23{padding:15px!important;grid-template-columns:1fr;gap:6px}.guide-studio28 .guide-caption-tag23{grid-row:auto}.guide-studio28 .guide-playbar23{padding:12px;gap:8px;flex-wrap:wrap}.guide-studio28 .guide-speed23>span{display:none}.guide-studio28 .guide-end23>span{max-width:180px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.guide-studio28 *{animation:none!important;transition:none!important}.guide-studio28 .guide-pointer23:after{display:none}}
/* Board identity and a durable conversation, using the reference avatar assets. */
.board-row28{display:flex;align-items:center;gap:18px;padding:20px 24px;border-bottom:1px solid var(--line);background:var(--surface)}.board-row28:last-child{border-bottom:0}.board-avatar28{display:block;position:relative;flex:none;width:50px;height:56px;border-radius:17px;background:#f0f2ff;overflow:hidden}.board-avatar28>.cogo-avatar{position:relative;width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important}.board-avatar28 img{object-fit:contain!important}.board-row28>div{min-width:0;flex:1}.board-row28 .badge{font-size:9px;padding:3px 7px}.post-title28{display:block;text-align:left;border:0;background:none;color:var(--ink);font-weight:750;font-size:16px;line-height:1.5;margin:7px 0;padding:0;max-width:100%;overflow-wrap:anywhere}.board-row28 small{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.comment-count28{display:flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--bg);color:var(--muted);padding:8px 10px;border-radius:10px;font-size:12px}.comment-count28 svg{width:15px;height:15px}.board-empty28{padding:45px 20px;text-align:center}.board-empty28>span{display:block;font-size:25px;color:#8896ee}.board-empty28 h3{font-size:16px;margin:14px 0 7px}.board-empty28 p{font-size:12px;color:var(--muted)}dialog.board-modal28{width:min(800px,94vw)!important;max-width:94vw!important}.board-detail28>header{display:flex;align-items:center;gap:14px;padding-bottom:22px;border-bottom:1px solid var(--line)}.board-detail28>header>div{flex:1}.board-detail28>header b{font-size:14px}.board-detail28>header small{display:block;font-size:11px;color:var(--muted);margin-top:6px}.board-content28{padding:28px 0;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.95;font-size:15px}.board-manage28{display:flex;justify-content:flex-end;gap:18px;margin-bottom:18px}.board-manage28 .text-btn{font-size:11px;color:var(--muted)}.discussion28{border-top:1px solid var(--line);padding-top:22px}.discussion28>header{display:flex;align-items:center;justify-content:space-between}.discussion28 h3{font-size:16px;margin:0 0 18px}.discussion28 h3 span{color:#697ae6;margin-left:5px}#commentForm28{border:1px solid #dfe5f2;background:#f8faff;border-radius:16px;padding:16px;margin-bottom:22px}#commentForm28 label{font-weight:700;font-size:12px;display:block;margin-bottom:10px}#commentText28{display:block;resize:vertical;width:100%;min-height:80px;max-height:240px;box-sizing:border-box;padding:12px;border-radius:10px;border:1px solid #e1e6f3;background:#fff;line-height:1.7;font:inherit;font-size:13px;color:var(--ink)}#commentForm28>div{display:flex;align-items:center;justify-content:space-between;margin-top:10px}#commentForm28 small{font-size:10px;color:var(--muted)}#commentForm28 .btn{min-height:36px;font-size:12px;padding:8px 15px}#commentReply28{font-size:12px;color:#6574ca;display:flex;justify-content:space-between;gap:10px}#commentReply28[hidden]{display:none}.comment28{display:flex;gap:12px;padding:18px 0;border-top:1px solid #edf0f7}.comment28>.board-avatar28{width:38px;height:44px;border-radius:12px}.comment28>div{flex:1;min-width:0}.comment28 header{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.comment28 header b{font-size:12px}.comment28 header small{font-size:10px;color:var(--muted)}.comment28 p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.8;margin:8px 0}.comment28 footer{display:flex;gap:15px}.comment28 .text-btn{font-size:10px;color:var(--muted)}.comment28.reply28{padding-left:30px}.reply-label28{display:block;margin-top:8px;font-size:10px;color:#687ada}.comments-empty28{text-align:center;font-size:12px;color:var(--muted);padding:15px}.sales-pause28{display:flex;flex-direction:column;gap:6px;border:1px solid #dfe5f5;border-radius:16px;background:#f1f4ff;padding:18px 22px;margin-bottom:20px}.sales-pause28 b{font-size:14px}.sales-pause28 span{font-size:12px;color:var(--muted);line-height:1.7}
@media(max-width:760px){.board-row28{padding:16px 12px;gap:12px}.board-row28 .board-avatar28{width:40px;height:48px;border-radius:13px}.post-title28{font-size:14px}.board-row28 small{font-size:10px}.board-content28{font-size:14px;padding:22px 0}.comment28.reply28{padding-left:18px}.comment28 header{gap:5px}dialog.board-modal28{max-width:96vw!important;width:96vw!important}.sales-pause28{padding:16px}}
.cogo-learning-status27[hidden]{display:none!important}
body[data-view=coding] #main>.page>footer{display:none!important}
body[data-view=guide19] #main>.page>footer{display:none!important}
body[data-view=guide19] #main.content{padding:22px 28px!important;overflow:hidden!important}
.guide23.guide28.guide-studio28 .guide-player23{align-self:stretch!important;height:100%!important}
.guide23.guide28.guide-studio28 .guide-screen23{display:flex!important;flex-direction:column!important;overflow:hidden!important;min-height:0!important;height:auto!important}
.guide23.guide28.guide-studio28 .guide-scene23{overflow:hidden!important;min-height:0!important}
.guide23.guide28.guide-studio28 .guide-scene23>div{top:50%!important;left:50%!important}
.guide-studio28 .guide-top23{padding:0!important}.guide-studio28 .guide-picker24{display:none!important}
.guide-studio28 .guide-chapter23{margin:0!important}.guide-studio28 .guide-caption-tag23{margin:0!important}
@media(max-width:899px){body[data-view=guide19] #main.content{overflow:auto!important;padding:20px 14px 90px!important}.guide23.guide28.guide-studio28 .guide-player23{height:auto!important}.guide23.guide28.guide-studio28 .guide-scene23{overflow:visible!important}.guide23.guide28.guide-studio28 .guide-scene23>div{top:auto!important;left:auto!important}.guide-studio28 .guide-top23{align-items:flex-start}.guide-studio28 .guide-audience23{align-self:stretch}.guide-studio28 .guide-playbar23{flex-wrap:nowrap}.guide-studio28 .guide-end23{min-height:44px}}
#labLayout.workbench28 .lab-story h4{margin-top:17px}
dialog.board-modal28[open]{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden!important;max-height:92dvh!important}
dialog.board-modal28>.dialog-head{flex:none;padding:20px 24px!important;margin:0!important;border-bottom:1px solid var(--line);background:var(--surface)}
dialog.board-modal28>#modalContent{min-height:0;overflow-y:auto!important;max-height:none!important;padding:22px 24px!important;overscroll-behavior:contain}
@media(max-width:760px){dialog.board-modal28>.dialog-head{padding:16px!important}dialog.board-modal28>#modalContent{padding:16px!important}}

.board-avatar28 .cogo-avatar img:not(.avatar-skin16){transform:scale(1.85)!important;transform-origin:50% 24%!important}
.home-progress28{font-size:12px;color:var(--muted);margin:8px 0;line-height:1.7}
@media(max-width:760px){.home-progress28{display:none}}
.connect-demo28>div:not(.mini-header20){display:flex;align-items:center;gap:16px;padding:20px;margin:14px 20px;background:#f4f6ff;border:1px solid #e4e9f8;border-radius:13px}.connect-demo28>div>span{font-size:12px;color:#7d8ee0}.connect-demo28>div>div{flex:1}.connect-demo28 b{display:block;font-size:17px;color:#293754}.connect-demo28 small{display:block;font-size:12px;color:#7c89a8;margin-top:6px}.connect-demo28 i{font-size:18px;color:#679a82;font-style:normal}.connect-demo28>p,.contest-demo28>p{font-size:11px;padding:0 20px 16px;color:#7b89a3}.contest-demo28 .contest-ticket20{padding:20px;margin:12px 20px;background:#f0f3ff;border-radius:14px}.contest-demo28 .contest-ticket20 h3{font-size:22px;margin:14px 0 6px}.contest-demo28 .contest-ticket20 p{font-size:13px}.contest-demo28 .contest-checks20{display:flex;margin:12px 20px;gap:10px}.contest-demo28 .contest-checks20 span{flex:1;padding:10px;border-radius:8px;background:#eef6f3;color:#477a6f;font-size:11px}.guide-score28{display:grid;grid-template-columns:1fr 3fr 1fr;gap:12px 18px;padding:15px 22px;font-size:13px;color:#6a7793}.guide-score28 b{font-size:11px;color:#334867}
@media(max-width:760px){.home-rank9{position:relative}.home-rank9>.btn{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important}.home-rank9:focus-within{outline:3px solid #708ffa;outline-offset:3px}.home-rank9 .home-card-head9 h2:after{content:' →';color:#687be5}}
#commentMore28[hidden]{display:none!important}
body[data-view=coding] #helpShortcut19{display:none!important}

/* Normal pages start with their own heading; only unresolved work needs a status row. */
.learning-retry281{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:8px 12px;margin:0 0 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:12px;line-height:1.5}
.learning-retry281 .text-btn{margin-left:auto;white-space:nowrap}
.account-archive281{margin-top:8px;width:100%}
@media(min-width:1181px) and (min-height:700px){
 body[data-view=shop] .plans-page27{width:100%;padding-bottom:0}
 body[data-view=shop] .plans-hero27{margin-bottom:16px}
 body[data-view=shop] .plans-hero27 h1{font-size:28px;margin:8px 0}
 body[data-view=shop] .plans-hero27 p{font-size:13px;margin:8px 0}
 body[data-view=shop] .plan-card27{padding:18px 16px}
 body[data-view=shop] .plan-kicker27{margin-bottom:8px}
 body[data-view=shop] .plan-price27{margin-top:12px}
 body[data-view=shop] .plan-card27 dl{margin:8px 0 12px}
 body[data-view=shop] .plan-card27 dl>div{padding:8px 0}
 body[data-view=shop] .plan-card27>.btn{min-height:42px}
 body[data-view=shop] .plans-page27>.text-btn{margin-top:12px}
}

/* Consistent reading layouts in both themes; preserve the native COGO palette. */
.board-table-head282,.board-row282{display:grid;grid-template-columns:60px minmax(0,1fr) 130px 115px 55px;align-items:center;gap:14px;padding:14px 18px}
.board-table-head282{font-size:12px;font-weight:800;color:var(--muted);border-bottom:1px solid var(--line)}
.board-row282{min-height:66px;border-bottom:1px solid var(--line);font-size:14px}
.board-row282>*,.board-writing282{min-width:0}.board-row282 .post-title28{font-size:15px;overflow-wrap:anywhere;text-align:left}.board-row282 time,.board-author282{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.board-number282{font-size:12px;color:var(--muted)}
.board-row282 .comment-count28{justify-content:center}.board-body282{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:24px}.board-writing282>header{display:flex;justify-content:space-between;gap:12px;padding:0 0 16px;border-bottom:1px solid var(--line)}.board-writing282>header small{display:block;color:var(--muted);font-size:12px;margin-top:5px}
.board-full-avatar282{display:flex;flex-direction:column;align-items:center;gap:8px;align-self:start;border-radius:20px;padding:18px 8px;background:color-mix(in srgb,var(--primary,#4361ee) 7%,transparent)}
.board-full-avatar282 .board-avatar28{width:180px;height:280px;overflow:visible;flex:none;border-radius:0;background:transparent}.board-full-avatar282 .cogo-avatar{width:100%!important;height:100%!important;position:relative!important;inset:auto!important;transform:none!important}.board-full-avatar282 .cogo-avatar img{object-fit:contain!important}.board-full-avatar282 small{font-size:11px;color:var(--muted)}
.board-modal28{width:min(940px,94vw)!important}.board-content28{overflow-wrap:anywhere;white-space:pre-wrap}.board-modal28 .discussion28{clear:both}
.reward-points282{display:flex;align-items:center;gap:16px;border-radius:18px;padding:18px;margin:16px 0;background:linear-gradient(120deg,#fff3c1,#ffe1a8);color:#60420c}.reward-points282 small{display:block;font-size:12px}.reward-points282 strong{font-size:32px;line-height:1.2}.reward-points282>small{margin-left:auto;max-width:95px;line-height:1.6}.reward-coin282{display:grid;place-items:center;width:52px;height:52px;background:#ffcb48;border:3px solid #f3b92e;border-radius:50%;font-size:30px;font-weight:900;box-shadow:0 6px 0 #e8a822}
#answerFeedback .result-box{padding:22px}#answerFeedback #feedbackBody .success-motion{display:flex!important;height:65px;margin:2px auto 12px}#answerFeedback .xp-reward7{margin:16px 0}
.submission-history282 article{padding:16px 0;border-bottom:1px solid var(--line)}.submission-link282{border:0;background:none;padding:8px 0;color:var(--primary,#4361ee);font:inherit;font-weight:800;cursor:pointer;text-align:left;overflow-wrap:anywhere;display:block}.submission-link282 span{margin-left:8px}.submission-history282 p{font-size:12px;color:var(--muted)}
.membership282{width:100%;max-width:1600px;margin:auto}.membership282 .welcome{margin-bottom:18px}.membership282 .welcome h1{font-size:clamp(24px,3vw,36px);margin:6px 0}.plans282{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.plan282{padding:23px 18px;display:flex;flex-direction:column;min-width:0}.plan282 h2{font-size:19px;margin:9px 0}.plan282 .price{font-size:29px;font-weight:900;white-space:nowrap}.plan282 .price small{display:block;font-size:12px;font-weight:500;color:var(--muted);margin-top:4px}.plan282 ul{list-style:none;padding:0;display:grid;gap:12px;font-size:13px;line-height:1.5;margin:20px 0;flex:1}.plan282 li:before{content:'✓';color:var(--primary,#4361ee);margin-right:7px;font-weight:800}.plan282 .btn{width:100%;min-height:44px}.plan-note282{font-size:12px;color:var(--muted);line-height:1.7;margin:14px 0}.impact282{border:1px solid #bc83ed!important;background:linear-gradient(145deg,color-mix(in srgb,#a45dff 11%,var(--surface,#fff)),var(--surface,#fff))!important}.impact-cta282{position:relative;overflow:hidden;background:linear-gradient(120deg,#6750ef,#a944dc,#e448ab)!important;color:white!important;transition:transform .25s,box-shadow .25s}.impact-cta282:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 28px #ad55df66}.impact-cta282:after{content:'';position:absolute;inset:-80% -80%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-75%) rotate(35deg)}.impact-cta282:hover:after{animation:impactShine282 .9s infinite}@keyframes impactShine282{to{transform:translateX(75%) rotate(35deg)}}
.plan-future282{padding:14px 18px}.plan-future282 summary{cursor:pointer;font-size:13px;font-weight:700}.plan-future282 table{width:100%;border-collapse:collapse;margin-top:16px}.plan-future282 td,.plan-future282 th{padding:10px;text-align:left;font-size:13px;border-bottom:1px solid var(--line)}.plan-future282 p{font-size:12px;color:var(--muted);line-height:1.7}.table-scroll282{overflow:auto}
@media(max-width:1100px){.plans282{grid-template-columns:repeat(2,minmax(0,1fr))}.board-table-head282,.board-row282{grid-template-columns:45px minmax(0,1fr) 100px 95px 40px;gap:8px}}
@media(max-width:600px){.plans282{grid-template-columns:1fr}.plan282{padding:22px}.board-table-head282{display:none}.board-row282{grid-template-columns:minmax(0,1fr) auto;gap:5px;padding:14px 6px}.board-number282{display:none}.board-row282 .post-title28{grid-column:1/-1}.board-author282{grid-column:1}.board-row282 time{grid-column:1}.board-row282 .comment-count28{grid-column:2;grid-row:2/4}.board-body282{grid-template-columns:minmax(0,1fr) 95px;gap:12px}.board-full-avatar282{padding:10px 2px;border-radius:12px}.board-full-avatar282 .board-avatar28{width:90px;height:155px}.board-full-avatar282 b{font-size:12px;overflow-wrap:anywhere;max-width:90px}.board-full-avatar282 small{font-size:10px}.reward-points282{gap:10px;padding:14px}.reward-points282 strong{font-size:28px}}
@media(prefers-reduced-motion:reduce){.impact-cta282:after{animation:none!important}.impact-cta282:hover{transform:none}.success-motion{animation:none!important}}

.wallet-ledger282 article{display:grid;grid-template-columns:1fr auto;padding:14px 0;border-bottom:1px solid var(--line);gap:6px}.wallet-ledger282 small{grid-column:1/-1;color:var(--muted)}

/* Content determines dialog height; only long bodies scroll vertically. */
#answerFeedback #feedbackBody .success-motion{display:none!important}
#answerFeedback .result-box{padding:16px 18px!important}
#answerFeedback .result-box>h3{margin:0 0 8px}
#answerFeedback .result-box>p{margin:9px 0;line-height:1.55}
#answerFeedback .xp-reward7{margin:10px 0!important;padding:14px!important}
#answerFeedback .xp-reward-head7{margin-bottom:10px}
#answerFeedback .xp-reward7 #xpMessage7{margin:8px 0 0}
#answerFeedback .reward-points282{margin:10px 0;padding:12px 16px;min-height:70px}
#answerFeedback .form-actions7{display:none!important}
#answerFeedback #feedbackBody{overflow-x:hidden!important;min-width:0}
#answerFeedback{max-height:calc(100dvh - 28px)!important}
dialog.board-modal28[open]{box-sizing:border-box;width:min(900px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 28px)!important;height:auto!important}
dialog.board-modal28>.dialog-head{padding:16px 20px!important;min-width:0;gap:12px}
dialog.board-modal28>.dialog-head h2{overflow-wrap:anywhere;min-width:0;font-size:20px}
dialog.board-modal28>#modalContent{box-sizing:border-box;padding:16px 20px!important;width:100%;min-width:0;min-height:0;overflow:auto hidden!important;overflow-x:hidden!important;overflow-y:auto!important;flex:0 1 auto}
.board-detail28,.board-detail28 *{box-sizing:border-box;min-width:0}
.board-body282{grid-template-columns:minmax(0,1fr) 148px;gap:20px;align-items:start}
.board-content28{padding:16px 0;min-height:0!important;line-height:1.75;word-break:normal;overflow-wrap:anywhere;max-width:100%}
.board-writing282>header{padding-bottom:10px}
.board-full-avatar282{padding:10px 6px;gap:4px;max-width:100%;overflow:hidden}
.board-full-avatar282 .board-avatar28{width:124px!important;height:186px!important;max-width:100%;overflow:hidden!important}
.board-full-avatar282 .board-avatar28 .cogo-avatar{width:100%!important;height:100%!important;aspect-ratio:auto!important;min-height:0!important}
.board-full-avatar282 .board-avatar28 .cogo-avatar img{transform:none!important;object-fit:contain!important}
.board-full-avatar282 .member-link283{font-size:12px}
.board-manage28{margin-bottom:8px}.discussion28{padding-top:14px;margin-top:12px}.discussion28 h3{font-size:15px;margin-bottom:12px}
#commentForm28{padding:12px;margin-bottom:12px;background:var(--surface)!important;border-color:var(--line)}
#commentForm28 label{margin-bottom:7px}#commentText28{min-height:50px;height:54px;padding:8px 10px;background:var(--bg)!important;border-color:var(--line)}
#commentForm28>div{margin-top:6px}.comment28{padding:12px 0}.comment28 p{margin:5px 0}.comments-empty28{padding:6px;margin:0}
.member-link283{border:0;background:none;color:var(--ink);font:inherit;font-weight:700;cursor:pointer;text-align:left;padding:2px 0;line-height:inherit;overflow-wrap:anywhere;max-width:100%;white-space:normal}
.member-link283:hover{color:var(--primary,#5568eb);text-decoration:underline;text-underline-offset:3px}.member-link283:focus-visible{outline:2px solid var(--primary,#5568eb);outline-offset:4px;border-radius:3px}
.profile-top283{display:flex;gap:24px;align-items:center}.profile-avatar283{position:relative;flex:none;width:132px;height:204px;background:color-mix(in srgb,#6678ff 7%,var(--surface));border-radius:20px;overflow:hidden}.profile-avatar283>.cogo-avatar{width:100%!important;height:100%!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important}.profile-avatar283 img{object-fit:contain!important;transform:none!important}.profile-top283 h2{overflow-wrap:anywhere;margin:12px 0;font-size:26px}.profile-top283 p{color:var(--muted);font-size:13px}.profile-stats283{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:22px 0;padding:20px 0;border-block:1px solid var(--line)}.profile-stats283 small{display:block;color:var(--muted);font-size:12px}.profile-stats283 strong{display:block;margin-top:8px;font-size:22px;overflow-wrap:anywhere}.profile-groups283{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}
.ranking283{max-width:1100px;margin:auto}.rank-modes283{margin:20px 0 24px}.ranking-summary283{display:flex;gap:30px;align-items:center;padding:24px;margin-bottom:22px}.ranking-summary283 small{display:block;color:var(--muted)}.ranking-summary283 strong{display:block;font-size:26px;margin-top:8px}.ranking-summary283 strong span{font-size:13px;margin-left:6px}.ranking-summary283 .btn{margin-left:auto}.ranking-list283{padding:8px 24px}.ranking-row283{display:grid;grid-template-columns:60px minmax(0,1fr) 95px;gap:15px;padding:18px 8px;border-bottom:1px solid var(--line);align-items:center}.ranking-row283.heading{font-size:12px;color:var(--muted)}.ranking-row283 strong{text-align:right}.ranking-row283 small{font-size:11px;margin-left:5px;color:var(--muted)}.ranking-row283.mine{background:color-mix(in srgb,#7188ff 9%,transparent);border-radius:10px}
.goal-intro283{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:20px}.goal-intro283 p{margin:0;line-height:1.8}.goal-intro283 small{color:var(--muted);font-size:12px}.goals283{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.goal-card283{padding:24px;min-width:0}.goal-card283 h2{font-size:23px;margin:22px 0 18px;overflow-wrap:anywhere}.goal-number283{color:var(--muted)}.goal-number283 strong{font-size:40px;color:var(--ink)}.goal-progress283{height:10px;border-radius:8px;background:var(--line);overflow:hidden}.goal-progress283 i{display:block;height:100%;background:linear-gradient(90deg,#6c7cee,#9a77de);border-radius:8px;transition:width .4s}.goal-people283{max-height:192px;overflow-y:auto;overflow-x:hidden;margin:20px 0}.goal-people283>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;border-bottom:1px solid var(--line)}.goal-people283 span{flex:none;color:var(--muted)}.goal-actions283{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.goal-empty283{padding:32px;grid-column:1/-1}.source-review283 article{padding:14px 0;border-bottom:1px solid var(--line)}.source-review283 button{display:block;max-width:100%;text-align:left}.source-preview283{white-space:pre-wrap;overflow-wrap:anywhere}.catalog-note283{margin:14px 0;font-size:12px;color:var(--muted)}
@media(max-width:650px){.board-body282{grid-template-columns:minmax(0,1fr) 94px;gap:12px}.board-full-avatar282{padding:7px 2px}.board-full-avatar282 .board-avatar28{width:86px!important;height:134px!important}.board-full-avatar282 small{font-size:9px}dialog.board-modal28>#modalContent{padding:12px!important}dialog.board-modal28>.dialog-head{padding:13px!important}.goals283{grid-template-columns:1fr}.goal-intro283{align-items:stretch;flex-direction:column}.ranking-summary283{padding:18px;gap:18px;flex-wrap:wrap}.ranking-summary283 strong{font-size:21px}.ranking-summary283 .btn{margin-left:0}.ranking-row283{grid-template-columns:38px minmax(0,1fr) 78px;gap:8px}.ranking-list283{padding:8px 12px}.profile-top283{gap:15px}.profile-avatar283{width:100px;height:158px}.profile-top283 h2{font-size:22px}.profile-stats283{gap:8px}.profile-stats283 strong{font-size:19px}}
.wardrobe-manage283{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 0 18px;border-bottom:1px solid var(--line);margin-bottom:16px}.wardrobe-manage283 p{font-size:12px;color:var(--muted);margin:0}.wardrobe-manage283 button{padding:10px 14px;border:1px solid var(--line);border-radius:10px;font-size:12px;flex:none}.wardrobe-list283 article{display:flex;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid var(--line)}.wardrobe-list283 img{width:50px;height:72px;object-fit:contain}.wardrobe-list283 b{flex:1;min-width:0;overflow-wrap:anywhere}.wardrobe-list283 button{font-size:12px;flex:none;margin-left:auto;padding:12px}.discard-preview283{display:flex;align-items:center;gap:20px}.discard-preview283 img{width:90px;height:130px;object-fit:contain}.discard-preview283 h3{overflow-wrap:anywhere}.nickname-warning283{background:var(--bg);border:1px solid var(--line);padding:14px;border-radius:10px;font-size:13px;line-height:1.7}
/* Calm, differentiated membership motion. No flashing or perpetual button sweep. */
.plans282{align-items:stretch;padding:12px 0}.plan282{position:relative;isolation:isolate;overflow:hidden;animation:planReveal283 .65s cubic-bezier(.2,.7,.2,1) both;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease}
.plan282:nth-child(2){animation-delay:.09s}.plan282:nth-child(3){animation-delay:.18s}.plan282:nth-child(4){animation-delay:.27s}
.plan282:hover{transform:translateY(-6px);box-shadow:0 16px 38px #1e325416}.plan282:before{content:'';position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 90% 0,var(--plan-light283,#b9c8e520),transparent 52%);pointer-events:none;transition:opacity .3s;opacity:.65}.plan282:hover:before{opacity:1}
.plan282[data-plan283=plus]{--plan-light283:#6e92ff28}.plan282[data-plan283=pro]{--plan-light283:#9775ee35;border-color:color-mix(in srgb,#9473e8 32%,var(--line))}.plan282 .eyebrow{letter-spacing:.13em}.plan282[data-plan283=pro]>.eyebrow{color:#8b6bcd}
.plan282.impact282{--plan-light283:#c69aeb55;border:1.5px solid #b88ce7!important;box-shadow:0 7px 32px #9c65d91c;background:linear-gradient(155deg,color-mix(in srgb,#e4c4ff 17%,var(--surface,#fff)),var(--surface,#fff) 48%,color-mix(in srgb,#efc798 9%,var(--surface,#fff)))!important}
.impact282:before{animation:impactAmbient283 6s ease-in-out infinite;background:radial-gradient(ellipse at 85% 5%,#d8b3f766,transparent 46%),radial-gradient(ellipse at 0% 95%,#efce9b33,transparent 40%)}
.impact282:after{content:'✦';position:absolute;z-index:-1;right:18px;top:76px;font-size:100px;line-height:1;color:#cbb1e622;transform:rotate(-10deg);animation:impactStar283 7s ease-in-out infinite;pointer-events:none}
.impact-label283{position:absolute;right:16px;top:20px;font-size:8px;font-weight:800;letter-spacing:.1em;border:1px solid #b797d65c;border-radius:20px;padding:4px 7px;color:#937048;background:color-mix(in srgb,#ffedc8 22%,var(--surface))}
.impact282:hover{transform:translateY(-8px);box-shadow:0 18px 42px #9d63d431;border-color:#aa73dc!important}.impact-cta282{background:linear-gradient(110deg,#7357c9,#a268cb)!important;box-shadow:0 5px 15px #9e6cc426;transition:box-shadow .3s,transform .3s!important}.impact-cta282:after{display:none!important}.impact-cta282:hover{transform:translateY(-1px)!important;box-shadow:0 7px 20px #9e6cc448!important}
@keyframes planReveal283{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:translateY(0)}}
@keyframes impactAmbient283{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.95;transform:scale(1.06)}}
@keyframes impactStar283{0%,100%{transform:translateY(0) rotate(-10deg);opacity:.7}50%{transform:translateY(-6px) rotate(3deg);opacity:1}}
@media(prefers-reduced-motion:reduce){.plan282,.plan282:before,.plan282:after{animation:none!important;transition:none!important}.plan282:hover,.impact282:hover{transform:none!important}}
#answerFeedback[open]{box-sizing:border-box;width:min(640px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;margin:auto;overflow:hidden!important}
#answerFeedback>.dialog-head{padding:16px 18px!important;margin:0!important;box-sizing:border-box}
#answerFeedback #feedbackBody{box-sizing:border-box;width:100%!important;max-width:100%!important;max-height:none!important;padding:10px 14px!important;flex:0 1 auto!important}
#answerFeedback .result-box{margin:0!important;box-sizing:border-box}
#answerFeedback .result-box>.badge{font-size:11px}
#answerFeedback .result-box>[data-cogo-reveal]{padding:9px 13px;min-height:38px}

/* Use the full content column, with a top-aligned ranking instead of shrink-to-fit centering. */
body[data-view=ranking] #content{display:block!important;min-width:0}
.ranking283{width:100%;max-width:1180px;margin:0 auto;box-sizing:border-box;align-self:start;min-width:0}
.ranking283 .welcome{margin:0 0 20px}.ranking283 .welcome h1{margin:8px 0;font-size:clamp(25px,3vw,36px)}
.rank-modes283{display:inline-flex;gap:4px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:13px}
.rank-modes283 button{padding:10px 18px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:13px;cursor:pointer}
.rank-modes283 button.active{background:var(--ink);color:var(--surface);font-weight:750}
.ranking-summary283{border:1px solid var(--line);border-radius:18px}.ranking-list283{border:1px solid var(--line);border-radius:18px}
.ranking-row283:last-child{border-bottom:0}.ranking-row283>*{min-width:0;overflow-wrap:anywhere}.ranking-row283.mine .member-link283:after{content:'나';display:inline-block;font-size:10px;color:var(--muted);margin-left:8px}
.account-note284{font-size:12px!important;color:var(--primary,#5368de)!important;display:flex;flex-direction:column;align-items:flex-start!important;gap:4px!important;background:var(--bg)!important}
.account-note284 span{font-size:10px;color:var(--muted)}.account-note284[hidden]{display:none!important}
/* Same preview area and card rhythm in the shop and owned closet. */
#closetGrid6 .closet-art6{height:90px!important;min-height:90px!important}
#closetGrid6 .closet-item6{min-height:0!important}
#closetGrid6 .closet-pick6{display:block;width:100%}
body[data-view=ranking] #main>.page{height:auto!important;min-height:100%;justify-content:flex-start!important}
body[data-view=ranking] #main{overflow-y:auto!important;overflow-x:hidden!important}
body[data-view=ranking] .page-footer{margin-top:auto!important;padding-top:28px}
.community284{width:100%;min-width:0;flex:none;align-self:stretch}.community284 .desk-head9{margin-bottom:22px}.community284 .community-tools8{margin:0 0 16px;flex-wrap:wrap;gap:16px}.community284 .resource-search8{max-width:100%;width:260px}
.board-table284{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface);width:100%;box-sizing:border-box}
.board-table284 .board-table-head282,.board-table284 .board-row282{display:grid;grid-template-columns:64px minmax(0,1fr) 140px 180px;gap:14px;padding:13px 20px;min-height:50px;box-sizing:border-box}
.board-table284 .board-table-head282{background:var(--surface-soft,var(--bg));font-size:12px}.board-table284 .board-table-head282 small{font-size:9px;margin-left:4px;font-weight:500}
.board-table284 .board-row282:last-child{border-bottom:0}.board-table284 .board-row282>.badge{justify-self:start;font-size:10px;padding:4px 8px}
.board-table284 .post-title28{font-size:14px;margin:0;line-height:1.55;display:block}.comment-inline284{display:inline-block;font-size:11px;font-style:normal;color:var(--primary,#5568e7);margin-left:8px;font-weight:750}
.board-table284 .board-row282 time{font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}.board-table284 .board-author282{font-size:12px}.community284 .board-pagination{margin-top:14px;padding:0 4px;font-size:12px}
.comment-thread284{border-top:1px solid var(--line)}.comment-thread284>.comment28{border:0}.comment28.reply28{margin-left:44px;padding-left:16px;border-left:2px solid var(--line);border-top:1px solid var(--line)}.comment28 header{justify-content:space-between}.comment28 footer{gap:14px}.comment28 footer button{padding:5px 0;font-size:11px}
.comment28 #commentForm28{margin:12px 0 0}.comment28>.board-avatar28{background:var(--bg)}.comment28 .reply-label28{margin-top:3px}.comment-thread284 .comment28 p{line-height:1.7}
.topbar>.flex{gap:10px!important;align-items:center}.topbar .header-group284{display:flex;align-items:center;gap:8px;min-width:0}.topbar .header-tools284{padding-left:12px;border-left:1px solid var(--line)}
.topbar .header-group284>button{height:36px!important;min-height:36px!important;margin:0!important;box-sizing:border-box;flex-shrink:0}
.topbar .header-tools284>button{width:36px!important;padding:7px!important;border-radius:11px}.topbar .header-tools284 .settings-button>span{display:none}
.topbar .account-area7{margin-left:2px}.topbar .account-button7{height:38px;max-width:180px}.topbar #accountLabel7{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar #accountMenu7 [data-account7=profile]:not([data-account-note284]){display:flex!important}.topbar #accountMenu7 [hidden]{display:none!important}
.topbar #accountMenu7 #accountAuth7{order:10;border-top:1px solid var(--line);margin-top:5px;padding-top:12px}.topbar #accountMenu7:not([hidden]){display:flex;flex-direction:column;gap:3px;width:240px}
.topbar #accountMenu7 header{padding-bottom:12px;margin-bottom:4px}.account-menu7>button{min-height:38px}.account-menu7>button>svg{width:16px;height:16px;flex:none}
@media(max-width:900px){.board-table284 .board-table-head282,.board-table284 .board-row282{grid-template-columns:52px minmax(0,1fr) 96px 140px;gap:8px;padding-inline:14px}.topbar>.flex{gap:6px!important}.topbar .header-tools284{padding-left:6px;gap:4px}.topbar #coachButton6{display:none!important}}
@media(max-width:600px){.board-table284 .board-table-head282{display:none}.board-table284 .board-row282{grid-template-columns:44px minmax(0,1fr);gap:7px 10px;padding:14px}.board-table284 .post-title28{grid-column:2;grid-row:1}.board-table284 .board-author282{grid-column:2;grid-row:2}.board-table284 .board-row282 time{grid-column:2;grid-row:3}.community284 .community-tools8{align-items:stretch;gap:12px}.community284 .resource-search8{width:100%}.community284 .desk-head9{gap:10px}.comment28.reply28{margin-left:16px;padding-left:10px}.comment28 header{align-items:flex-start;gap:3px}.topbar .header-tools284{border:0;padding-left:0}.topbar .header-tools284 .settings-button{display:none!important}.topbar .header-group284{gap:4px}.topbar .header-progress284 .xp-header-detail7{display:none!important}.topbar .header-progress284 .xp-header7{padding:5px 7px!important}.topbar .header-progress284 .energy-pill15{padding:5px 7px!important}.topbar #accountLabel7{max-width:58px}}
#codeInput{tab-size:4;scroll-behavior:auto!important;caret-color:auto;overscroll-behavior:contain}#lineNumbers{pointer-events:none;overflow:hidden;tab-size:4}
.source-search284{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.source-search284 input{flex:1;min-width:120px}.source-search284 select{max-width:100%}.source-open284{font-size:12px;white-space:nowrap}.source-review283 article{display:flex;justify-content:space-between;align-items:center;gap:12px}.source-review283 small{font-size:11px;color:var(--muted);flex:none}.source-review283 button{font-size:13px;line-height:1.6}
@media(max-width:600px){.source-review283 article{align-items:flex-start;flex-direction:column;gap:4px}}
/* Keep legacy header nodes in their original parent; native status updates insert beside them. */
.topbar #xpHeader7{order:1}.topbar .energy-pill15{order:2}.topbar .coin{order:3;margin-right:10px!important}.topbar #coachButton6{order:4}.topbar #courseBell21{order:5}.topbar #settingsButton{order:6}.topbar .account-area7{order:7}
.topbar>.flex>button{height:36px!important;min-height:36px!important;margin-block:0!important;box-sizing:border-box;flex-shrink:0}
.topbar #coachButton6,.topbar #courseBell21,.topbar #settingsButton{width:36px!important;padding:7px!important;border-radius:11px}
.topbar #settingsButton>span{display:none}.topbar .account-area7{padding-left:10px;border-left:1px solid var(--line)}
@media(max-width:600px){.topbar #settingsButton{display:none!important}.topbar .coin{margin-right:0!important}.topbar .account-area7{padding-left:4px}.topbar .xp-header-detail7{display:none!important}.topbar #xpHeader7,.topbar .energy-pill15{padding:5px 7px!important}}
.problem-figure284{margin:16px 0;padding:12px;background:var(--surface-soft,var(--bg));border:1px solid var(--line);border-radius:14px;--figure-line:#7184d9;--figure-soft:#e9edff;--figure-accent:#bdcaf6}.problem-figure284 svg{display:block;width:100%;max-height:270px;margin:auto;color:var(--ink)}.problem-figure284 figcaption{font-size:11px;line-height:1.6;text-align:center;color:var(--muted);margin-top:8px}[data-theme=dark] .problem-figure284{--figure-line:#9cacfa;--figure-soft:#29354e;--figure-accent:#4a608c}

/* COGO's indigo, rose and clear paper surfaces, with distinct growth identities. */
#modal.account-modal285,#modal.profile-modal285{width:min(800px,94vw)!important}#modal.history-modal285{width:min(920px,95vw)!important}#modal.reward-modal285{width:min(620px,94vw)!important}
.account-modal285 #modalContent,.profile-modal285 #modalContent{padding:0!important}.profile285,.account285{overflow:hidden;border-radius:0 0 24px 24px}.profile285 *,.account285 *{box-sizing:border-box}
.account-hero285{position:relative;display:flex;align-items:center;gap:24px;padding:28px 32px;background:radial-gradient(ellipse at 95% 5%,#7481f74d,transparent 55%),linear-gradient(120deg,#14203d,#293258);color:#fff}.account-avatar285{position:relative;width:95px;height:136px;flex:none;background:linear-gradient(150deg,#ffffff16,#ffffff05);border:1px solid #ffffff30;border-radius:25px}.account-avatar285 .cogo-avatar{width:100%!important;height:100%!important;margin:0!important}.account-hero285 h2{font-size:29px;margin:8px 0;overflow-wrap:anywhere}.account-hero285 p{font-size:12px;color:#cfdaee;margin:0 0 12px}.account-hero285>div>span{font-size:10px;letter-spacing:2px;color:#bdcaff}.account-hero285 b{font-size:12px;color:var(--tier285)}.account-profile285{align-self:flex-end;margin-left:auto;border:1px solid #ffffff30;border-radius:11px;padding:11px 13px;background:#ffffff0b;color:#fff;white-space:nowrap;font:inherit;font-size:12px;cursor:pointer}
.account-body285{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;padding:28px 30px;background:var(--surface,#fff)}.account-body285 h3{margin:0 0 18px;font-size:15px}.account-body285 .form6{gap:12px;margin:0}.account-body285 .form6 p{margin:0;font-size:11px;line-height:1.7}.account-body285 input{min-height:44px!important}.nickname-note285{font-size:12px;line-height:1.6;padding:12px;border-left:3px solid #798af5;background:color-mix(in srgb,#798af5 8%,var(--surface));border-radius:8px}.account-links285{border-left:1px solid var(--line);padding-left:26px}.account-links285>button{display:flex;align-items:center;gap:12px;width:100%;padding:14px 0;background:none;border:0;border-bottom:1px solid var(--line);text-align:left;color:var(--ink);font:inherit;font-size:12px;cursor:pointer}.account-links285 svg{width:20px;height:20px;color:#7685e8;flex:none}.account-links285 b{margin-left:auto;color:#a2aec6}.account-links285>button:hover{color:#596bf5}.account-footer285{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 30px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);background:var(--surface,#fff)}
.profile-hero285{display:grid;grid-template-columns:46% minmax(0,1fr);min-height:310px;color:#fff;background:radial-gradient(ellipse at 20% 55%,color-mix(in srgb,var(--tier285) 24%,transparent),transparent 58%),linear-gradient(140deg,#111b32,#202445 70%,#342548)}.profile-stage285{position:relative;min-height:310px;isolation:isolate;overflow:hidden}.profile-avatar285{position:absolute;width:186px;height:265px;left:50%;top:25px;transform:translateX(-50%);filter:drop-shadow(0 18px 22px #060b284a)}.profile-avatar285>.cogo-avatar{width:100%!important;height:100%!important;margin:0!important;min-height:0!important}.profile-avatar285 img{object-fit:contain!important;transform:none!important}.crest285{position:absolute;left:50%;top:15px;transform:translateX(-50%);width:240px;height:280px;fill:none;stroke:var(--tier285);stroke-width:1;opacity:.32}.crest285 circle{stroke-dasharray:3 9}.profile-orbit285{position:absolute;left:50%;bottom:30px;width:200px;height:39px;transform:translateX(-50%);border:1px solid var(--tier285);border-radius:50%;box-shadow:0 0 20px color-mix(in srgb,var(--tier285) 24%,transparent),inset 0 0 22px color-mix(in srgb,var(--tier285) 18%,transparent)}.profile-orbit285.second{width:242px;height:50px;bottom:24px;opacity:.32}.profile-stage-label285{position:absolute;bottom:10px;left:0;right:0;text-align:center;color:var(--tier285);font-size:9px;font-weight:800;letter-spacing:4px}.profile-identity285{align-self:center;padding:25px 26px 25px 0;min-width:0}.profile-kicker285{font-size:10px;color:#c3cdeb;letter-spacing:3px}.profile-identity285 h2{font-size:34px;margin:13px 0 12px;overflow-wrap:anywhere;line-height:1.22;letter-spacing:-1px}.profile-tier285{display:inline-block;padding:5px 10px;border:1px solid color-mix(in srgb,var(--tier285) 45%,transparent);border-radius:6px;color:var(--tier285);font-size:11px;background:color-mix(in srgb,var(--tier285) 9%,transparent)}.profile-level285{margin:18px 0 10px;line-height:1;font-size:clamp(25px,4vw,42px);font-weight:900;letter-spacing:-1.5px;font-variant-numeric:tabular-nums;color:#fff}.profile-level285 small{font-size:11px;letter-spacing:2px;margin-right:6px;color:var(--tier285);font-weight:700}.profile-motto285{font-size:12px;line-height:1.7;color:#c6cee3}.profile-guide285{font:inherit;font-size:11px;color:var(--tier285);border:0;background:none;padding:8px 0;cursor:pointer}.profile-particle285{position:absolute;color:var(--tier285);font-size:12px;opacity:.65;left:20%;top:20%}.profile-particle285.p1{left:80%;top:65%}.profile-particle285.p2{left:77%;top:25%;font-size:18px}.profile-particle285.p3{left:24%;top:75%}.profile-particle285.p4{left:55%;top:9%;font-size:8px}.profile-particle285.p5{left:12%;top:46%}.profile-particle285.p6{left:86%;top:48%}
.profile285[data-motion285=true] .profile-particle285{animation:twinkle285 3s ease-in-out infinite alternate}.profile285[data-motion285=true] .p1,.profile285[data-motion285=true] .p3{animation-delay:-1.5s}.profile285[data-motion285=true][data-tier285="5"] .crest285,.profile285[data-motion285=true][data-tier285="6"] .crest285{animation:crestGlow285 4s ease-in-out infinite alternate}.profile285[data-tier285="6"] .profile-hero285{background:radial-gradient(ellipse at 20% 50%,#70f1ce3a,transparent 50%),radial-gradient(ellipse at 95% 0,#c583fd48,transparent 60%),#151c38}.profile285[data-tier285="6"] .profile-tier285{background:linear-gradient(100deg,#92f6dd22,#a7afff33,#f3b4ef22)}
.profile-body285{padding:25px 30px;background:var(--surface,#fff)}.profile-growth285>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center}.profile-growth285 b{font-size:13px}.profile-growth285 span,.profile-growth285>small{color:var(--muted);font-size:11px}.profile-track285{height:9px;background:var(--line);border-radius:10px;margin:13px 0 8px;overflow:hidden}.profile-track285 i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,var(--tier285),var(--tier-second285));min-width:2px}.profile-stats285{display:grid;grid-template-columns:1fr 1fr;padding:23px 0;margin:20px 0;border-block:1px solid var(--line);gap:24px}.profile-stats285>div+div{border-left:1px solid var(--line);padding-left:24px}.profile-stats285 span{display:block;font-size:11px;color:var(--muted)}.profile-stats285 strong{display:block;font-size:clamp(19px,3vw,28px);letter-spacing:-.7px;margin-top:8px;overflow-wrap:anywhere}.profile-stats285 small{font-size:11px;margin-left:6px;color:var(--muted);font-weight:500}.profile-groups285 h3{font-size:13px;margin:0 0 12px}.profile-groups285>div{display:flex;gap:8px;flex-wrap:wrap}.profile-groups285 span{background:var(--bg);border:1px solid var(--line);border-radius:7px;padding:6px 10px;font-size:11px}.profile-groups285 p{font-size:12px;color:var(--muted);margin:0}.profile-body285>[data-profile-return283]{margin-top:20px}.tier-guide285{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tier-guide285 article{display:flex;flex-direction:column;gap:8px;padding:20px;background:#17213a;border-left:3px solid var(--tier285);border-radius:12px;color:white}.tier-guide285 article span{letter-spacing:2px;font-size:8px;color:var(--tier285)}.tier-guide285 b{font-size:18px}.tier-guide285 small{font-size:11px;color:#d0d8ed}
.ranking-person285{display:flex;align-items:center;gap:14px;min-width:0}.ranking-person285 button{display:flex;align-items:center;gap:14px;text-align:left}.face285{display:block;position:relative;width:48px;height:48px;flex:none;border-radius:16px;overflow:hidden;background:linear-gradient(145deg,#eff0ff,#dfe6ff);border:1px solid #d5dcf2}.face285>.cogo-avatar{position:absolute!important;left:50%!important;top:-4px!important;width:90px!important;height:139px!important;margin:0!important;transform:translateX(-50%)!important}.face285 img{object-fit:contain!important}.ranking-row283{min-height:83px}.ranking-row283.heading{min-height:48px}.ranking-row283.mine{border:1px solid color-mix(in srgb,#879aff 30%,var(--line));background:linear-gradient(90deg,color-mix(in srgb,#d9defe 20%,var(--surface)),var(--surface))}
.history285 article{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:18px 0!important}.history-info285{min-width:0}.history-info285 .submission-link282{padding:0;font-size:15px}.history-info285 p{margin:8px 0 0;font-size:11px}.history-info285>small{display:block;font-size:11px;line-height:1.6;max-width:65ch;margin-top:6px;color:var(--muted);overflow-wrap:anywhere}.history-info285>small:empty{display:none}.history-actions285{display:flex;align-items:center;gap:16px;justify-content:flex-end}.history-actions285 .badge{font-size:10px;white-space:nowrap}.history-actions285 .btn{font-size:12px;min-height:40px;padding:8px 13px;white-space:nowrap}
#answerFeedback .result-box{border:0!important;background:transparent!important;padding:8px 4px!important;margin:0!important;border-radius:0!important}#answerFeedback #feedbackBody{padding:14px 24px!important}#answerFeedback .answer-concealed19{border:0!important}#answerFeedback .result-box>h3,#answerFeedback .result-box>.badge{display:none!important}.reward-summary285 .xp-reward7{border:1px solid #dce2ff;background:linear-gradient(135deg,#f1f4ff,#f8f0ff);border-radius:20px;padding:20px;color:#27385b}.reward-summary285 .xp-medal8{background:linear-gradient(145deg,#657af9,#a08af6);box-shadow:0 7px 19px #8391eb35}.reward-summary285 .xp-reward7 h3{font-size:17px}.reward-summary285 .xp-reward7 strong{font-size:26px}.reward-summary285 .xp-caption7{font-size:11px}.reward-summary285 .xp-stars8{opacity:.45}.reward-points285{margin:12px 0!important;gap:18px;padding:18px 20px!important;border:1px solid #f5d885;background:linear-gradient(110deg,#fff8dd,#ffebbc)!important}.reward-points285 strong{font-size:32px;letter-spacing:-1px}.reward-points285 strong em{font-style:normal;font-size:20px}.reward-deposit285{margin-left:auto;font-size:11px;text-align:right;max-width:75px;color:#896626}.reward-subtitle285{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px;color:var(--muted);margin:0 0 20px}.reward-subtitle285 span{white-space:nowrap;font-size:10px;color:#626d91;background:var(--bg);border-radius:6px;padding:5px 8px}.reward-repeat285{background:var(--bg);padding:18px;border-radius:13px;font-size:13px;line-height:1.7;color:var(--muted)}.reward-actions285{display:flex;gap:12px;margin-top:22px;justify-content:space-between}.reward-detail285{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.reward-detail285 p{font-size:12px!important;color:var(--muted);margin:8px 0}.reward-detail285 .btn{font-size:12px;padding:9px 12px}.reward-saved285{font-size:11px;color:var(--muted);text-align:right;margin:0 0 8px}
.solver-toolbar285{display:flex!important;justify-content:flex-start!important;gap:14px!important;align-items:center!important}.solver-toolbar285>.back-btn{margin-right:auto}.solver-toolbar285>.flex{gap:0!important;margin-left:auto}.solver-toolbar285 .solve-save285{display:flex;gap:7px;align-items:center;width:auto!important;min-height:38px;padding:8px 12px!important;background:var(--surface);border:1px solid var(--line);border-radius:11px;font-size:11px}.solver-toolbar285 .solve-save285 svg{width:16px;height:16px}.solver-toolbar285 .solve-save285.saved{color:#5c6fe9;background:#eef1ff}.practice-mode285{margin-left:auto!important;font-size:10px!important;background:transparent!important;color:var(--muted)!important;border-left:1px solid var(--line);border-radius:0!important;padding:2px 10px!important}.question-panel>.flex.gap8{flex-wrap:wrap}
@keyframes twinkle285{from{opacity:.25;transform:translateY(2px) scale(.8)}to{opacity:.9;transform:translateY(-4px) scale(1.1)}}@keyframes crestGlow285{from{opacity:.22;filter:drop-shadow(0 0 0 var(--tier285))}to{opacity:.55;filter:drop-shadow(0 0 7px var(--tier285))}}
@media(max-width:600px){.account-hero285{padding:20px;gap:14px;flex-wrap:wrap}.account-avatar285{width:65px;height:98px}.account-hero285 h2{font-size:24px}.account-profile285{position:absolute;right:16px;bottom:17px;padding:7px;font-size:10px}.account-body285{grid-template-columns:1fr;padding:22px;gap:24px}.account-links285{border-left:0;padding:0}.account-footer285{padding:15px 22px;align-items:flex-start}.account-footer285 span{max-width:200px;line-height:1.6}.profile-hero285{grid-template-columns:44% minmax(0,1fr);min-height:256px}.profile-stage285{min-height:256px}.profile-avatar285{width:139px;height:216px;top:19px}.crest285{width:176px;height:235px;top:3px}.profile-orbit285{width:133px;bottom:30px;height:28px}.profile-orbit285.second{width:155px;height:35px;bottom:27px}.profile-stage-label285{font-size:7px;letter-spacing:2px;bottom:15px}.profile-identity285{padding:18px 15px 18px 0}.profile-identity285 h2{font-size:24px}.profile-level285{font-size:26px}.profile-level285 small{font-size:8px;display:block;margin:0 0 7px}.profile-motto285{font-size:10px}.profile-kicker285{font-size:8px;letter-spacing:2px}.profile-body285{padding:20px}.profile-stats285{gap:15px;padding:18px 0}.profile-stats285>div+div{padding-left:15px}.profile-stats285 strong{font-size:21px}.profile-growth285>div:first-child{align-items:flex-start}.profile-growth285 span{font-size:9px}.profile-growth285 b{font-size:11px}.history285 article{gap:12px}.history-actions285{flex-direction:column;align-items:flex-end;gap:9px}.history-info285 .submission-link282{font-size:13px}.history-info285 p{font-size:10px;line-height:1.6}.history-actions285 .btn{font-size:10px}.face285{width:40px;height:40px;border-radius:13px}.face285>.cogo-avatar{width:79px!important;height:122px!important}.ranking-person285 button{gap:9px}.ranking-row283{gap:8px;padding:12px 6px}.reward-summary285 .xp-reward7{padding:16px}.reward-points285{padding:14px!important;gap:12px}.reward-deposit285{max-width:54px;font-size:10px}.reward-actions285 .btn{font-size:12px}.solver-toolbar285{gap:8px!important;flex-wrap:wrap}.solver-toolbar285 .back-btn{font-size:11px}.solver-toolbar285 .solve-save285{padding:8px!important}.solver-toolbar285 [id*="timer"],.solver-toolbar285 [class*="timer"]{font-size:11px}.practice-mode285{padding:2px 7px!important}}
@media(prefers-reduced-motion:reduce){.profile285 *{animation:none!important;transition:none!important}}
[data-theme=dark] .reward-summary285 .xp-reward7,body.dark .reward-summary285 .xp-reward7{background:linear-gradient(135deg,#25324e,#322b4e);color:#edf1ff;border-color:#44476d}

.cover-illustration285{display:block;width:100%;height:100%;max-width:100%}.book285 .book-art14{padding:0!important;background:var(--surface)!important;display:flex!important;flex-direction:column;border:0!important;border-radius:15px 15px 0 0!important;overflow:hidden!important;min-height:0!important}.book285 .book-art14:before,.book285 .book-art14:after{display:none!important}.book-cover-art285{position:relative;min-height:100px;flex:1}.cover-edition285{position:absolute;left:16px;top:14px;font-size:8px!important;letter-spacing:2px;color:#485677!important;font-weight:700}.book285 .book-art14 .book-cover-copy285{padding:15px 18px 12px;text-align:left;background:var(--surface)}.book285 .book-cover-copy285>span{font-size:10px!important;color:var(--muted)!important}.book285 .book-cover-copy285 h2{font-size:18px!important;line-height:1.35!important;color:var(--ink)!important;margin:8px 0 0!important;max-width:none!important}.book285{border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;box-shadow:0 3px 12px #20305c04;overflow:hidden;min-width:0}.book285 .book-link14{display:flex!important;flex-direction:column;height:100%;width:100%;text-align:left}.book285 .book-art14{flex:1}.book285 .book-bottom14{padding:10px 18px 14px!important;border-top:1px solid var(--line);gap:10px;min-height:56px!important}.book285 .book-bottom14 strong{font-size:11px!important}.book285 .book-bottom14 span{font-size:10px!important}.book285 .book-favorite14{top:10px!important;right:10px!important;background:#fffffff0!important;border:1px solid #d5dcec!important;width:34px!important;height:34px!important;border-radius:10px!important;box-shadow:none!important;color:#55617c!important}.book285 .book-favorite14.active{background:#6b79d8!important;color:white!important;border-color:#6b79d8!important}.book-progress285{width:100%;box-sizing:border-box;padding:10px 18px 15px;background:var(--surface);color:var(--ink)}.book-progress285>div:first-child{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:10px}.book-progress285 span{color:var(--muted)}.book-progress285 b{font-size:13px;font-variant-numeric:tabular-nums;color:#6979cc}.book-progress285 small{font-size:10px;font-weight:500;color:var(--muted)}.book-track285{height:5px;border-radius:8px;overflow:hidden;background:var(--line);margin-top:9px}.book-track285 i{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,#8293e8,#b395de)}.desk11>.book-progress285{border:1px solid var(--line);border-radius:14px;flex-shrink:0;margin-bottom:15px;padding:16px 20px}.favorite-plans285{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px!important}.favorite-plans285>span{display:flex!important;flex-direction:column;align-items:flex-start;padding:18px 12px!important;border:1px solid var(--line);border-radius:12px;background:var(--bg);gap:10px}.favorite-plans285 small{font-size:9px;letter-spacing:1px}.favorite-plans285 b{font-size:27px}.favorite-plans285 em{font-size:11px;font-style:normal;margin-left:4px}.favorite-plans285 i{font-size:9px;font-style:normal;color:var(--muted)}.favorite-plans285>span.current{border-color:#8b96df}.favorite-plans285 [data-favorite-plan285=impact]{background:linear-gradient(145deg,#252b4c,#4e4267);color:#f4edf9;border-color:#605276}.resource285 .resource-cover10{overflow:hidden;background:none!important}.resource285 .resource-cover10>span{background:#fffffff0!important;border:1px solid #d8deed;color:#4a587a!important;font-size:9px;border-radius:6px}.resource285 .resource-copy9 h2{line-height:1.4!important}.resource285{border:1px solid var(--line)!important;border-radius:14px!important;box-shadow:none!important;min-width:0}
@media(max-width:600px){.favorite-plans285{grid-template-columns:repeat(2,minmax(0,1fr))}.book285 .book-cover-copy285 h2{font-size:16px!important}.book-cover-art285{min-height:85px}.cover-edition285{left:10px;top:10px;font-size:7px!important}.book285 .book-art14 .book-cover-copy285{padding:12px}.book285 .book-bottom14{padding:10px 12px!important}.book-progress285{padding:9px 12px 13px}.book-progress285>div:first-child{gap:6px}.book-progress285 b{font-size:12px}}

.book285 .book-bottom14 strong{display:none!important}.book285 .book-bottom14 .book-progress285{padding:0;background:transparent}.book285 .book-cover-art285{min-height:75px!important}.book285 .book-cover-copy285{flex:none}.book285 .book-bottom14{flex:none!important;min-height:54px!important}.book285 .book-bottom14 .book-progress285 span{font-size:10px!important}
@media(max-width:600px){.book285 .book-art14{display:grid!important;grid-template-columns:100px minmax(0,1fr);align-items:center;min-height:0!important;overflow:hidden!important}.book285 .book-art14 .book-cover-art285{height:100%;min-height:0!important;min-width:0}.book285 .book-art14 .book-cover-copy285{padding:12px 40px 12px 12px!important;min-width:0;overflow:visible}.book285 .book-cover-copy285>span{font-size:8px!important;display:block!important;line-height:1.6}.book285 .book-cover-copy285 h2{display:block!important;font-size:14px!important;margin-top:7px!important;line-height:1.5!important;white-space:normal!important}.book285 .book-bottom14{min-height:54px!important}.book285 .cover-edition285{font-size:6px!important;letter-spacing:1px;left:8px;top:10px}.book285 .book-favorite14{width:29px!important;height:29px!important;right:8px!important;top:8px!important}}

/* Native scroll controls retain keyboard, wheel and touch behavior. */
:root{--scroll-thumb285:#a6afd1;--scroll-hover285:#7d8bbc;--scroll-track285:transparent}html[data-theme=dark]{--scroll-thumb285:#59627f;--scroll-hover285:#8d99c5}
*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb285) var(--scroll-track285)}
::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track285)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb285);border:2px solid transparent;border-radius:20px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover285);border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}
@media(forced-colors:active){*{scrollbar-color:auto}}
/* Wrapping content must not force its grid or modal wider than its viewport. */
#modalContent{min-width:0;overflow-wrap:anywhere}#modalContent>*,.desk11,.desk11>*{min-width:0}#modalContent img,.community-content284 img{max-width:100%;height:auto}
.form-actions7,.form-actions6{flex-wrap:wrap}.form-actions7 .btn{min-width:0}
.wallet-ledger282,.submission-history282{max-height:none!important;overflow:visible!important}.community-body284,.comment-text284{overflow-wrap:anywhere;word-break:normal}
#answerFeedback{max-height:min(88dvh,850px)!important}#answerFeedback .feedback-body{overflow-x:clip}.reward-summary285{min-width:0}.reward-actions285>*{min-width:0}
/* One scrolling content area per dialog; short content grows naturally. */
#modal.account-modal285[open],#modal.profile-modal285[open],#modal.history-modal285[open],#modal.reward-modal285[open]{display:flex!important;flex-direction:column;max-width:calc(100vw - 24px)!important;max-height:calc(100dvh - 28px)!important;overflow:hidden!important}
#modal.account-modal285>.dialog-head,#modal.profile-modal285>.dialog-head,#modal.history-modal285>.dialog-head,#modal.reward-modal285>.dialog-head{flex:none;padding:18px 24px!important;margin:0!important}
#modal.account-modal285>#modalContent,#modal.profile-modal285>#modalContent,#modal.history-modal285>#modalContent,#modal.reward-modal285>#modalContent{overflow:auto!important;flex:0 1 auto;min-height:0;max-height:none!important}
#modalContent .cogo-avatar img{height:100%!important}.face285>.cogo-avatar{height:90px!important;top:-2px!important}.face285 img{transform:none!important}
.profile-body285{padding-block:20px}.profile-stats285{padding-block:18px;margin-block:16px}.profile-body285>[data-profile-return283]{margin-top:14px}.profile-avatar285{width:210px;height:270px;top:18px}
.book-cover-art285{background:var(--cover-tint285,#e7ebff)}.resource285 .resource-cover10{background:var(--cover-tint285,#e7ebff)!important}.book285 .book-art14{min-height:100px!important}.book285 .book-cover-art285{min-height:0}.cover-illustration285{height:100%;object-fit:contain}
.sprint-intro11.sprint-mastered19{min-height:0!important;gap:14px;padding-top:0}.sprint-intro11.sprint-mastered19 h1{font-size:32px;margin:8px 0}.sprint-intro11.sprint-mastered19>p{margin:6px 0}.sprint-intro11.sprint-mastered19 .sprint-orbit11{width:92px;height:92px;margin-block:5px 12px;font-size:44px}.sprint-intro11.sprint-mastered19 .word-progress19{margin-block:8px}.sprint-intro11.sprint-mastered19 .sprint-record11{margin-block:10px}.sprint-intro11.sprint-mastered19>small{margin-top:0}
body[data-view=certifications] .cert-page11{min-height:0!important;height:auto!important}.word-progress19 progress{display:block;width:100%;height:7px;border:0;border-radius:8px;overflow:hidden;background:var(--line);color:#8e91e4;appearance:none}.word-progress19 progress::-webkit-progress-bar{background:var(--line);border-radius:8px}.word-progress19 progress::-webkit-progress-value{background:linear-gradient(90deg,#8695ed,#b096de);border-radius:8px}.word-progress19 progress::-moz-progress-bar{background:#8e91e4;border-radius:8px}
.live-lobby22{padding:24px!important}
@media(max-width:600px){#modal.account-modal285>.dialog-head,#modal.profile-modal285>.dialog-head{padding:14px 20px!important}.account-body285{padding:18px 20px;gap:20px}.account-body285 h3{margin-bottom:12px}.account-links285>button{padding:12px 0}.account-hero285{padding:18px 20px}.account-footer285{padding:12px 20px}.account-avatar285{height:90px}.profile-avatar285{width:150px;height:216px;top:23px}.face285>.cogo-avatar{height:79px!important}.sprint-intro11.sprint-mastered19 h1{font-size:26px}.sprint-intro11.sprint-mastered19{padding-inline:12px;gap:12px}}
.sprint-intro11.sprint-mastered19{height:auto!important;justify-content:flex-start!important}.live-footnote22{margin-top:10px!important}
.sprint-intro11.sprint-mastered19{gap:16px}.sprint-intro11.sprint-mastered19>*{margin-block:0!important}
.question-panel .rough-work:not([open]){margin-top:8px!important;padding-top:8px!important}.question-reading .practice-mode285{margin-left:0!important}.question-reading>.flex{flex-wrap:wrap}.solve-reward-note285{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:10px;color:var(--muted);line-height:1.6}.solve-reward-note285 button{border:0;background:transparent;color:var(--primary,#5e72df);font:inherit;cursor:pointer;padding:0}

/* Workbook pagination uses the complete card height, including saved progress. */
#bookCards11 .book285 .book-art14{display:grid!important;grid-template-rows:minmax(78px,1fr) auto;min-height:162px!important;flex:1!important}
#bookCards11 .book285 .book-art14 .book-cover-copy285{padding:12px 16px 14px!important;min-width:0}
#bookCards11 .book285 .book-cover-copy285 h2{font-size:16px!important;line-height:1.45!important;white-space:normal!important;overflow:visible!important;max-height:none!important;overflow-wrap:anywhere;margin-top:6px!important}
#bookCards11 .book285 .book-cover-art285{min-height:78px!important;min-width:0}
#bookCards11 .book285 .book-bottom14{box-sizing:border-box;min-height:62px!important;padding:11px 16px!important}
#bookCards11 .book285 .book-bottom14 span{margin:0!important}
#bookCards11 .book285 .book-track285>i{margin:0!important}
.goal-empty283{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px;row-gap:10px;align-items:center;padding:28px 32px!important}
.goal-empty283>h2{grid-column:1;margin:0;line-height:1.4}
.goal-empty283>p{grid-column:1;margin:0;line-height:1.7;color:var(--muted)}
.goal-empty283>[data-go=groups]{grid-column:2;grid-row:1/3;justify-self:end;margin:0;white-space:nowrap;min-height:42px;padding:11px 20px}
#learningHistory23 .history-filters23{display:grid!important;grid-template-columns:minmax(0,420px) minmax(116px,136px);justify-content:start;gap:10px;align-items:center}
#learningHistory23 .history-filters23>label{box-sizing:border-box;height:42px!important;min-height:0!important;padding:0 12px!important;gap:8px;min-width:0;margin:0}
#learningHistory23 .history-filters23 input{height:100%!important;min-height:0!important;min-width:0;width:100%;padding:0!important;font-size:13px!important}
#learningHistory23 .history-filters23 select{box-sizing:border-box;height:42px!important;min-height:0!important;width:100%;margin:0;padding:0 12px!important;font-size:13px!important}
.wrong-list .empty{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:14px;min-height:190px;padding:28px 16px!important;text-align:center;grid-column:1/-1}
.wrong-list .empty .empty-mascot{position:static!important;float:none!important;transform:none!important;margin:0!important;width:68px!important;height:68px!important;object-fit:contain;flex:none}
.wrong-list .empty>p{margin:0!important;line-height:1.7;color:var(--muted)}
.points-modal286 #modalContent{padding:22px 24px!important}
.points-modal286 .point-summary10{padding:18px 20px;margin:0 0 10px}
.ledger-list286{list-style:none;padding:0;margin:0}
.ledger-list286>li{padding:15px 0;border-bottom:1px solid var(--line);min-width:0}
.ledger-list286>li>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font-size:13px;line-height:1.5}
.ledger-list286 strong{white-space:nowrap;font-variant-numeric:tabular-nums}
.ledger-list286 small{display:block;color:var(--muted);margin-top:7px;font-size:11px;line-height:1.6}
.ledger-empty286{text-align:center;color:var(--muted);line-height:1.8;padding:28px 12px!important}
.ledger-pages286{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:18px}
.ledger-pages286 .btn{min-width:72px;min-height:42px}
.ledger-pages286 p{margin:0;text-align:center;font-size:12px}
.ledger-pages286 span{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.signup-gender286{border:0;padding:0;margin:4px 0;min-width:0}
.signup-gender286 legend{font-weight:700;font-size:14px}.signup-gender286 legend span{font-size:11px;font-weight:400;color:var(--muted);margin-left:6px}
.signup-gender286>p{font-size:12px;color:var(--muted);margin:8px 0 12px;line-height:1.6}
.signup-gender-options286{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.signup-gender-options286>label{position:relative!important;display:block!important;margin:0!important;cursor:pointer}
.signup-gender-options286 input{position:absolute;top:14px;left:12px;width:16px!important;height:16px!important;min-height:0!important;margin:0!important;z-index:1;accent-color:var(--primary,#6374d8)}
.signup-gender-options286 input+span{display:flex;align-items:center;flex-direction:column;border:1px solid var(--line);border-radius:12px;padding:12px;background:var(--surface);gap:5px;min-width:0}
.signup-gender-options286 input:checked+span{border-color:#7382d6;box-shadow:0 0 0 1px #7382d6;background:color-mix(in srgb,#8799ef 10%,var(--surface))}
.signup-gender-options286 input:focus-visible+span{outline:2px solid var(--primary,#6374d8);outline-offset:3px}
.signup-gender-options286 .cogo-avatar{width:72px!important;height:100px!important;min-height:0!important;margin:0!important;aspect-ratio:auto!important}
.signup-gender-options286 .cogo-avatar img{object-fit:contain!important;transform:none!important}
.signup-gender-options286 b{font-size:13px}.signup-gender-options286 small{font-size:10px;color:var(--muted)}
.gender-agree286{align-items:flex-start!important;line-height:1.6!important;font-size:12px!important}.gender-agree286 input{flex:none;margin-top:3px!important}
@media(max-width:600px){
 #bookCards11 .book285 .book-art14{grid-template-columns:94px minmax(0,1fr);grid-template-rows:1fr;min-height:112px!important}
 #bookCards11 .book285 .book-cover-copy285 h2{font-size:14px!important}
 #bookCards11 .book285 .book-art14 .book-cover-copy285{padding:12px 40px 12px 12px!important}
 #bookCards11 .book285 .book-cover-art285{height:100%}
 .goal-empty283{grid-template-columns:1fr;gap:12px;padding:22px!important}
 .goal-empty283>[data-go=groups]{grid-column:1;grid-row:auto;justify-self:start;margin-top:6px}
 #learningHistory23 .history-filters23{grid-template-columns:minmax(0,1fr) 112px;gap:8px}
 #learningHistory23 .history-filters23>label,#learningHistory23 .history-filters23 select{height:44px!important}
 #learningHistory23 .history-filters23 input{font-size:12px!important}
 .points-modal286 #modalContent{padding:18px!important}
 .ledger-list286>li>div{font-size:12px}.ledger-list286 small{font-size:10px}
 .wrong-list .empty{min-height:160px}
}

/* Greeting art uses the original COGO character poses and five coordinated scenes. */
.greeting287{--greeting-a:#e8edff;--greeting-b:#f3efff;background:linear-gradient(120deg,var(--greeting-a),var(--greeting-b))!important;isolation:isolate}
.greeting287[data-palette="1"]{--greeting-a:#e1f4ec;--greeting-b:#edf4ff}.greeting287[data-palette="2"]{--greeting-a:#fff0da;--greeting-b:#ffedf3}.greeting287[data-palette="3"]{--greeting-a:#ebe4ff;--greeting-b:#e7f4ff}.greeting287[data-palette="4"]{--greeting-a:#fbe6ed;--greeting-b:#f0edff}
.greeting287 h2{font-size:clamp(24px,2.3vw,38px)!important;line-height:1.35!important;word-break:keep-all}.greeting287 .hero-kicker9{color:#49587e}.greeting287>div:first-child{z-index:1;min-width:0}.greeting287 p{color:#49516b!important;word-break:keep-all}.greeting287 .home-mascot9{position:relative;isolation:isolate;flex-shrink:0}.greeting287 .home-mascot9:before{content:'';position:absolute;inset:14% 2% 8%;border-radius:50%;background:#ffffff6b;z-index:-1}.greeting287 .home-mascot9 img{object-fit:contain;transform:rotate(-3deg)}.greeting287 .home-mascot9[data-pose="1"] img{transform:rotate(3deg)}.greeting287 .home-mascot9[data-pose="2"] img{transform:translateY(-5px)}.greeting287 .home-mascot9 span{font-size:9px;letter-spacing:.09em;white-space:nowrap;color:#515982}
.ranking287,.groups287{max-width:1240px;margin:0 auto;padding-bottom:20px;min-width:0}.ranking287 .welcome,.groups287 .welcome{margin-bottom:20px}.rank-toolbar287,.group-tools287{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.rank-layout287{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:20px;align-items:start}.ranking287 .rank-hero{grid-column:1;grid-row:1;min-height:340px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:10px;overflow:hidden;border-radius:24px;background:linear-gradient(140deg,#5756bc,#7d72d6);color:white}.ranking287 .rank-hero h2{font-size:clamp(23px,2vw,31px);line-height:1.4;letter-spacing:-.05em;margin:14px 0}.ranking287 .rank-hero h2 em{color:#fff1b5;font-style:normal}.ranking287 .rank-hero p{color:#efedff;line-height:1.75;font-size:13px;margin-bottom:22px}.ranking287 .hero-tag{font-size:11px;border:1px solid #ffffff4d;border-radius:20px;padding:6px 10px}.ranking287 .rank-hero-avatar{position:relative!important;right:auto!important;bottom:auto!important;width:140px!important;height:235px!important;flex:0 0 140px;display:flex;align-items:center;justify-content:center;transform:none!important}.ranking287 .rank-hero-avatar>.avatar{width:140px;height:220px}.ranking287 .rank-label{position:absolute;bottom:0;left:50%;transform:translateX(-50%);border-radius:30px;background:white;color:#6155b4;padding:8px 16px;white-space:nowrap;font-size:12px}.ranking287 .rank-metrics{grid-column:1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0}.ranking287 .rank-metrics>div{padding:17px 10px;border:1px solid var(--line);border-radius:16px;background:var(--card);min-width:0}.ranking287 .rank-metrics span{font-size:11px;display:block;color:var(--muted)}.ranking287 .rank-metrics strong{display:block;font-size:24px;margin-top:9px;white-space:nowrap}.ranking287 .rank-metrics small{font-size:11px;margin-left:3px;font-weight:500}.ranking287 .ranking-board{grid-column:2;grid-row:1 / span 2;overflow:visible;padding:22px;min-width:0;max-height:none;height:auto;display:block}.ranking287 .section-head{display:flex;gap:14px;justify-content:space-between;align-items:center;margin-bottom:14px;flex-wrap:wrap}.ranking287 .section-head h2{font-size:17px}.ranking287 .section-head p{margin:7px 0 0}.rank-row287{display:grid;grid-template-columns:54px minmax(0,1fr) 76px;align-items:center;gap:10px;min-height:60px;border-bottom:1px solid var(--line);padding:5px 8px;border-radius:8px}.rank-row287.heading{min-height:34px;font-size:11px;color:var(--muted);background:var(--bg)}.rank-row287>b:last-child,.rank-row287.heading>span:last-child{text-align:right}.rank-row287>strong{color:#7b70cc;font-size:20px}.rank-row287 small{font-size:10px;margin-left:4px;font-weight:500;color:var(--muted)}.rank-row287.mine{background:#8273df12;border:1px solid #8273df50}.rank-person287{display:flex!important;align-items:center;gap:10px;min-width:0;text-align:left;color:inherit!important;font-weight:650}.rank-person287>span{overflow-wrap:anywhere}.rank-person287 .face285{flex:0 0 38px;width:38px;height:38px}.rank-empty287{padding:48px 12px;text-align:center;color:var(--muted);line-height:1.9}.rank-note287{font-size:11px;color:var(--muted);line-height:1.7;margin:16px 0}.pager287{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:16px;font-size:12px;color:var(--muted)}.pager287>div{display:flex;gap:7px}.pager287 .btn{min-height:34px;padding:6px 12px;font-size:12px}.group-search287{display:flex;gap:9px;max-width:620px;margin:0 0 12px}.group-search287 input{width:100%;min-width:0;height:44px;border:1px solid var(--line);border-radius:12px;padding:0 14px;background:var(--card);color:var(--text)}.group-search287 .btn{flex-shrink:0}.group-grid287{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:20px}.group-card287{padding:22px;display:flex;flex-direction:column;min-width:0;gap:12px}.group-card287 header{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-card287 .group-symbol6{margin:0;width:40px;height:40px}.group-card287 h2{font-size:18px;line-height:1.5;margin:2px 0;overflow-wrap:anywhere}.group-card287 p{font-size:13px;line-height:1.7;color:var(--muted);margin:0;overflow-wrap:anywhere}.group-card287>small{color:var(--muted);font-size:11px}.group-card287 footer{margin-top:auto;padding-top:10px}.group-card287 footer .btn{width:100%}.group-empty287{grid-column:1/-1;padding:36px;text-align:center}.group-empty287 h2{font-size:19px}.group-empty287 p{color:var(--muted);margin:15px 0}.group-list-heading287{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}
@media(max-width:1200px){.rank-layout287{grid-template-columns:minmax(0,1fr)}.ranking287 .rank-hero{grid-row:1;min-height:240px}.ranking287 .rank-metrics{grid-row:2}.ranking287 .ranking-board{grid-column:1;grid-row:3}.ranking287 .rank-hero-avatar{height:210px!important;width:165px!important;flex-basis:165px}.group-grid287{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.greeting287 h2{font-size:23px!important}.greeting287 .home-mascot9{width:100px!important;min-width:0!important}.greeting287 .home-mascot9 img{width:100px!important}.greeting287 .home-mascot9 span{display:none}.greeting287 .hero-kicker9{font-size:11px!important}.greeting287 p{font-size:12px!important}.rank-toolbar287>.segmented{flex:1;justify-content:center}.rank-toolbar287 .segmented button{font-size:12px}.ranking287 .rank-hero{padding:20px;min-height:230px}.ranking287 .rank-hero h2{font-size:23px}.ranking287 .rank-hero-avatar{width:100px!important;flex-basis:100px;height:190px!important}.ranking287 .rank-hero-avatar>.avatar{width:105px;height:180px}.ranking287 .rank-hero p{font-size:11px}.ranking287 .rank-hero .btn{font-size:12px;padding:9px 12px}.ranking287 .ranking-board{padding:16px}.rank-row287{grid-template-columns:38px minmax(0,1fr) 55px;gap:5px}.rank-person287{font-size:12px;gap:7px}.rank-row287>b:last-child{font-size:13px}.rank-row287 small{font-size:9px}.group-grid287{grid-template-columns:minmax(0,1fr)}.group-list-heading287{align-items:start}.group-list-heading287 p{margin:0}.group-list-heading287 button{flex-shrink:0;font-size:11px}.group-card287{gap:10px;padding:20px}}
[data-theme="dark"] .greeting287{background:linear-gradient(120deg,#272f4b,#342a45)!important}[data-theme="dark"] .greeting287 h2{color:#f5f2ff!important}[data-theme="dark"] .greeting287 p,[data-theme="dark"] .greeting287 .hero-kicker9{color:#d5cfe8!important}
.greeting287 h2{color:#253455!important}.ranking287,.groups287{width:100%}.group-card287 .group-symbol6{display:grid!important;place-items:center;position:static!important;background:#eef0ff;border-radius:13px;color:#6470cb}.ranking287 .rank-metrics{border:0;background:transparent;padding:0}.ranking287 .rank-label b{color:#6859be}.ranking287 .rank-hero:before,.ranking287 .rank-hero:after{pointer-events:none}
@media(max-width:600px){.greeting287{height:auto!important;min-height:245px!important;padding:22px 18px!important}.greeting287 p{display:block!important;line-height:1.6!important;margin:10px 0 16px!important}.greeting287 h2{font-size:21px!important}.ranking287 .rank-hero{height:auto!important;min-height:235px!important}.ranking287 .rank-hero p{max-width:none!important}}
/* Match the reference: compact hero and metrics above the board and podium. */
.rank-layout287{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.ranking287 .rank-hero{grid-column:1 / 9;grid-row:1;min-height:170px;padding:20px 24px;border-radius:20px;background:linear-gradient(135deg,#3048a8,#5264c4)}.ranking287 .rank-hero h2{font-size:23px;line-height:1.3;margin:10px 0 14px}.ranking287 .rank-hero h2 br{display:none}.ranking287 .rank-hero p{display:none}.ranking287 .rank-hero-avatar{width:130px!important;flex-basis:130px;height:145px!important}.ranking287 .rank-hero-avatar>.avatar{width:100px;height:140px}.ranking287 .rank-label{bottom:0;padding:7px 16px;background:#ffffff20;border:1px solid #ffffff30;color:white}.ranking287 .rank-label b{color:#fff2b2}.ranking287 .rank-metrics{grid-column:9 / 13;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:0;border:1px solid var(--line);border-radius:20px;background:var(--card);padding:10px 20px;align-self:stretch}.ranking287 .rank-metrics>div{display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;padding:10px 0;gap:8px}.ranking287 .rank-metrics strong{margin:0;font-size:22px}.ranking287 .ranking-board{grid-column:1 / 10;grid-row:2;min-height:340px;padding:18px}.rank-row287{min-height:49px}.rank-podium287{grid-column:10 / 13;grid-row:2;padding:20px 16px;display:flex;flex-direction:column;min-width:0}.rank-podium287>header{display:flex;align-items:center;justify-content:space-between;gap:5px}.rank-podium287 h2{font-size:14px}.rank-podium287>header svg{color:#ba8a29;width:18px}.podium-people287{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;align-items:end;margin:22px -5px 18px;min-height:170px}.podium-person287{border:0;background:none;padding:0;min-width:0;cursor:pointer;color:var(--text);display:flex;flex-direction:column;align-items:center;gap:7px}.podium-person287>.avatar{width:65px;height:94px;max-width:100%}.podium-person287>b{font-size:10px;line-height:1.5;overflow-wrap:anywhere;max-width:100%}.podium-person287>small{color:var(--muted);font-size:10px}.podium-person287>strong{display:block;width:100%;padding:10px 0;border-radius:10px;background:#e9edf7;color:#64748f;font-size:22px}.podium-person287>strong small{font-size:10px}.podium-person287.place-1>strong{background:#fff0c9;color:#927018;padding:19px 0}.podium-person287.place-2>strong{background:#f1e4dc;color:#9b765b}.rank-podium287>p{margin-top:auto;font-size:12px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:18px}.rank-podium287>p small{font-size:10px}.rank-podium287>.btn{font-size:12px;margin-top:14px}.ranking287 .welcome{margin-bottom:14px}.ranking287 .welcome h1{font-size:29px}.ranking287 .welcome p{font-size:13px}.rank-toolbar287{margin-bottom:14px}
@media(min-width:1600px){.rank-podium287 h2{font-size:16px}.podium-person287>b{font-size:12px}.podium-person287>.avatar{width:78px;height:110px}}
@media(max-width:1000px){.ranking287 .rank-hero{grid-column:1 / 13}.ranking287 .rank-metrics{grid-column:1 / 13;grid-row:2;flex-direction:row;gap:14px}.ranking287 .rank-metrics>div{flex:1;display:block}.ranking287 .rank-metrics strong{margin-top:8px}.ranking287 .ranking-board{grid-column:1 / 13;grid-row:3}.rank-podium287{grid-column:1 / 13;grid-row:4}.podium-people287{max-width:320px;width:100%;margin:20px auto}.rank-podium287>p{margin-top:0}.rank-podium287>.btn{align-self:center;max-width:260px}}
@media(max-width:600px){.ranking287 .rank-hero{min-height:180px!important;padding:20px}.ranking287 .rank-hero h2{font-size:20px}.ranking287 .rank-hero h2 br{display:block}.ranking287 .rank-hero-avatar{width:96px!important;flex-basis:96px;height:145px!important}.ranking287 .rank-hero-avatar>.avatar{width:90px;height:136px}.ranking287 .rank-metrics{padding:8px 14px}.rank-toolbar287{gap:8px}.ranking287 .rank-label{padding:6px 10px}.ranking287 .ranking-board{padding:14px}}
[data-theme="dark"] .greeting287 .home-mascot9 span{color:#c5bfdf}[data-theme="dark"] .greeting287 .home-mascot9:before{background:#ffffff15}
.ranking287 .rank-hero-avatar>.cogo-avatar{width:110px!important;height:130px!important;margin:0 auto 22px!important;flex:none!important}.podium-person287>.cogo-avatar{display:block!important;position:relative!important;width:66px!important;height:86px!important;max-width:100%;margin:0!important;flex:none!important}.podium-empty287{grid-column:1/-1;text-align:center;font-size:12px;color:var(--muted);line-height:1.8}

.social-options288{display:grid;gap:10px;margin:16px 0}.social-button288{display:flex;align-items:center;justify-content:center;position:relative;gap:10px;min-height:48px;width:100%;padding:12px 16px;border:1px solid transparent;border-radius:10px;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;box-shadow:none}.social-button288 .social-symbol288{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;font:bold 22px/1 Arial,sans-serif}.social-symbol288 svg{width:20px;height:20px}.social-button288.kakao{background:#fee500;color:#191919}.social-button288.google{background:#fff;color:#1f1f1f;border-color:#747775}.social-button288.naver{background:#03c75a;color:#fff}.social-button288:disabled{cursor:default;opacity:.57}.social-button288 small{font-size:11px;font-weight:500}.social-button288:focus-visible{outline:3px solid #8361e8;outline-offset:3px}.social-divider288{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:18px 0}.social-divider288:before,.social-divider288:after{content:'';height:1px;background:var(--line,#ddd);flex:1}.social-account288{margin:20px 0;padding-top:18px;border-top:1px solid var(--line,#ddd)}.social-account288 h4{margin:0 0 6px}.social-confirm288 p{line-height:1.7}.social-account288 p{margin:0;font-size:13px}.social-account288 .social-options288{margin-bottom:0}

.account-body285>.social-account288{grid-column:1/-1;margin:0;padding-top:20px}.account-body285>.social-account288 h3{margin-bottom:8px}.account-body285 .social-options288{grid-template-columns:repeat(3,minmax(0,1fr))}.account-body285 .social-button288{font-size:13px;padding:12px 8px}.account-body285 .social-button288 small{display:none}@media(max-width:600px){.account-body285 .social-options288{grid-template-columns:1fr}}