.study-rank-badge{--rank-color:#5e625f;--rank-soft:rgba(94,98,95,0.11);position:relative;display:inline-flex;min-width:0;min-height:28px;align-items:center;gap:6px;padding:4px 9px;overflow:hidden;border:1px solid color-mix(in srgb,var(--rank-color) 24%,transparent);border-radius:999px;color:var(--rank-color);background:var(--rank-soft);font-size:11px;font-weight:800;line-height:1;white-space:nowrap}.study-rank-badge.compact{min-height:22px;gap:4px;padding:3px 7px;font-size:10px}.study-rank-badge.tier-iron{--rank-color:#646966;--rank-soft:rgba(100,105,102,0.11)}.study-rank-badge.tier-bronze{--rank-color:#8c603f;--rank-soft:rgba(160,105,66,0.12)}.study-rank-badge.tier-silver{--rank-color:#657385;--rank-soft:rgba(113,133,153,0.12)}.study-rank-badge.tier-gold{--rank-color:#9a6f20;--rank-soft:rgba(197,142,61,0.14)}.study-rank-badge.tier-platinum{--rank-color:#397b72;--rank-soft:rgba(68,139,130,0.13)}.study-rank-badge.tier-diamond{--rank-color:#3c6a99;--rank-soft:rgba(80,126,170,0.13)}.study-rank-badge.tier-master{--rank-color:#7b4f7f;--rank-soft:rgba(132,78,139,0.13)}.study-rank-emblem{display:inline-grid;flex:0 0 auto;place-items:center}.study-rank-emblem svg{fill:currentColor;fill-opacity:.13}.study-rank-progress{position:absolute;right:5px;bottom:2px;left:5px;height:2px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--rank-color) 13%,transparent)}.study-rank-progress i{display:block;height:100%;border-radius:inherit;background:var(--rank-color)}.supervision-square-view{display:grid;gap:18px}.rankings-heading,.square-page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.rankings-heading h2,.square-page-heading h2{margin:6px 0 8px;font-family:var(--serif);font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.2}.rankings-heading p,.square-page-heading p{max-width:700px;margin:0;color:var(--muted);line-height:1.65}.square-date-toolbar{display:flex;min-height:46px;align-items:center;gap:8px;padding-block:2px}.square-date-control{position:relative;display:inline-flex;min-width:210px;min-height:42px;align-items:center;justify-content:center;gap:9px;padding:0 14px;overflow:hidden;border:1px solid var(--line-strong);border-radius:12px;background:var(--paper)}.square-date-control svg{color:var(--green)}.square-date-control strong{font-size:13px}.square-date-control input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.square-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));overflow:hidden;border-block:1px solid var(--line)}.square-stats>span{display:flex;min-width:0;align-items:center;gap:12px;padding:18px 16px;border-right:1px solid var(--line)}.square-stats>span:first-child{padding-left:0}.square-stats>span:last-child{border-right:0}.square-stats>span>svg{flex:0 0 auto;color:var(--green-2)}.square-stats>span>span{display:grid;gap:2px}.square-stats strong{font-family:var(--serif);font-size:24px;font-weight:600}.square-stats small{color:var(--muted);font-size:11px}.square-feed-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;padding-top:4px}.square-feed-heading>div{display:grid;gap:4px}.square-feed-heading strong{font-family:var(--serif);font-size:21px}.square-feed-heading small,.square-feed-heading>span{color:var(--muted);font-size:11px}.square-member-feed{display:grid;gap:10px}.square-member-card{display:grid;grid-template-columns:auto minmax(155px,.7fr) minmax(280px,1.4fr) auto;min-width:0;align-items:center;gap:16px;width:100%;min-height:104px;padding:16px 18px;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:color-mix(in srgb,var(--paper) 92%,transparent);box-shadow:0 8px 22px rgba(35,42,36,.035);text-align:left;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.square-member-card:hover{border-color:color-mix(in srgb,var(--green-2) 34%,var(--line));background:var(--paper);box-shadow:0 14px 34px rgba(35,42,36,.075);transform:translateY(-2px)}.square-member-card:active{transform:translateY(0)}.square-member-card.own{border-color:rgba(61,128,99,.25)}.ranking-avatar,.square-comment-avatar,.square-member-avatar{display:inline-grid;flex:0 0 auto;width:44px;height:44px;place-items:center;overflow:hidden;border:1px solid rgba(47,91,75,.12);border-radius:50%;color:#fff;background:var(--green);font-size:15px;font-weight:800}.square-member-avatar.large{width:58px;height:58px;font-size:19px}.ranking-avatar img,.square-comment-avatar img,.square-member-avatar img{width:100%;height:100%;object-fit:cover}.square-member-copy{display:grid;min-width:0;gap:10px}.square-member-name{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:7px}.square-member-name>strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.square-member-progress{display:grid;grid-template-columns:minmax(70px,1fr) auto;align-items:center;gap:8px}.square-member-progress>i{height:5px;overflow:hidden;border-radius:999px;background:rgba(47,91,75,.09)}.square-member-progress>i b{display:block;height:100%;border-radius:inherit;background:var(--green-2)}.square-member-progress small{color:var(--muted);font-size:10px;white-space:nowrap}.square-member-task-preview{display:grid;min-width:0;gap:5px}.square-member-task-preview>span{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0}.square-member-task-preview i{width:6px;height:6px;border-radius:50%;background:var(--blue)}.square-member-task-preview i.verified{background:var(--green-2)}.square-member-task-preview i.submitted{background:var(--blue)}.square-member-task-preview i.warning{background:var(--amber)}.square-member-task-preview i.danger{background:var(--coral)}.square-member-task-preview strong{overflow:hidden;font-size:12px;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.square-member-task-preview em,.square-member-task-preview small{color:var(--muted);font-size:10px;font-style:normal;white-space:nowrap}.square-member-summary{display:flex;align-items:center;gap:14px}.square-member-summary>span{display:grid;gap:2px;text-align:center}.square-member-summary strong{font-family:var(--serif);font-size:18px}.square-member-summary small{color:var(--muted);font-size:9px;white-space:nowrap}.square-member-summary>svg{color:var(--muted)}.square-load-more{justify-self:center}.square-empty-day,.square-state-panel,.study-rankings-empty{display:grid;min-height:360px;place-items:center;align-content:center;gap:11px;padding:30px;border-block:1px solid var(--line);text-align:center}.square-state-panel{min-height:560px}.square-empty-day strong,.square-state-panel h2,.study-rankings-empty h3{margin:0;font-family:var(--serif);font-size:26px;font-weight:600}.square-empty-day p,.square-state-panel p,.study-rankings-empty p{max-width:620px;margin:0;color:var(--muted);line-height:1.7}.square-state-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:50%}.square-state-icon.danger{color:#fff;background:var(--coral)}.square-kicked-panel{border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--paper) 94%,transparent)}.square-revival-form{display:grid;width:min(620px,100%);gap:10px;margin-top:6px}.square-revival-form label,.square-revival-form>input{width:100%}.square-revival-form label{display:grid;gap:6px;color:var(--muted);font-size:11px;text-align:left}.square-revival-form label input{width:100%}.square-revival-form>div{display:flex;justify-content:center;gap:9px}.square-detail-backdrop{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:24px;background:rgba(21,28,24,.3);backdrop-filter:blur(14px) saturate(.9);animation:square-backdrop-in .18s ease both}.square-detail-modal{position:relative;width:min(680px,100%);max-height:min(820px,calc(100svh - 48px));overflow:auto;border:1px solid rgba(255,255,255,.68);border-radius:22px;background:var(--paper);box-shadow:0 32px 90px rgba(21,28,24,.24);animation:square-modal-in .22s cubic-bezier(.2,.78,.2,1) both}@keyframes square-backdrop-in{0%{opacity:0}}@keyframes square-modal-in{0%{opacity:0;transform:translateY(8px) scale(.985)}}.square-detail-close{position:sticky;z-index:3;top:14px;float:right;margin:14px 14px -56px 0;background:color-mix(in srgb,var(--paper) 86%,transparent);backdrop-filter:blur(10px)}.square-detail-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding:28px 64px 22px 28px;border-bottom:1px solid var(--line)}.square-detail-header>div{display:grid;gap:3px}.square-detail-header>div>span{color:var(--green-2);font-size:10px;font-weight:800}.square-detail-header h2{margin:0;font-family:var(--serif);font-size:26px;font-weight:600}.square-detail-header p{margin:0;color:var(--muted);font-size:11px}.square-detail-loading{display:grid;min-height:460px;place-items:center;align-content:center;gap:10px;padding:30px;text-align:center}.square-detail-loading p{max-width:480px;margin:0;color:var(--muted)}.square-detail-task-list{display:grid}.square-detail-task{display:grid;gap:14px;padding:24px 28px;border-bottom:1px solid var(--line)}.square-detail-task:last-child{border-bottom:0}.square-detail-task>header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px}.square-task-number{color:color-mix(in srgb,var(--green) 44%,var(--muted));font-family:var(--serif);font-size:12px}.square-detail-task>header>div{display:grid;gap:3px;min-width:0}.square-detail-task>header>div>span{color:var(--green-2);font-size:10px;font-weight:800}.square-detail-task h3{margin:0;font-size:17px;line-height:1.45}.square-detail-task header small{display:inline-flex;align-items:center;gap:5px;color:var(--muted);font-size:10px}.square-task-status{padding:5px 8px;border-radius:999px;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}.square-task-status.pending,.square-task-status.verified{color:#2d6650;background:rgba(61,128,99,.12)}.square-task-status.submitted{color:#496881;background:rgba(94,120,146,.12)}.square-task-status.warning{color:#80591d;background:rgba(197,142,61,.13)}.square-task-status.danger{color:#914238;background:rgba(189,102,89,.13)}.square-task-feedback{display:grid;gap:6px;padding:13px 14px;border-left:3px solid var(--green-2);background:rgba(223,233,226,.42)}.square-task-feedback>span{color:var(--green-2);font-size:10px;font-weight:800}.square-task-review{display:flex;align-items:flex-start;gap:7px;margin:0;color:var(--muted);font-size:11px;line-height:1.6}.square-task-review svg{flex:0 0 auto;margin-top:2px;color:var(--green-2)}.square-proof-preview{position:relative;display:block;width:min(360px,100%);overflow:hidden;border:1px solid var(--line);border-radius:12px;background:var(--paper-deep)}.square-proof-preview img{display:block;width:100%;max-height:240px;object-fit:cover}.square-proof-preview>span{position:absolute;right:8px;bottom:8px;display:inline-flex;align-items:center;gap:5px;padding:6px 8px;border-radius:8px;color:#fff;background:rgba(23,40,33,.8);font-size:10px;font-weight:750;backdrop-filter:blur(8px)}.square-no-proof{display:inline-flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:11px}.square-own-task-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.square-own-task-actions label{position:relative;overflow:hidden}.square-own-task-actions input{position:absolute;width:1px;height:1px;opacity:0}.square-own-task-actions .form-message{flex-basis:100%}.square-task-comments{display:grid;gap:10px;padding-top:4px}.square-comments-heading{display:flex;align-items:center;justify-content:space-between}.square-comments-heading strong{display:inline-flex;align-items:center;gap:6px;font-size:12px}.square-comments-heading>span{color:var(--muted);font-size:10px}.square-comments-list{display:grid;gap:10px}.square-comments-list>article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px}.square-comment-avatar{width:28px;height:28px;font-size:10px}.square-comments-list>article>div{min-width:0;padding:9px 11px;border-radius:4px 12px 12px 12px;background:color-mix(in srgb,var(--paper-deep) 74%,transparent)}.square-comments-list header{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:6px;margin-bottom:4px}.square-comments-list header>strong{font-size:11px}.square-comments-list header time{margin-left:auto;color:var(--muted);font-size:9px}.square-comments-list header button{display:inline-grid;padding:2px;border:0;color:var(--muted);background:transparent}.square-comments-list>p{margin:0;color:var(--muted);font-size:11px}.square-comment-composer{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.square-comment-composer input{min-width:0}.square-comment-composer .primary-button{width:40px;min-width:40px;padding:0}.square-detail-error{margin:0 28px 24px}.square-heading-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.square-proof-section{display:grid;gap:9px}.square-proof-folded{display:flex;width:min(360px,100%);min-height:108px;align-items:center;gap:11px;padding:16px;border:1px dashed color-mix(in srgb,var(--muted) 34%,transparent);border-radius:12px;color:var(--muted);background:color-mix(in srgb,var(--paper-deep) 74%,transparent)}.square-proof-folded>svg{flex:0 0 auto;color:var(--green-2)}.square-proof-folded>div{display:grid;gap:3px}.square-proof-folded strong{color:var(--ink);font-size:12px}.square-proof-folded span{font-size:10px;line-height:1.55}.square-proof-votes{display:flex;width:min(360px,100%);min-height:32px;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.square-proof-vote-summary{font-weight:750}.square-proof-own-votes,.square-proof-votes>div{display:inline-flex;align-items:center;gap:5px}.square-proof-own-votes{color:var(--muted)}.square-proof-own-votes svg+svg{margin-left:5px}.square-proof-vote{display:inline-flex;min-height:30px;align-items:center;justify-content:center;gap:5px;padding:0 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent;font-size:10px;font-weight:750;transition:border-color .15s ease,color .15s ease,background .15s ease,transform .15s ease}.square-proof-vote:hover:not(:disabled){transform:translateY(-1px)}.square-proof-vote:active:not(:disabled){transform:translateY(0)}.square-proof-vote.up.active,.square-proof-vote.up:hover:not(:disabled){border-color:rgba(61,128,99,.42);color:#2d6650;background:rgba(61,128,99,.11)}.square-proof-vote.down.active,.square-proof-vote.down:hover:not(:disabled){border-color:rgba(178,89,74,.4);color:#914238;background:rgba(189,102,89,.11)}.square-proof-vote:disabled{cursor:wait;opacity:.58}.square-proof-votes>small{display:inline-flex;align-items:center;gap:4px;color:#80591d;font-size:10px}.supervision-classroom-view{display:grid;gap:clamp(16px,2vw,24px);min-width:0}.classroom-page-heading{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:24px}.classroom-page-heading>div:first-child{min-width:0}.classroom-page-heading h2{max-width:660px;margin:6px 0 8px;font-family:var(--serif);font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.16}.classroom-page-heading p{max-width:680px;margin:0;color:var(--muted);font-size:13px;line-height:1.7}.classroom-header-actions{display:flex;flex:0 0 auto;align-items:center;gap:8px}.classroom-scene-switch,.square-scene-switch{display:inline-flex;min-height:38px;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper-deep) 72%,transparent)}.classroom-scene-switch button,.square-scene-switch button{display:inline-grid;min-width:32px;min-height:30px;place-items:center;padding:0 7px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:10px;font-weight:800;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.classroom-scene-switch button:hover,.square-scene-switch button:hover{color:var(--green)}.classroom-scene-switch button.active,.square-scene-switch button.active{color:var(--green-deep);background:var(--paper);box-shadow:0 3px 10px rgba(35,42,36,.08)}.square-classroom-scene{--square-classroom-scene-image:url(/assets/supervision/classroom/classroom-day.webp);position:relative;isolation:isolate;display:flex;min-height:clamp(184px,18vw,258px);align-items:end;justify-content:space-between;gap:18px;overflow:hidden;padding:clamp(17px,2.1vw,30px);border:1px solid color-mix(in srgb,#513f29 28%,var(--line));border-radius:14px;color:#fffdf7;background-color:#7b725f;background-image:var(--square-classroom-scene-image);background-position:50%;background-size:cover;box-shadow:0 14px 30px rgba(43,35,24,.1)}.square-classroom-scene:before{position:absolute;z-index:-1;inset:0;content:"";background:rgba(21,27,23,.17)}.square-classroom-scene.scene-day{--square-classroom-scene-image:url(/assets/supervision/classroom/classroom-day.webp)}.square-classroom-scene.scene-rain{--square-classroom-scene-image:url(/assets/supervision/classroom/classroom-rain.webp)}.square-classroom-scene.scene-night{--square-classroom-scene-image:url(/assets/supervision/classroom/classroom-night.webp)}.square-classroom-scene.scene-night:before{background:rgba(12,20,28,.3)}.square-classroom-scene-copy{display:grid;max-width:min(430px,68%);gap:3px;text-shadow:0 1px 5px rgba(23,28,22,.58)}.square-classroom-scene-copy>span{font-size:10px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.square-classroom-scene-copy strong{font-family:var(--serif);font-size:clamp(23px,2.2vw,32px);font-weight:600;line-height:1.18}.square-classroom-scene-copy small{font-size:12px;line-height:1.55}.square-classroom-scene>.square-scene-switch{flex:0 0 auto;border-color:rgba(255,255,255,.42);background:rgba(24,31,27,.38);box-shadow:0 4px 16px rgba(21,26,21,.14);backdrop-filter:blur(9px)}.square-classroom-scene>.square-scene-switch button{color:rgba(255,255,255,.76)}.square-classroom-scene>.square-scene-switch button:hover{color:#fff;background:rgba(255,255,255,.14)}.square-classroom-scene>.square-scene-switch button.active{color:#1f4938;background:rgba(255,255,255,.94);box-shadow:0 2px 7px rgba(13,21,15,.2)}.classroom-summary{display:flex;width:fit-content;max-width:100%;overflow:hidden;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--paper) 82%,transparent)}.classroom-summary>span{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:7px;min-width:124px;padding:9px 13px;border-right:1px solid var(--line)}.classroom-summary>span:last-child{border-right:0}.classroom-summary svg{grid-row:1/span 2;color:var(--green-2)}.classroom-summary strong{font-family:var(--serif);font-size:18px;font-weight:600;line-height:1}.classroom-summary small{color:var(--muted);font-size:9px}.classroom-stage{--classroom-sky:#b9d8e3;--classroom-sky-soft:#d7e8ed;--classroom-tree:#2e6249;--classroom-tree-deep:#1d4938;display:grid;grid-template-columns:minmax(170px,.58fr) minmax(0,1.42fr);grid-template-rows:minmax(152px,auto) minmax(290px,auto);gap:16px 22px;min-height:510px;padding:clamp(18px,2.2vw,30px);border:1px solid color-mix(in srgb,#916f48 24%,var(--line));border-radius:20px;background:linear-gradient(180deg,#efe8da 0 48%,#dfc6a3 48% 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),0 18px 42px rgba(76,62,43,.1)}.classroom-stage:before{z-index:-1;opacity:.42;background-image:repeating-linear-gradient(90deg,transparent 0 52px,rgba(102,68,39,.06) 52px 54px)}.classroom-stage:after{position:absolute;z-index:0;right:0;bottom:0;left:0;height:46%;content:"";border-top:1px solid rgba(114,76,42,.15);background:repeating-linear-gradient(0deg,rgba(117,76,39,.06) 0 1px,transparent 1px 34px),repeating-linear-gradient(90deg,transparent 0 78px,rgba(117,76,39,.04) 78px 80px);pointer-events:none}.classroom-window{position:relative;z-index:1;grid-column:1;grid-row:1;min-height:152px;overflow:hidden;border:9px solid #7e5b3a;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,var(--classroom-sky) 0 49%,var(--classroom-sky-soft) 49% 56%,var(--classroom-tree) 56% 100%);box-shadow:inset 0 0 0 1px rgba(72,52,33,.24),0 5px 14px rgba(77,57,37,.13)}.classroom-window:after,.classroom-window:before{position:absolute;inset:0;content:"";pointer-events:none}.classroom-window:before{background:radial-gradient(ellipse 35% 38% at 7% 82%,var(--classroom-tree-deep) 0 55%,transparent 57%),radial-gradient(ellipse 42% 48% at 29% 78%,var(--classroom-tree) 0 55%,transparent 57%),radial-gradient(ellipse 34% 44% at 64% 84%,var(--classroom-tree-deep) 0 56%,transparent 58%),radial-gradient(ellipse 37% 54% at 95% 74%,var(--classroom-tree) 0 55%,transparent 57%);transform:scale(1.08)}.classroom-window:after{opacity:.65;background:linear-gradient(90deg,transparent calc(50% - 2px),rgba(100,72,45,.8) calc(50% - 2px) calc(50% + 2px),transparent calc(50% + 2px)),linear-gradient(0deg,transparent calc(52% - 2px),rgba(100,72,45,.8) calc(52% - 2px) calc(52% + 2px),transparent calc(52% + 2px))}.classroom-rain{position:absolute;inset:0;opacity:0;background-image:repeating-linear-gradient(115deg,transparent 0 12px,rgba(238,249,255,.64) 13px 14px,transparent 15px 23px);transform:translateY(-18px)}.classroom-board{position:relative;z-index:1;grid-column:2;grid-row:1;align-content:start;gap:12px;padding:18px 20px;border:10px solid #6f4f33;border-radius:5px;color:#edf2e9;background:#264d3d;box-shadow:inset 0 0 0 1px rgba(232,245,233,.17),inset 0 -12px 26px rgba(13,38,29,.25),0 5px 14px rgba(77,57,37,.12)}.classroom-board:after{position:absolute;right:-14px;bottom:-20px;left:-14px;height:8px;content:"";border-radius:2px;background:#8c6845;box-shadow:0 3px 4px rgba(70,46,26,.2)}.classroom-board>span{color:rgba(238,245,237,.84);font-size:17px}.classroom-board>div{gap:10px}.classroom-board>div>span{gap:2px;padding-left:10px;border-left:1px solid rgba(234,245,236,.28)}.classroom-board small{color:rgba(238,245,237,.73);font-size:9px}.classroom-board strong{font-size:clamp(19px,2vw,29px)}.classroom-board em{color:rgba(238,245,237,.66);font-size:9px}.classroom-desk-grid{position:relative;z-index:1;grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:minmax(70px,1fr);align-content:end;gap:clamp(10px,1.35vw,18px);min-height:0;padding:18px 4px 16px;transform:perspective(1300px) rotateX(2deg);transform-origin:center bottom}.classroom-seat{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr) auto;min-height:70px;align-items:center;gap:7px;padding:9px 8px 10px;border:1px solid rgba(97,62,35,.36);border-radius:9px 9px 6px 6px;color:#28372e;background:#cda77c;box-shadow:inset 0 1px 0 rgba(255,248,231,.38),0 5px 0 #8a6343,0 9px 12px rgba(80,53,32,.18);text-align:left;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,filter .16s ease}button.classroom-seat:hover{z-index:2;border-color:rgba(39,91,70,.68);box-shadow:inset 0 1px 0 rgba(255,248,231,.42),0 6px 0 #8a6343,0 13px 18px rgba(52,70,54,.2);transform:translateY(-3px)}button.classroom-seat:focus-visible{outline:3px solid rgba(61,128,99,.45)}.classroom-seat:before{position:absolute;z-index:-1;top:-14px;left:12%;width:76%;height:18px;content:"";border:1px solid rgba(90,58,35,.31);border-bottom:0;border-radius:7px 7px 0 0;background:#a77b56}.classroom-seat.empty{display:grid;grid-template-columns:1fr;place-items:center;color:rgba(73,54,39,.62);background:rgba(203,165,122,.64);box-shadow:inset 0 1px 0 rgba(255,248,231,.4),0 5px 0 rgba(138,99,67,.75),0 9px 12px rgba(80,53,32,.11)}.classroom-seat.empty>i{width:21px;height:5px;border-radius:999px;background:rgba(87,60,38,.24)}.classroom-seat.empty>small{position:absolute;right:8px;bottom:6px;font-size:9px;font-style:normal}.classroom-seat.resting{filter:saturate(.72)}.classroom-seat-avatar{display:inline-grid;width:32px;height:32px;place-items:center;overflow:hidden;border:2px solid rgba(255,249,235,.84);border-radius:50%;color:#fff;background:var(--green);font-size:11px;font-weight:800;box-shadow:0 1px 3px rgba(62,42,28,.18)}.classroom-seat-avatar img{width:100%;height:100%;object-fit:cover}.classroom-seat-copy{display:grid;min-width:0;gap:2px}.classroom-seat-copy strong{font-size:10px}.classroom-seat-copy small,.classroom-seat-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.classroom-seat-copy small{color:rgba(39,55,46,.76);font-size:9px}.classroom-seat .study-rank-badge{position:absolute;top:5px;right:5px;min-height:17px;max-width:60%;padding:2px 4px;border-width:0;background:rgba(255,250,238,.72);font-size:8px}.classroom-seat .study-rank-badge .study-rank-emblem,.classroom-seat .study-rank-progress{display:none}.classroom-seat>svg{position:absolute;right:7px;bottom:7px;color:#826339}.classroom-seat-dot{position:absolute;right:8px;bottom:8px;width:8px;height:8px;border:2px solid rgba(255,249,235,.86);border-radius:50%;background:#2f8a5f;box-shadow:0 0 0 2px rgba(47,138,95,.15)}.classroom-floor{display:none}.classroom-control-panel{display:flex;min-height:82px;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;border-block:1px solid var(--line)}.classroom-control-panel>div:first-child{display:grid;min-width:0;gap:4px}.classroom-control-panel strong{font-size:14px}.classroom-control-panel p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.classroom-enter-actions{display:flex;flex:0 1 510px;min-width:0;align-items:center;justify-content:flex-end;gap:8px}.classroom-enter-actions select{min-width:0;max-width:380px;flex:1}.classroom-privacy-note{display:inline-flex;align-items:center;gap:6px;margin:-8px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.classroom-privacy-note svg{flex:0 0 auto;color:var(--green-2)}.classroom-loading{display:grid;min-height:520px;place-items:center;align-content:center;gap:10px;padding:30px;border-block:1px solid var(--line);text-align:center}.classroom-loading strong{font-family:var(--serif);font-size:25px;font-weight:600}.classroom-loading p{max-width:440px;margin:0;color:var(--muted);line-height:1.65}.study-rankings-panel{display:grid;gap:18px}.rankings-heading{padding-bottom:4px}.viewer-rank-band{display:grid;grid-template-columns:auto minmax(150px,.7fr) minmax(180px,.85fr) minmax(270px,1.1fr);align-items:center;gap:16px;padding:20px 0;border-block:1px solid var(--line)}.viewer-rank-copy{display:grid;gap:2px}.viewer-rank-copy>span{color:var(--green-2);font-size:10px;font-weight:800}.viewer-rank-copy>strong{font-size:15px}.viewer-rank-copy>small{color:var(--muted);font-size:10px}.viewer-rank-progress-summary{display:grid;min-width:0;gap:6px}.viewer-rank-progress-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.viewer-rank-progress-heading>strong{color:var(--green-2);font-size:16px;font-weight:900;white-space:nowrap}.viewer-rank-progress-heading>strong small{color:var(--muted);font-size:10px;font-weight:700}.viewer-rank-progress-summary>small{color:var(--muted);font-size:9px}.viewer-rank-progress-track{display:block;width:100%;height:7px;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--green) 15%,var(--panel))}.viewer-rank-progress-track>i{display:block;height:100%;border-radius:inherit;background:var(--green);transition:width .22s ease}.viewer-rank-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.viewer-rank-metrics>span{display:grid;gap:3px;padding:3px 14px;border-left:1px solid var(--line)}.viewer-rank-metrics strong{font-family:var(--serif);font-size:17px}.viewer-rank-metrics small{color:var(--muted);font-size:9px}.rankings-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px}.rankings-mode-tabs{width:min(320px,100%)}.rankings-mode-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:6px}.rankings-period-tabs{display:inline-flex;gap:3px;padding:3px;border-radius:10px;background:var(--paper-deep)}.rankings-period-tabs button{min-height:32px;padding:0 12px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:11px;font-weight:750}.rankings-period-tabs button.active{color:var(--green);background:var(--paper);box-shadow:0 5px 14px rgba(35,42,36,.06)}.rankings-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:start;gap:24px}.ranking-list{display:grid;border-top:1px solid var(--line)}.ranking-row{display:grid;grid-template-columns:30px auto minmax(130px,1fr) auto minmax(84px,auto);align-items:center;gap:11px;min-height:62px;padding:9px 8px;border-bottom:1px solid var(--line);transition:background .15s ease}.ranking-row:hover{background:rgba(223,233,226,.28)}.ranking-row.own{background:rgba(223,233,226,.46)}.ranking-position{color:var(--muted);font-family:var(--serif);font-size:15px;text-align:center}.ranking-position.position-1{color:#a87420;font-size:19px}.ranking-position.position-2{color:#75818a;font-size:18px}.ranking-position.position-3{color:#93694b;font-size:17px}.ranking-avatar{width:34px;height:34px;font-size:11px}.ranking-person-copy{display:grid;min-width:0;gap:2px}.ranking-person-copy strong{overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.ranking-person-copy small{color:var(--muted);font-size:9px}.ranking-minutes{font-family:var(--serif);font-size:13px;text-align:right;white-space:nowrap}.ranking-duo-avatars{display:flex;width:52px}.ranking-duo-avatars .ranking-avatar+.ranking-avatar{margin-left:-13px;box-shadow:0 0 0 3px var(--paper)}.ranking-list-empty{margin:0;padding:42px 20px;color:var(--muted);text-align:center}.study-buddy-panel{display:grid;gap:15px;padding:18px 0 18px 22px;border-left:1px solid var(--line)}.study-buddy-heading{display:flex;align-items:flex-start;gap:9px}.study-buddy-heading>svg{color:var(--green-2)}.study-buddy-heading>div{display:grid;gap:3px}.study-buddy-heading strong{font-size:13px}.study-buddy-heading small{color:var(--muted);font-size:10px;line-height:1.5}.study-buddy-form{display:grid;gap:9px}.study-buddy-form label{display:grid;gap:6px}.study-buddy-code>span,.study-buddy-form label>span{color:var(--muted);font-size:10px;font-weight:700}.study-buddy-active,.study-buddy-request{display:grid;gap:12px;padding-block:4px}.study-buddy-active>div{display:flex;align-items:center;gap:10px}.study-buddy-active>div>span{display:grid;justify-items:start;gap:4px}.study-buddy-request p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.study-buddy-request>div{display:flex;gap:8px}.study-buddy-code{display:grid;gap:6px;padding-top:12px;border-top:1px solid var(--line)}.study-buddy-code button{display:flex;min-height:42px;align-items:center;justify-content:space-between;padding:0 12px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--green);background:transparent}.study-buddy-code strong{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:14px;letter-spacing:.08em}.ranking-integrity-note{margin:0;color:var(--muted);font-size:10px;line-height:1.6}.stats-section-tabs{display:inline-flex;width:fit-content;gap:3px;padding:3px;border-radius:11px;background:var(--paper-deep)}.stats-section-tabs button{min-height:34px;padding:0 15px;border:0;border-radius:9px;color:var(--muted);background:transparent;font-size:11px;font-weight:750}.stats-section-tabs button.active{color:var(--green);background:var(--paper);box-shadow:0 5px 14px rgba(35,42,36,.06)}.stats-page-view .page-intro.ranking-intro{grid-template-columns:minmax(0,1fr)}.supervision-square-choice>div{grid-column:1/-1;display:flex;min-height:64px;align-items:center;gap:11px;padding:12px 14px;border:1px solid rgba(61,128,99,.28);border-radius:12px;color:var(--green);background:rgba(223,233,226,.48)}.supervision-square-choice>div>span{display:grid;gap:3px}.supervision-square-choice>div small{color:var(--muted);font-size:10px}.profile-card .study-rank-badge{margin-top:4px;justify-self:start}.settings-rank-summary{display:flex;align-items:center;gap:14px;padding:12px 0;border-block:1px solid var(--line)}.settings-rank-summary>span{display:grid;min-width:0;gap:2px}.settings-rank-summary>span strong{font-size:12px}.settings-rank-summary>span small{color:var(--muted);font-size:10px;line-height:1.5}html[data-app-theme=dark] .rankings-period-tabs button.active,html[data-app-theme=dark] .square-comments-list>article>div,html[data-app-theme=dark] .square-detail-modal,html[data-app-theme=dark] .square-member-card,html[data-app-theme=dark] .stats-section-tabs button.active{background:#202622}html[data-app-theme=dark] .ranking-duo-avatars .ranking-avatar+.ranking-avatar{box-shadow-color:#202622}html[data-app-theme=dark] .classroom-summary,html[data-app-theme=dark] .square-scene-switch{border-color:rgba(228,235,227,.15);background:#202622}html[data-app-theme=dark] .square-scene-switch button.active{color:#d8eadc;background:#303a32}html[data-app-theme=dark] .classroom-control-panel{border-color:rgba(228,235,227,.14)}@media (prefers-reduced-motion:reduce){.classroom-rain,.classroom-seat,.square-detail-backdrop,.square-detail-modal,.square-member-card,.square-proof-vote,.square-scene-switch button{animation:none;transition:none}}@media (max-width:1040px){.square-member-card{grid-template-columns:auto minmax(150px,.75fr) minmax(220px,1.2fr)}.square-member-summary{grid-column:2/-1;justify-content:flex-end}.viewer-rank-band{grid-template-columns:auto minmax(0,1fr) auto}.viewer-rank-metrics{grid-column:2/-1}.classroom-desk-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.classroom-seat{min-height:72px}.classroom-seat-copy strong{font-size:9px}}@media (max-width:820px){.square-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.square-stats>span{border-bottom:1px solid var(--line)}.square-stats>span:nth-child(3){border-right:0}.square-stats>span:nth-child(n+4){border-bottom:0}.square-member-card{grid-template-columns:auto minmax(0,1fr)}.square-member-summary,.square-member-task-preview{grid-column:2}.square-member-summary{justify-content:flex-start}.rankings-content-grid{grid-template-columns:1fr}.study-buddy-panel{padding:18px 0 0;border-top:1px solid var(--line);border-left:0}.classroom-page-heading{align-items:stretch;flex-direction:column;gap:14px}.classroom-header-actions{justify-content:space-between}.classroom-stage{grid-template-columns:minmax(145px,.68fr) minmax(0,1.32fr);grid-template-rows:minmax(145px,auto) minmax(346px,auto);gap:14px}.classroom-desk-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.classroom-control-panel{align-items:stretch;flex-direction:column}.classroom-enter-actions{justify-content:flex-start;max-width:100%;flex-basis:auto}}@media (max-width:620px){.rankings-heading h2,.square-page-heading h2{font-size:27px}.square-classroom-scene{min-height:232px;align-items:stretch;flex-direction:column;justify-content:space-between;padding:17px;background-position:44%}.square-classroom-scene-copy{max-width:100%}.square-classroom-scene>.square-scene-switch{align-self:flex-end}.square-date-toolbar{flex-wrap:wrap}.square-date-control{min-width:0;flex:1}.square-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.square-stats>span,.square-stats>span:nth-child(3){border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:13px 8px}.square-stats>span:nth-child(2n){border-right:0}.square-stats>span:last-child{grid-column:1/-1;border-right:0;border-bottom:0}.square-feed-heading{align-items:start;flex-direction:column}.square-member-card{gap:12px;padding:14px}.square-member-summary,.square-member-task-preview{grid-column:1/-1}.square-detail-backdrop{padding:0;align-items:end}.square-detail-modal{width:100%;max-height:92svh;border-radius:20px 20px 0 0}.square-detail-header{grid-template-columns:auto minmax(0,1fr);padding:22px 52px 18px 18px}.square-detail-header>.study-rank-badge{grid-column:2;justify-self:start}.square-detail-task{padding:20px 18px}.square-detail-task>header{grid-template-columns:auto minmax(0,1fr)}.square-task-status{grid-column:2;justify-self:start}.square-comments-list header time{width:100%;margin-left:0}.rankings-toolbar,.square-revival-form>div{align-items:stretch;flex-direction:column}.rankings-mode-tabs,.square-revival-form>div>*{width:100%}.viewer-rank-band{grid-template-columns:auto minmax(0,1fr)}.viewer-rank-progress-summary{grid-column:2;width:100%;max-width:280px}.viewer-rank-metrics{grid-column:1/-1}.viewer-rank-metrics>span:first-child{border-left:0}.ranking-row{grid-template-columns:24px auto minmax(0,1fr) auto;gap:8px}.ranking-row>.study-rank-badge{grid-column:3;justify-self:start}.ranking-minutes{grid-column:4;grid-row:1/span 2}.ranking-row.duo{grid-template-columns:24px 52px minmax(0,1fr) auto}.square-heading-actions{width:100%;justify-content:space-between}.square-proof-votes{width:100%}.classroom-page-heading h2{font-size:29px}.classroom-header-actions{flex-wrap:wrap}.classroom-header-actions>.secondary-button{margin-left:auto}.classroom-summary{width:100%}.classroom-summary>span{min-width:0;flex:1;padding:9px 8px}.classroom-stage{grid-template-columns:1fr;grid-template-rows:142px minmax(120px,auto) minmax(426px,auto);gap:13px;min-height:0;padding:15px}.classroom-window{grid-column:1;grid-row:1}.classroom-board{grid-column:1;grid-row:2;padding:14px;border-width:8px}.classroom-board>div{gap:6px}.classroom-board>div>span{padding-left:7px}.classroom-desk-grid{grid-column:1;grid-row:3;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(68px,1fr);gap:13px 10px;padding:17px 2px 14px}.classroom-seat{min-height:68px;padding:8px 6px}.classroom-seat-avatar{width:29px;height:29px}.classroom-seat .study-rank-badge{display:none}.classroom-enter-actions{width:100%;align-items:stretch;flex-direction:column}.classroom-enter-actions select{max-width:none;min-height:42px}.classroom-control-panel>.primary-button,.classroom-enter-actions>.primary-button,.classroom-enter-actions>.secondary-button{width:100%}}.classroom-stage{position:relative;isolation:isolate;display:block;aspect-ratio:16/9;min-height:0;overflow:hidden;padding:0;border:1px solid color-mix(in srgb,#775b3e 28%,var(--line));border-radius:12px;background-color:#d4bea0;background-image:var(--classroom-scene-image);background-position:50%;background-size:cover;box-shadow:0 18px 42px rgba(58,45,30,.14)}.classroom-stage,.classroom-stage.scene-day{--classroom-scene-image:url(/assets/supervision/classroom/classroom-overhead-day.webp)}.classroom-stage.scene-night{--classroom-scene-image:url(/assets/supervision/classroom/classroom-overhead-night.webp)}.classroom-stage-scroll{min-width:0}.classroom-stage:before{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:rgba(21,38,27,.02)}.classroom-stage.scene-night:before{background:rgba(7,14,21,.12)}.classroom-floor,.classroom-rain,.classroom-stage:after,.classroom-window{display:none}.classroom-board{position:absolute;z-index:2;top:3.1%;left:34.1%;width:36.2%;height:16.7%;display:grid;align-content:center;gap:clamp(2px,.45vw,7px);padding:1.05% 1.25%;border:0;border-radius:0;color:#edf5ec;background:transparent;box-shadow:none;pointer-events:none;text-shadow:0 1px 2px rgba(8,23,15,.5)}.classroom-board:after{display:none}.classroom-board>span{color:rgba(241,248,240,.9);font-family:var(--serif);font-size:clamp(7px,.9vw,14px)}.classroom-board>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(2px,.6vw,9px)}.classroom-board>div>span{display:grid;min-width:0;gap:1px;padding-left:clamp(3px,.6vw,9px);border-left:1px solid rgba(234,245,236,.32)}.classroom-board small{overflow:hidden;color:rgba(238,245,237,.75);font-size:clamp(5px,.55vw,9px);font-weight:750;text-overflow:ellipsis;white-space:nowrap}.classroom-board strong{color:#fffbed;font-family:var(--serif);font-size:clamp(10px,1.45vw,22px);font-weight:600;line-height:1.05;white-space:nowrap}.classroom-board em{overflow:hidden;color:rgba(238,245,237,.68);font-size:clamp(5px,.5vw,8px);font-style:normal;text-overflow:ellipsis;white-space:nowrap}.classroom-desk-map{position:absolute;z-index:3;inset:0;pointer-events:none}.classroom-seat{position:absolute;isolation:auto;display:block;top:var(--seat-y);left:var(--seat-x);width:clamp(39px,5.3vw,74px);height:clamp(42px,5.8vw,80px);min-width:0;min-height:0;margin:0;padding:0;border:0;border-radius:0;color:inherit;background:transparent;box-shadow:none;filter:none;text-align:initial;backdrop-filter:none;cursor:default;pointer-events:auto;transition:none;transform:translate(-50%,-50%)}.classroom-seat:before{display:none}.classroom-seat.empty{display:block;color:inherit;background:transparent;box-shadow:none;cursor:default;filter:none;opacity:1;pointer-events:none}.classroom-seat-empty-marker{position:absolute;top:-19%;left:50%;display:grid;width:clamp(10px,1.28vw,18px);aspect-ratio:1;place-items:center;border:1px solid rgba(49,74,53,.34);border-radius:50%;background:rgba(255,253,247,.48);box-shadow:0 1px 2px rgba(54,41,27,.16);transform:translateX(-50%)}.classroom-seat-empty-marker:after,.classroom-seat-empty-marker:before{position:absolute;width:38%;height:1px;content:"";background:rgba(48,87,61,.5)}.classroom-seat-empty-marker:after{transform:rotate(90deg)}.classroom-seat.empty>.classroom-seat-number{position:absolute;top:8%;right:auto;bottom:auto;left:50%;color:rgba(57,71,52,.44);font-family:var(--serif);font-size:clamp(5px,.5vw,8px);font-style:normal;font-weight:700;line-height:1;text-shadow:0 1px rgba(255,253,245,.7);transform:translateX(-50%)}button.classroom-seat{cursor:pointer}button.classroom-seat:hover{z-index:4;border:0;background:transparent;box-shadow:none;transform:translate(-50%,-50%)}button.classroom-seat:focus-visible{outline:3px solid rgba(255,255,255,.92);outline-offset:3px}.classroom-seat-desk-avatar{position:absolute;z-index:4;top:-28%;left:50%;display:grid;width:clamp(14px,1.75vw,25px);aspect-ratio:1;place-items:center;overflow:visible;border:1.5px solid rgba(255,255,255,.95);border-radius:50%;color:#fff;background:#315f4a;box-shadow:0 2px 5px rgba(44,33,21,.28);font-size:clamp(6px,.72vw,10px);font-weight:800;line-height:1;transform:translateX(-50%)}.classroom-seat-desk-avatar img{width:100%;height:100%;border-radius:inherit;object-fit:cover}.classroom-seat-desk-avatar>i{position:absolute;right:-3px;bottom:-2px;width:clamp(5px,.65vw,9px);aspect-ratio:1;border:1.5px solid #fffdf8;border-radius:50%;box-shadow:0 1px 2px rgba(41,29,18,.22)}.classroom-seat-desk-avatar>i.studying{background:#2b9865}.classroom-seat-desk-avatar>i.resting{background:#ce9862}.classroom-seat.resting{filter:none}.classroom-seat-activity{position:absolute;z-index:5;top:-57%;left:50%;display:block;max-width:clamp(34px,4.7vw,68px);overflow:hidden;padding:1px 3px;border:1px solid rgba(68,89,62,.18);border-radius:4px;color:rgba(35,74,49,.94);background:rgba(255,253,247,.86);box-shadow:0 1px 2px rgba(53,40,27,.14);font-size:clamp(5px,.53vw,8px);font-style:normal;font-weight:750;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap;transform:translateX(-50%)}.classroom-seat-activity.resting{border-color:rgba(153,106,65,.17);color:#8a5c39;background:rgba(255,246,236,.88)}.classroom-seat-tooltip{position:absolute;z-index:5;bottom:94%;left:50%;display:grid;width:max-content;max-width:148px;min-width:104px;gap:2px;padding:7px 8px;border:1px solid rgba(69,56,40,.14);border-radius:7px;color:#25352d;background:rgba(255,253,247,.97);box-shadow:0 8px 20px rgba(44,38,29,.18);opacity:0;pointer-events:none;transform:translate(-50%,5px);transition:opacity .16s ease,transform .16s ease}.classroom-seat-tooltip strong{overflow:hidden;font-size:10px;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.classroom-seat-tooltip small{overflow:hidden;color:var(--muted);font-size:8px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.classroom-seat-tooltip .study-rank-badge{position:static;display:inline-flex;justify-self:start;min-height:16px;max-width:100%;padding:1px 4px;border-width:0;background:rgba(235,242,231,.9);font-size:8px}.classroom-seat-tooltip .study-rank-badge .study-rank-emblem,.classroom-seat-tooltip .study-rank-progress{display:none}button.classroom-seat:focus-visible .classroom-seat-tooltip,button.classroom-seat:hover .classroom-seat-tooltip{opacity:1;transform:translate(-50%)}.classroom-stage.is-compact{width:100%;min-width:0;min-height:0;aspect-ratio:16/8.4;border-radius:10px}.classroom-stage.is-compact .classroom-board,.classroom-stage.is-compact .classroom-seat.empty{display:none}.classroom-stage.is-compact .classroom-seat-desk-avatar{width:clamp(12px,1.5vw,19px)}.classroom-stage.is-compact .classroom-seat-activity{max-width:clamp(30px,4vw,54px);font-size:clamp(5px,.46vw,7px)}.classroom-immersive-overlay{position:fixed;z-index:260;inset:0;display:grid;place-items:center;padding:clamp(12px,2.5vw,32px);background:rgba(16,25,19,.8);backdrop-filter:blur(14px);animation:classroom-immersive-in .18s ease-out both}.classroom-immersive-shell{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,1520px);height:min(100%,940px);overflow:hidden;border:1px solid rgba(255,255,255,.26);border-radius:18px;background:#172019;box-shadow:0 30px 90px rgba(0,0,0,.42)}.classroom-immersive-head{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:70px;padding:14px 18px;color:#fff;background:rgba(16,27,19,.86)}.classroom-immersive-head>div:first-child{display:grid;gap:3px}.classroom-immersive-head small{color:rgba(232,242,231,.7);font-size:10px;font-weight:800;letter-spacing:.08em}.classroom-immersive-head strong{font-family:var(--serif);font-size:clamp(18px,1.8vw,26px);font-weight:600}.classroom-immersive-actions{display:flex;align-items:center;gap:8px}.classroom-immersive-close{color:#fff;border-color:rgba(255,255,255,.26);background:rgba(255,255,255,.1)}.classroom-immersive-shell .classroom-stage.is-immersive{width:100%;min-width:0;min-height:0;height:100%;border:0;border-radius:0}.classroom-immersive-foot{position:relative;z-index:8;padding:10px 18px;color:rgba(239,246,237,.86);background:rgba(16,27,19,.86);font-size:11px;font-weight:700}@keyframes classroom-immersive-in{0%{opacity:0}to{opacity:1}}@media (max-width:740px){.classroom-stage-scroll{overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch}.classroom-stage{width:640px;min-width:640px;border-radius:8px}.classroom-board>span{font-size:7px}.classroom-board em,.classroom-board small{display:none}.classroom-board strong{font-size:10px}.classroom-seat-tooltip{display:none}.classroom-immersive-overlay{padding:0}.classroom-immersive-shell{width:100%;height:100%;border:0;border-radius:0}.classroom-immersive-head{min-height:62px;padding:10px 12px}.classroom-immersive-head strong{font-size:17px}.classroom-immersive-shell .classroom-stage.is-immersive{width:100%;min-width:0}}