/* v10 — calm feedback, illustrated resources, concise one-line data */
.home-notice10{display:flex;align-items:center;gap:12px;min-height:40px;flex:none;padding:0 12px;border:1px solid #dce3f6;border-radius:11px;background:var(--surface);overflow:hidden}.home-notice10>span{font-size:11px;font-weight:800;color:var(--blue);background:var(--blue-soft);padding:2px 7px;border-radius:5px;flex:none}.notice-title10{padding:4px 0;text-align:left;min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.home-notice10>div{display:flex;gap:5px;align-items:center;flex:none}.home-notice10>div button{width:25px;height:28px;border-radius:6px;font-size:17px}.home-notice10>div small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.home-notice10 #noticePause10{font-size:10px;background:var(--surface-soft)}.home9{gap:13px}.home-top9{min-height:220px}.home-bottom9{min-height:96px}
.cover-card10.resource-card9{padding:0;display:flex;flex-direction:column;overflow:hidden;gap:0;min-height:0}.resource-cover10{position:relative;flex:1 1 auto;min-height:70px;max-height:185px;overflow:hidden;background:#f3f1f8}.resource-cover10 img{width:100%;height:100%;object-fit:cover}.resource-cover10>span{position:absolute;top:10px;left:10px;border-radius:7px;background:#ffffffed;color:#344360;box-shadow:0 2px 9px #2834510b;font-size:10px;font-weight:700;padding:3px 8px}.cover-card10 .resource-copy9{padding:11px 14px 0;flex:none}.cover-card10 .resource-copy9 small{font-size:10px}.cover-card10 .resource-copy9 h2{font-size:15px;margin-top:4px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-card10 .resource-copy9 p{font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cover-card10 .resource-bottom9{padding:10px 14px 12px;margin:0;flex:none;border:0}.cover-card10 .resource-bottom9>.btn{min-height:30px;font-size:11px;padding:5px 9px}.cover-card10 .resource-bottom9>span{font-size:10px}.post-author9,.post-row9 time{font-size:13px!important}.post-heading9{font-size:12px!important}.post-row9{grid-template-columns:55px minmax(0,1fr) 140px 82px!important}.post-heading9{grid-template-columns:55px minmax(0,1fr) 140px 82px!important}.post-author9{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-detail8>.small{font-size:14px}
.result-legend10{display:flex;gap:14px;align-items:center;flex:none;margin:-2px 0 0;color:var(--muted);font-size:10px}.result-legend10>span{display:flex;align-items:center;gap:5px}.result-legend10>span:before{content:'';width:8px;height:8px;border:1px solid #d5ddea;border-radius:3px;background:var(--surface)}.result-legend10 .done:before{background:#c1eadc;border-color:#7fbca6}.result-legend10 .retry:before{background:#f5cad8;border-color:#d89caf}.result-legend10 .error:before{background:#f7dfab;border-color:#d8ba7d}.result-legend10 small{margin-left:auto;font-size:10px}.problem-table .result-done10{background:#eaf7f1!important}.problem-table .result-retry10{background:#fff0f4!important}.problem-table .result-error10{background:#fff6e4!important}.problem-table .result-pending10{background:#edf1f8!important}.problem-table [class*='result-'] td{background:transparent!important}.problem-table .result-done10 td:first-child{box-shadow:inset 3px 0 #58a48d}.problem-table .result-retry10 td:first-child{box-shadow:inset 3px 0 #d38a9f}.problem-table .result-error10 td:first-child{box-shadow:inset 3px 0 #d4aa59}.board-state.retry{color:#a54664}.board-state.error{color:#967024}.board-state.pending{color:#66748a}
.coin{border-radius:9px;padding:6px 7px}.coin:hover{background:#fff5d9}.point-summary10{background:linear-gradient(120deg,#fff6dc,#fffaf0);border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:15px;flex-wrap:wrap}.point-summary10>span{font-size:12px;color:#78613a}.point-summary10>strong{font-size:28px;margin-left:auto;color:#755419}.point-summary10 strong small{font-size:16px;margin-left:5px}.point-summary10>div{display:flex;gap:22px;width:100%;font-size:11px;color:#796b56}.point-summary10>div b{margin-left:5px}.point-tabs10{display:flex;border-bottom:1px solid var(--line);margin:18px 0 0;gap:18px}.point-tabs10 button{font-size:13px;padding:8px 3px;color:var(--muted)}.point-tabs10 button.active{border-bottom:2px solid var(--blue);color:var(--blue);font-weight:700}.point-list10>article{display:flex;align-items:center;gap:18px;border-bottom:1px solid var(--line);padding:11px 0}.point-list10 article>div:first-child{flex:1;min-width:0}.point-list10 article b{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.point-list10 time,.point-list10 small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.point-list10 article>div:last-child{text-align:right;white-space:nowrap}.point-list10 strong{font-size:13px}.plus10{color:#5267c9}.minus10{color:#956252}.point-note10{font-size:10px;color:var(--muted);margin:13px 0 0!important}
#feedbackBody .success-motion{display:none!important}.answer-feedback.correct10>header{background:linear-gradient(115deg,#f7f8ff,#fff)}.answer-feedback.correct10 .result-box:not(.wrong){background:var(--surface);border-color:#dfe4f8}.answer-feedback.correct10 .result-box h3{color:#4359b8}.answer-feedback .xp-reward8{margin-top:18px;position:relative;overflow:hidden}.xp-track7>i{will-change:width}.xp-level-toast10{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;background:linear-gradient(120deg,#596aedeb,#a580dce8);color:white;opacity:0;pointer-events:none;transform:scale(.94);transition:opacity .16s,transform .2s}.xp-level-toast10 b{font-size:30px;letter-spacing:.14em;text-shadow:0 3px 20px #ffffff30}.xp-level-toast10 span{font-size:17px;font-weight:700}.celebrate10 .xp-level-toast10{opacity:1;transform:scale(1)}.celebrate10 .xp-stars8{z-index:2;color:#fff}.answer-feedback #feedbackBody{scrollbar-width:thin}.phone-advice10{text-align:center;padding:12px 6px}.phone-advice10>span{display:grid;place-items:center;width:70px;height:58px;border-radius:16px;background:var(--blue-soft);color:var(--blue);margin:0 auto 20px}.phone-advice10>span svg{width:32px;height:32px}.phone-advice10 h3{font-size:21px}.phone-advice10 p{font-size:14px;color:var(--muted);margin:13px 0 25px!important}.phone-advice10 .text-btn{margin-top:14px}
.learning-record.record10{display:grid;grid-template-columns:20px minmax(0,1fr) 56px 82px 88px;gap:12px;height:var(--report-row6,48px);min-height:43px}.record10>.record-link9{font-size:13px;text-align:left;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4}.record10>time,.record-subject10{font-size:12px;white-space:nowrap;color:var(--muted);text-align:center}.record10>.badge{justify-self:end}.rank-person>div:not(.cogo-avatar){display:flex;align-items:center;gap:10px;min-width:0;flex:1}.rank-person .motto10{flex-basis:auto!important;display:block;margin:0!important;padding:3px 9px;border:1px solid #d7dff2;border-radius:30px;background:#f7f9ff;font-size:11px;font-weight:400;color:#667596;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px;width:auto;min-width:0;flex:0 1 auto}.rank-person b{flex:none}.rank-person .badge{display:none}.rank-avatar-button10{padding:0;border-radius:50%;flex:none;width:40px;height:40px}.rank-avatar-button10 .rank-face{width:100%!important;height:100%!important}.rank-avatar-button10:hover{box-shadow:0 0 0 3px #d4ddff}.rank-profile10{text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px}.rank-full-avatar10{width:230px;height:270px;background:radial-gradient(ellipse at 50% 87%,#d3daf054,transparent 51%);display:grid;place-items:center}.rank-full-avatar10>.cogo-avatar{width:240px;height:270px;margin:0}.rank-profile10>h3{font-size:23px}.rank-profile10>p{font-size:13px;color:var(--muted);margin:0!important}.rank-profile10>b{font-size:18px;color:var(--blue)}.rank-profile10>b small{font-size:12px;margin-left:4px}.rank-profile10>.btn{margin-top:4px;min-width:130px}.rank-podium{display:flex;flex-direction:column;gap:12px;min-height:0}.podium-goal10{border-top:1px solid var(--line);padding-top:16px;margin-top:auto;display:flex;flex-direction:column;gap:10px}.podium-goal10>span{font-size:10px;color:var(--muted)}.podium-goal10>h4{font-size:14px;line-height:1.6;font-weight:500}.podium-goal10 h4 b{color:var(--blue);font-weight:800;white-space:nowrap}.podium-goal10>.progress{height:6px}.podium-goal10>div:not(.progress){display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.podium-goal10 small{font-size:10px}.podium-goal10>.btn{min-height:35px;font-size:11px;padding:6px 8px;margin:3px 0}.podium-goal10>.btn .icon{width:15px;height:15px}
.gender-intro10{text-align:center}.gender-intro10 h3{margin-top:13px;font-size:21px}.gender-intro10 p{font-size:13px;color:var(--muted);margin:7px 0 0!important}.gender-choices10{display:flex;gap:15px;margin:22px 0}.gender-choices10>button{flex:1;min-width:0;border:2px solid var(--line);border-radius:17px;padding:10px;display:flex;flex-direction:column;align-items:center;gap:5px;background:var(--surface-soft)}.gender-choices10>button.selected{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 0 0 3px #526af218}.gender-choices10 .cogo-avatar{width:170px;height:190px;margin:0}.gender-choices10 b{font-size:16px}.gender-confirm10{text-align:center}.gender-confirm10>.cogo-avatar{width:150px;height:170px;margin:0 auto 15px}.gender-confirm10 h3{font-size:20px}.gender-confirm10 p{font-size:13px;line-height:1.9}.gender-confirm10 strong{color:#8a465b}.gender-confirm10>div:last-child{display:flex;gap:10px;margin-top:22px}.gender-confirm10>div:last-child>.btn{flex:1}.gender-fixed10{font-size:11px;color:var(--muted);text-align:center}
/* Keep every option visible and pad the focus outline away from clipping ancestors. */
body[data-view=solve] .question-reading{padding:4px 6px 6px;margin:-4px -6px -6px;overflow:auto!important;scrollbar-width:thin;scroll-padding:8px}.question-reading input:focus-visible,.question-reading button:focus-visible{outline-offset:1px}.question-reading pre{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.5}.question-reading .passage{white-space:pre-wrap}.question-reading .rough-work{margin-top:10px}.question-panel .answers{gap:9px}.question-panel .answer{min-width:0;overflow-wrap:anywhere}.reason-picture10{margin:12px 0;max-width:600px;width:100%;justify-self:center}.reason-picture10>svg{width:100%;max-height:220px;display:block}.reason-picture10 figcaption{font-size:9px;color:var(--muted);text-align:center;margin-top:4px}.illustrated10 .rough-work{display:none}.illustrated10 .question-text{font-size:15px!important}.illustrated10 .answer{min-height:42px!important;padding:8px 12px!important}.illustrated10 .answers{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px!important}.illustrated10 .answers .answer:last-child{grid-column:1/-1}
body[data-view=solve] .listening-question9 .question-reading{display:flex!important;flex-direction:column;gap:0;overflow:auto!important;align-items:stretch}.listening-question9 .question-reading>*{grid-area:auto!important;flex:none}.listening-question9 .listening-player8{align-self:stretch;min-height:0;margin:4px 0 16px;padding:18px 22px;display:block;width:100%;max-width:none}.listening-question9 .listening-player-top8{flex-wrap:nowrap}.listening-question9 .listen-counter8{width:auto;margin-left:auto}.listening-question9 .listening-controls8{margin-top:14px}.listening-question9 .tiny-note8{margin-top:10px}.listening-question9 .question-text{align-self:stretch;margin:0 0 12px!important;font-size:18px!important}.listening-question9 .answers{align-self:stretch;margin:0!important;display:flex!important;flex-direction:column!important;gap:7px}.listening-question9 .answer{min-height:42px!important;padding:9px 13px!important;font-size:14px!important}.listening-question9 .listen-icon8{width:43px;height:43px}.listening-question9 .listen-icon8 .icon{width:25px;height:25px}.listening-question9 .listening-player-top8 small{font-size:11px}
@media(min-width:1100px) and (max-height:850px){.podium{margin-top:10px!important}.rank-podium{gap:6px}.podium-goal10{padding-top:10px;gap:6px}.podium-goal10>h4{font-size:12px}.podium-goal10>.btn{min-height:29px}.podium-person .cogo-avatar{height:66px!important;width:66px!important}.podium-base{max-height:40px}.listening-question9 .question-panel h2{margin-top:10px}.listening-question9 .listening-player8{padding:12px 16px;margin-bottom:10px}.listening-question9 .tiny-note8{display:none}.listening-question9 .listening-controls8{margin-top:9px}.listening-question9 .listen-icon8{width:34px;height:34px}.listening-question9 .listening-controls8 .btn{min-height:34px}.listening-question9 .answer{min-height:36px!important;padding:6px 10px!important}.reason-picture10>svg{max-height:166px}.illustrated10 .question-panel h2{margin:9px 0}.home9{gap:10px}.home-top9{min-height:185px}.home-notice10{min-height:33px}.home-bottom9{min-height:75px}.home-mission9{padding-top:10px;padding-bottom:10px}}
@media(max-width:1100px){.rank-main-grid .rank-side{display:none}.result-legend10 small{display:none}.cover-card10 .resource-cover10{max-height:180px}.post-row9,.post-heading9{grid-template-columns:48px minmax(0,1fr) 105px 64px!important}.home-notice10{gap:8px}}
@media(max-width:760px){.home9{gap:9px}.home-notice10{min-height:33px;padding:0 8px;gap:6px}.home-notice10>span{font-size:9px;padding:1px 5px}.notice-title10{font-size:10px}.home-notice10>div{gap:0}.home-notice10>div button{width:22px;font-size:15px}.home-notice10>div small{font-size:8px}.home-top9{min-height:212px}.home-bottom9{min-height:63px}.home-action9{padding:7px 5px}.cover-card10.resource-card9{display:flex!important;gap:0!important;padding:0!important}.cover-card10 .resource-copy9{padding:10px 13px 0}.cover-card10 .resource-copy9 h2{font-size:15px}.cover-card10 .resource-copy9 p{display:block;font-size:10px}.cover-card10 .resource-cover10{min-height:76px;max-height:145px}.cover-card10 .resource-bottom9{padding:8px 13px 10px;width:auto;display:flex;align-self:auto}.post-row9,.post-heading9{grid-template-columns:37px minmax(0,1fr) 64px 44px!important;gap:7px!important}.post-author9,.post-row9 time{display:block!important;font-size:11px!important;grid-area:auto!important}.post-title9{grid-area:auto!important}.post-row9{height:53px!important}.post-row9 .badge{font-size:9px;padding:3px 5px}.post-title9>b{font-size:12px}.post-heading9{display:grid!important;font-size:10px!important}.post-heading9>span{display:block!important}.result-legend10{font-size:8px;gap:9px}.result-legend10>span:before{width:6px;height:6px}.learning-record.record10{grid-template-columns:13px minmax(0,1fr) 42px 52px 44px;gap:5px;min-height:42px}.record10>.record-link9{font-size:10px}.record10>time,.record-subject10{font-size:9px}.record10>.icon{width:13px;height:13px}.record10>.badge{font-size:8px;padding:2px 3px}.rank-person{gap:7px}.rank-person>div:not(.cogo-avatar){gap:6px}.rank-person .motto10{font-size:9px;padding:2px 5px;max-width:120px}.rank-avatar-button10{width:31px;height:31px}.rank-person b{font-size:10px}.rank-full-avatar10{height:235px;width:215px}.rank-full-avatar10>.cogo-avatar{height:235px;width:215px}.gender-choices10{gap:10px;margin:16px 0}.gender-choices10 .cogo-avatar{width:125px;height:150px}.gender-intro10 h3{font-size:18px}.gender-confirm10 h3{font-size:17px}.gender-confirm10 p{font-size:12px}.gender-confirm10 .btn{font-size:12px;padding:9px}.gender-confirm10>.cogo-avatar{height:145px;width:130px}.point-summary10{padding:14px 16px}.point-summary10>strong{font-size:24px}.point-list10 article b{font-size:11px}.point-list10 strong{font-size:11px}.point-note10{font-size:9px}.xp-level-toast10 b{font-size:24px}.listening-question9 .listening-player8{padding:12px!important;margin-bottom:10px!important}.listening-question9 .listen-icon8{width:30px;height:30px}.listening-question9 .listening-player-top8 small{font-size:9px}.listening-question9 .tiny-note8{display:none}.listening-question9 .listening-controls8{margin-top:10px}.listening-question9 .question-text{font-size:15px!important;margin-bottom:9px!important}.listening-question9 .answer{min-height:37px!important;padding:7px 10px!important;font-size:13px!important}.listening-question9 .answers{gap:6px}.reason-picture10{margin:7px 0}.reason-picture10>svg{max-height:150px}.reason-picture10 figcaption{font-size:8px}.illustrated10 .question-text{font-size:12px!important;margin:8px 0!important}.illustrated10 .answers{gap:6px!important}.illustrated10 .answer{font-size:11px!important;min-height:34px!important;padding:5px 8px!important}.illustrated10 .answer .num{width:20px;height:20px}.question-reading pre{font-size:12px}.question-panel .passage{padding:12px!important;font-size:13px!important}.question-panel h2{font-size:18px!important}.question-panel .answer{font-size:13px!important}.question-panel .rough-work{display:none}.answer-feedback>header{padding:16px 18px}.answer-feedback #feedbackBody{padding:0 15px 16px}.answer-feedback .result-next8{margin-top:10px}.answer-feedback .xp-reward8{margin-top:13px;padding:16px}.answer-feedback .result-box{padding:14px;margin-top:12px}.answer-feedback .xp-reward8 .xp-reward-head7 small{font-size:10px}}
@media(max-width:760px) and (max-height:760px){.home-head9 h1{font-size:15px}.home9{gap:7px}.home-top9{min-height:192px}.challenge-hero9{min-height:127px;padding:12px 14px}.challenge-hero9 h2{font-size:22px}.challenge-hero9 .btn{min-height:32px}.home-rank9{min-height:56px}.home-notice10{min-height:30px}.home-subjects9 button{padding:5px 2px}.home-subject-block9 header{margin-bottom:5px}.home-bottom9{min-height:58px}.home-mission9{padding:6px 8px}.growth-line9{display:none}.home-action9 b{font-size:9px}.home-action9 small{font-size:6px}.home-subject-block9 header h2{font-size:11px}.listening-question9 .listening-player8{padding:9px 10px!important;margin-bottom:8px!important}.listening-question9 .listen-icon8{width:25px;height:25px}.listening-question9 .listening-player-top8 small{display:none}.listening-question9 .listening-controls8{margin-top:7px}.listening-question9 .answer{min-height:32px!important;padding:5px 8px!important;font-size:12px!important}.question-panel .xp-problem-note7{margin-top:7px!important}.question-panel .question-actions{padding-top:8px!important}.reason-picture10>svg{max-height:120px}.illustrated10 .answer{min-height:31px!important}.illustrated10 .question-panel h2{margin:7px 0}.gender-choices10 .cogo-avatar{width:100px;height:125px}.rank-person .motto10{max-width:90px}}
@media(prefers-reduced-motion:reduce){.xp-level-toast10{transition:none}.xp-track7>i{transition:none!important}}
[data-theme=dark] .home-notice10,[data-theme=dark] .resource-cover10,[data-theme=dark] .rank-person .motto10{background:var(--surface);border-color:var(--line)}[data-theme=dark] .problem-table .result-done10{background:#203d38!important}[data-theme=dark] .problem-table .result-retry10{background:#432e3c!important}[data-theme=dark] .problem-table .result-error10{background:#453c2b!important}[data-theme=dark] .answer-feedback.correct10>header{background:var(--surface)}
#sidebarHandle10{position:fixed;left:calc(var(--nav-width) - 1px);top:50%;transform:translateY(-50%);height:62px;width:22px;z-index:62;border:1px solid #d2d9ec;border-left:0;border-radius:0 10px 10px 0;background:var(--surface);box-shadow:3px 2px 10px #26395410;color:var(--blue);font-size:24px;line-height:1;transition:left .22s}.nav-collapsed:not(.nav-peeking) #sidebarHandle10{left:0}.nav-edge{display:none!important}.contest-focus9 #sidebarHandle10{display:none!important}body:not(.nav-collapsed) .shell{margin-left:var(--nav-width)!important}body.nav-collapsed:not(.nav-peeking) .shell{margin-left:0!important}
#toast[popover]{inset:auto auto max(24px,env(safe-area-inset-bottom)) 50%;margin:0;transform:translateX(-50%);max-width:min(560px,calc(100vw - 30px));width:max-content;border:1px solid #344971;background:#182640;color:#fff;border-radius:12px;padding:14px 20px;box-shadow:0 10px 35px #07112733;pointer-events:none;line-height:1.5;font-size:13px;white-space:normal}#toast[popover]::backdrop{background:transparent;pointer-events:none}
.post-detail10{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:22px;align-items:start}.post-copy10{min-width:0}.post-meta10{font-size:12px;color:var(--muted);display:block}.post-copy10>h3{font-size:20px;line-height:1.5;margin:16px 0}.post-copy10>p{font-size:14px;line-height:1.9;overflow-wrap:anywhere;white-space:normal}.post-author-look10{display:flex;flex-direction:column;align-items:center;padding:10px 0;background:linear-gradient(180deg,#f5f7ff,transparent);border-radius:14px;gap:6px}.post-author-look10>.cogo-avatar{width:135px;height:160px;margin:0}.post-author-look10>b{font-size:11px;text-align:center;overflow-wrap:anywhere;max-width:100%}.post-author-look10>small{font-size:9px;color:var(--muted)}.comments10{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.comments10>.comment10{display:flex;gap:12px;align-items:flex-start;padding:13px;background:var(--surface-soft);border-radius:12px;margin-top:11px}.comment10>div:last-child{flex:1;min-width:0}.comment10 strong{font-size:12px}.comment10 p{font-size:13px;line-height:1.7;margin:6px 0 0!important;overflow-wrap:anywhere}.comment-face10.cogo-avatar{position:relative!important;border-radius:50%;overflow:hidden!important;width:38px!important;height:38px!important;background:#e9eff9;flex:none;display:block!important;margin:0!important}.comment-face10.cogo-avatar>img{position:absolute!important;width:190%!important;height:190%!important;max-width:none!important;left:-45%!important;top:-8%!important;object-fit:contain!important}.comments10 #commentForm8{display:flex;align-items:center;gap:9px;margin-top:16px}.comments10 #commentForm8 input{flex:1;min-width:0}.comments10 #commentForm8 .btn{font-size:13px}.xp-level-toast10{inset:8px 10px auto auto;padding:7px 12px;border-radius:10px;gap:2px;box-shadow:0 4px 15px #6456bb25}.xp-level-toast10 b{font-size:12px;letter-spacing:.1em}.xp-level-toast10 span{font-size:11px}
@media(max-width:1100px){#sidebarHandle10{left:0;width:18px;height:50px}.nav-peeking #sidebarHandle10{left:var(--nav-width)}body.nav-collapsed .shell{margin-left:0!important}}
@media(max-width:760px){.post-detail10{grid-template-columns:minmax(0,1fr) 82px;gap:12px}.post-author-look10>.cogo-avatar{width:82px;height:100px}.post-author-look10>b{font-size:9px}.post-author-look10>small{font-size:8px}.post-meta10{font-size:10px}.post-copy10>h3{font-size:16px;margin:12px 0}.post-copy10>p{font-size:12px}.comments10>.comment10{gap:9px;padding:10px}.comment-face10.cogo-avatar{width:30px!important;height:30px!important}.comments10 #commentForm8{gap:6px}.comments10 #commentForm8 .btn{padding:7px 10px;font-size:11px}.comments10 #commentForm8 input{font-size:11px;padding:9px;min-height:37px}#toast[popover]{bottom:calc(75px + env(safe-area-inset-bottom));font-size:12px;padding:12px 16px}}
.rank-row .rank-person>div:not(.cogo-avatar){flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.rank-row .rank-person .motto10{flex-basis:auto!important;margin:0!important}
.rank-row .rank-person>div:not(.cogo-avatar){display:flex!important;flex-direction:row!important;align-items:center!important;flex-wrap:nowrap!important}.rank-row .rank-person .motto10{display:block!important;flex-basis:auto!important}.rank-row .rank-person>div>b{display:inline!important}
@media(min-width:761px) and (max-height:850px){body[data-view=solve] .question-panel{padding:18px 22px!important}body[data-view=solve] .question-reading>h2{margin:10px 0 12px!important;font-size:21px!important}body[data-view=solve] .question-reading>.question-text{margin:8px 0 12px!important;font-size:15px!important;line-height:1.55}body[data-view=solve] .question-panel .answer{min-height:36px!important;padding:6px 10px!important;font-size:13px!important;line-height:1.5}body[data-view=solve] .question-panel .answer .num{width:23px;height:23px;font-size:12px}body[data-view=solve] .question-panel .answers{gap:6px!important}body[data-view=solve] .listening-question9 .listening-player8{display:flex!important;flex-direction:row;align-items:center;gap:18px;padding:12px 16px!important;margin:2px 0 10px!important;min-height:63px}.listening-question9 .listening-player-top8{flex:1}.listening-question9 .listening-controls8{margin:0!important;flex:1;justify-content:flex-end}.listening-question9 .listen-counter8{display:none}.listening-question9 .listening-controls8 .btn{min-height:34px!important;padding:6px 12px}.listening-question9 .listening-player8>.tiny-note8{display:none!important}body[data-view=solve] .illustrated10 .reason-picture10{margin:8px 0!important}body[data-view=solve] .illustrated10 .reason-picture10>svg{max-height:138px}body[data-view=solve] .question-reading>.passage{margin:7px 0;padding:12px!important}body[data-view=solve] .question-panel .xp-problem-note7{margin-top:5px!important}body[data-view=solve] .question-panel .question-actions{padding-top:12px!important}.rank-podium .podium{margin:0!important}.rank-podium .podium-person>.cogo-avatar{height:57px!important;width:57px!important}.rank-podium .podium-base{height:30px!important}.rank-podium .podium-goal10{padding-top:8px!important;gap:5px!important}.rank-podium .podium-person b{margin-top:4px}.rank-podium .podium-person>span{margin-bottom:5px}.rank-podium .podium-goal10>.btn{margin:0;min-height:28px}.rank-podium{padding-top:13px;padding-bottom:13px}}
@media(max-width:760px) and (max-height:760px){body[data-view=solve] .question-reading>h2{margin:8px 0 10px!important}body[data-view=solve] .listening-question9 .listening-player8{padding:8px 10px!important;margin:0 0 8px!important}body[data-view=solve] .listening-question9 .answer{min-height:32px!important;padding:4px 8px!important;font-size:12px!important;line-height:1.4}body[data-view=solve] .listening-question9 .answer .num{width:23px;height:23px;font-size:11px}body[data-view=solve] .listening-question9 .answers{gap:5px!important}body[data-view=solve] .question-reading>.question-text{margin:6px 0 9px!important;font-size:13px!important;line-height:1.5}body[data-view=solve] .illustrated10 .reason-picture10>svg{max-height:100px}body[data-view=solve] .illustrated10 .reason-picture10 figcaption{display:none}body[data-view=solve] .illustrated10 .answer{min-height:30px!important;padding:4px 6px!important}body[data-view=solve] .question-panel:not(.illustrated10):not(.listening-question9) .answer{min-height:38px!important;padding:7px!important;font-size:12px!important;line-height:1.5}.question-reading .answers{gap:5px!important}body[data-view=solve] .question-panel:not(.illustrated10):not(.listening-question9) .answer .num{width:22px;height:22px;font-size:11px}}
@media(max-width:760px){body[data-view=solve] .listening-question9 .answers{gap:6px!important}}
@media(max-width:760px) and (max-height:760px){body[data-view=solve] .listening-question9 .answers{gap:4px!important}body[data-view=solve] .listening-question9 .question-reading>h2{margin-bottom:6px!important}}
.comment-face10.cogo-avatar{border:1px solid #d7e0f0}