html .rank-reward-viewport{width:min(420px,calc(100vw - 32px));bottom:max(28px,env(safe-area-inset-bottom))}html .rank-reward-card{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--green);border-radius:14px;padding:24px;overflow:visible;animation:completion-arrive .36s cubic-bezier(.2,.8,.2,1) both}html .rank-reward-icon{flex-basis:48px;width:48px;height:48px;border-radius:50%;background:var(--paper-deep);color:var(--green);animation:completion-stamp .46s cubic-bezier(.2,.8,.2,1) both}html .rank-reward-title strong{font-size:17px;line-height:1.5}html .rank-reward-title span{white-space:normal;overflow-wrap:anywhere;font-size:13px;line-height:1.65;color:var(--muted)}html .rank-reward-accent{display:none}html .rank-reward-body{padding-left:58px}.completion-check path{stroke-dasharray:1;stroke-dashoffset:0;animation:completion-ink .46s ease-out both}.completion-burst{position:absolute;left:48px;top:48px;width:0;height:0;pointer-events:none}.completion-burst i{position:absolute;width:4px;height:8px;border-radius:4px;background:var(--green);opacity:0;transform:rotate(calc(var(--petal) * 45deg)) translateY(-26px);animation:completion-petal .7s ease-out 90ms both}.completion-burst i:nth-child(2n){background:#b18b52}@keyframes completion-arrive{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes completion-stamp{0%{opacity:0;transform:scale(.8) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes completion-ink{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes completion-petal{0%{opacity:0;transform:rotate(calc(var(--petal) * 45deg)) translateY(-24px)}20%{opacity:.7}to{opacity:0;transform:rotate(calc(var(--petal) * 45deg)) translateY(-52px)}}@media (max-width:760px){html .rank-reward-viewport{right:16px;bottom:calc(90px + env(safe-area-inset-bottom))}html .rank-reward-card{padding:18px}}@media (prefers-reduced-motion:reduce){.completion-burst i,.completion-check path,html .rank-reward-card,html .rank-reward-icon{animation:none!important}.completion-burst{display:none}}html .rank-reward-viewport{position:fixed;inset:0;width:auto;transform:none;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) 24px max(24px,env(safe-area-inset-bottom));background:rgb(27 48 40/24%);pointer-events:none;z-index:3000;animation:reward-backdrop-in .25s ease both}html .rank-reward-card{position:relative;width:min(420px,100%);box-sizing:border-box;max-height:calc(100dvh - 64px);overflow:auto;padding:30px;border-radius:10px;border:1px solid #d8ceb7;border-bottom:4px solid #c8b994;background:#fffcf3;color:#29483b;box-shadow:0 24px 80px rgb(20 42 32/18%);pointer-events:auto}html .rank-reward-header{flex-direction:column;gap:16px;text-align:center}html .rank-reward-icon{flex-basis:62px;width:62px;height:62px;border:1px solid #b5c3ab;background:#e5ebdc;color:#365244}html .rank-reward-title strong{font-family:var(--font-handwriting,"STKaiti","KaiTi",serif);font-size:30px;font-weight:500;line-height:1.4}html .rank-reward-title span{margin-top:10px;font-size:14px;color:#526052}html .rank-reward-close{position:absolute;top:12px;right:12px;width:44px;height:44px;color:#526052}html .rank-reward-body{padding:20px 0 0;margin-top:24px;border-top:1px solid #dcd4bf;gap:14px}html .rank-reward-rank-row{justify-content:center}html .rank-reward-eyebrow{margin:0 0 24px;font-size:12px;letter-spacing:2px;color:#79663d;text-align:center}html .rank-reward-footer{margin:24px 0 0;font-family:var(--font-handwriting,"STKaiti","KaiTi",serif);font-size:17px;color:#756747;text-align:center}html .completion-burst{left:50%;top:116px}html .rank-reward-viewport.is-closing{animation:reward-backdrop-out .2s ease both}html .is-closing .rank-reward-card{animation:reward-card-out .2s ease both}@keyframes reward-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes reward-backdrop-out{to{opacity:0}}@keyframes reward-card-out{to{opacity:0;transform:translateY(8px) scale(.97)}}@media (prefers-reduced-motion:reduce){html .is-closing .rank-reward-card,html .rank-reward-viewport,html .rank-reward-viewport.is-closing{animation:none}}.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-reservation-jump{white-space:nowrap}.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-immersive-overlay,.classroom-immersive-shell,.classroom-rain,.classroom-seat,.classroom-seat.is-own .classroom-seat-desk-avatar:after,.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.is-own{z-index:6}.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.is-own .classroom-seat-desk-avatar{border-color:#fffdf4;box-shadow:0 2px 5px rgba(44,33,21,.28),0 0 0 2px rgba(46,111,76,.6)}.classroom-seat.is-own .classroom-seat-desk-avatar:after{position:absolute;inset:-6px;border:1px solid rgba(255,253,244,.88);border-radius:inherit;content:"";opacity:0;pointer-events:none;transform:scale(.82)}.classroom-seat-own-marker{position:absolute;z-index:6;top:-28%;left:calc(50% + clamp(8px, 1vw, 14px));display:grid;min-width:13px;height:13px;place-items:center;border:1px solid rgba(255,253,245,.9);border-radius:50%;color:#fffdf4;background:#2f684e;box-shadow:0 1px 2px rgba(44,33,21,.28);font-size:clamp(6px,.55vw,8px);font-style:normal;font-weight:850;line-height:1;transform:translateX(-50%)}.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)}.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}@media (prefers-reduced-motion:no-preference){.classroom-seat:not(.empty){animation:classroom-seat-arrive .34s var(--motion-ease,cubic-bezier(.22,1,.36,1)) both}.classroom-seat.is-own.studying .classroom-seat-desk-avatar:after{animation:classroom-own-seat-pulse 2.6s ease-out infinite}.classroom-immersive-overlay{animation:classroom-immersive-backdrop-in .18s ease-out both}.classroom-immersive-shell{animation:classroom-immersive-shell-in .36s var(--motion-ease,cubic-bezier(.22,1,.36,1)) both}}@keyframes classroom-seat-arrive{0%{opacity:0;transform:translate(-50%,calc(-50% + 8px)) scale(.84)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes classroom-own-seat-pulse{0%,62%,to{opacity:0;transform:scale(.82)}18%{opacity:.86;transform:scale(1)}42%{opacity:0;transform:scale(1.38)}}@keyframes classroom-immersive-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes classroom-immersive-shell-in{0%{opacity:0;transform:translateY(15px) scale(.986)}to{opacity:1;transform:translateY(0) scale(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}}.room-reservation-panel{display:grid;gap:14px;padding:18px 20px;border:1px solid color-mix(in srgb,var(--green-2) 22%,var(--line));border-radius:14px;background:color-mix(in srgb,var(--paper) 92%,var(--green-2));box-shadow:0 10px 28px rgba(35,42,36,.055)}.room-chat-heading,.room-panel-heading,.room-today-row{display:flex;align-items:center;gap:10px}.room-chat-heading>svg,.room-panel-heading>svg{flex:0 0 auto;color:var(--green-2)}.room-panel-heading>div{display:grid;min-width:0;gap:3px}.room-panel-heading strong{font-size:15px}.room-panel-heading p{margin:0;color:var(--muted);font-size:11px;line-height:1.55}.room-seat-count{margin-left:auto;color:var(--muted);font-size:10px;white-space:nowrap}.room-reserve-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:end;gap:9px;padding-top:4px}.room-reserve-form label{display:grid;min-width:0;gap:5px;color:var(--muted);font-size:10px;font-weight:700}.room-reserve-form input,.room-reserve-form select{width:100%;min-width:0;min-height:40px}.room-reserve-form .primary-button{min-height:40px;white-space:nowrap}.room-today-row{justify-content:space-between;padding:12px 14px;border:1px solid rgba(61,128,99,.2);border-radius:10px;background:rgba(223,233,226,.44)}.room-today-row>div{display:grid;min-width:0;gap:3px}.room-today-row>.room-today-actions{display:flex}.room-today-row strong{font-family:var(--serif);font-size:18px;font-weight:600}.room-today-row small{color:var(--muted);font-size:10px}.room-form-actions,.room-today-actions{display:flex;align-items:center;gap:8px}.room-form-actions{grid-column:1/-1}.room-eyebrow{color:var(--green-2);font-size:10px;font-weight:800}.room-upcoming-list{display:grid;gap:4px;padding-top:2px;color:var(--muted);font-size:10px}.room-upcoming-list .room-eyebrow{margin-bottom:2px}.room-chat-layout{display:grid;grid-template-columns:auto minmax(0,1fr) minmax(220px,.7fr);align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--line)}.room-chat-heading{align-self:start;padding-top:8px;white-space:nowrap}.room-chat-heading strong{font-size:12px}.room-chat-heading small{color:var(--muted);font-size:10px}.room-chat-list{display:grid;max-height:190px;gap:8px;overflow:auto;padding-right:3px}.room-chat-list article{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px;min-width:0}.room-chat-avatar{display:inline-grid;width:26px;height:26px;place-items:center;border-radius:50%;color:#fff;background:var(--green);font-size:10px;font-weight:800}.room-chat-list article>div{min-width:0;padding:7px 9px;border-radius:3px 10px 10px 10px;background:color-mix(in srgb,var(--paper-deep) 75%,transparent)}.room-chat-list header{display:flex;align-items:center;gap:7px}.room-chat-list header strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.room-chat-list time{margin-left:auto;color:var(--muted);font-size:9px;white-space:nowrap}.room-chat-list p{margin:3px 0 0;color:var(--ink);font-size:11px;line-height:1.45;overflow-wrap:anywhere}.room-chat-empty{margin:0;color:var(--muted)!important}.room-chat-composer{display:grid;grid-template-columns:minmax(0,1fr) 40px;gap:7px}.room-chat-composer input{min-width:0;min-height:40px}.room-chat-composer .icon-button{min-width:40px}.classroom-seat-chat-bubble{position:absolute;z-index:9;bottom:100%;left:50%;width:max-content;max-width:150px;padding:5px 7px;border:1px solid rgba(61,128,99,.2);border-radius:8px 8px 2px 8px;color:#2b4f3a;background:rgba(255,253,247,.96);box-shadow:0 5px 14px rgba(44,38,29,.14);font-size:9px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transform:translate(-50%,-7px);animation:room-chat-bubble-in .18s ease-out both}@keyframes room-chat-bubble-in{0%{opacity:0;transform:translate(-50%) scale(.94)}to{opacity:1;transform:translate(-50%,-7px) scale(1)}}html[data-app-theme=dark] .room-reservation-panel{background:#202622;border-color:rgba(228,235,227,.16)}html[data-app-theme=dark] .room-today-row{background:rgba(61,128,99,.14)}html[data-app-theme=dark] .room-chat-list article>div{background:rgba(228,235,227,.08)}html[data-app-theme=dark] .classroom-seat-chat-bubble{color:#e8f1e7;background:rgba(32,38,34,.97)}@media (prefers-reduced-motion:reduce){.classroom-seat-chat-bubble{animation:none}}@media (max-width:900px){.room-reserve-form{grid-template-columns:repeat(3,minmax(0,1fr))}.room-reserve-form .primary-button{grid-column:1/-1;justify-self:start}.room-chat-layout{grid-template-columns:1fr}.room-chat-heading{padding-top:0}.classroom-reservation-jump{margin-left:auto}}@media (max-width:560px){.room-reservation-panel{padding:15px}.room-panel-heading{align-items:flex-start}.room-seat-count{display:none}.room-reserve-form{grid-template-columns:repeat(2,minmax(0,1fr))}.room-reserve-form .primary-button{width:100%}.room-today-row{align-items:flex-start;flex-direction:column}.room-today-actions{width:100%;flex-wrap:wrap}.room-today-actions button{flex:1 1 150px}.room-form-actions{flex-direction:column;align-items:stretch}.room-form-actions button{width:100%}}.app-shell.journal-shell .room-reservation-panel{padding:28px 32px;gap:24px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:0 3px 0 var(--paper-deep);scroll-margin-top:24px}.room-panel-heading{gap:16px}.room-ticket-mark{display:grid;place-items:center;flex:0 0 48px;height:48px;border:1px solid var(--line);border-radius:12px;color:var(--green);background:var(--paper-deep)}.room-panel-heading strong{font-family:var(--serif);font-size:24px;font-weight:500;line-height:1.6}.room-panel-heading p{font-size:12px}.room-panel-heading .room-eyebrow{font-size:10px;letter-spacing:.13em;color:#a38558}.room-seat-count{padding:6px 10px;border:1px dashed var(--line);border-radius:5px;font-size:11px}.room-reservation-panel .room-reserve-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;padding-top:20px;border-top:1px dashed var(--line)}.room-reservation-panel .room-reserve-form label{gap:8px;font-size:12px;font-weight:500;color:var(--muted)}.room-reservation-panel .room-reserve-form label:last-of-type{grid-column:1/-1}.room-reservation-panel .room-reserve-form :is(input,select){min-height:46px;padding:10px 12px;border:1px solid var(--line);border-radius:7px;color:var(--ink);background:var(--paper);font-size:14px;box-shadow:none;transition:border-color .18s,background .18s}.room-reservation-panel .room-reserve-form :is(input,select):focus{outline:2px solid color-mix(in srgb,var(--green) 25%,transparent);outline-offset:2px;border-color:var(--green)}.room-form-actions{padding-top:4px;flex-wrap:wrap}.room-checkin-note{margin:0 auto 0 0;font-size:12px;color:var(--muted);line-height:1.7}.room-reservation-panel .room-form-actions button{border-radius:7px;box-shadow:none}.room-chat-dialog{position:fixed;inset:0 0 0 auto;width:min(440px,calc(100vw - 24px));max-width:none;height:calc(100dvh - 32px);max-height:none;margin:16px;padding:0;border:1px solid var(--line);border-radius:18px;color:var(--ink);background:var(--paper);box-shadow:0 20px 80px #162b2633}.room-chat-dialog::backdrop{background:#17271f42;backdrop-filter:blur(3px)}.room-chat-dialog[open]{animation:roomDrawerEnter .24s ease-out}.room-chat-dialog .room-chat-layout{display:flex;flex-direction:column;height:100%;min-height:0;box-sizing:border-box;padding:24px;gap:20px;border:0}.room-chat-dialog .room-chat-heading{width:100%;padding:0 0 18px;border-bottom:1px dashed var(--line);white-space:normal}.room-chat-heading>div{flex:1}.room-chat-heading h3{margin:3px 0;font-family:var(--serif);font-size:23px;font-weight:500}.room-chat-heading p{margin:0;font-size:11px;color:var(--muted)}.room-chat-dialog .room-chat-list{flex:1;max-height:none;align-content:start;gap:20px;padding:4px}.room-chat-dialog .room-chat-avatar{width:32px;height:32px;font-size:12px}.room-chat-dialog .room-chat-list article{gap:10px}.room-chat-dialog .room-chat-list article>div{padding:12px 14px;border-radius:2px 12px 12px}.room-chat-dialog .room-chat-list header strong{font-size:12px}.room-chat-dialog .room-chat-list p{margin-top:8px;font-size:13px;line-height:1.8}.room-chat-dialog .room-chat-composer{width:100%;display:grid;flex:0 0 auto;grid-template-columns:minmax(0,1fr) 42px}.room-chat-dialog .room-chat-composer input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px;font-size:14px;box-shadow:none;background:var(--paper)}.room-chat-footnote{text-align:center;margin:-8px 0 0;font-size:10px;color:var(--muted)}@keyframes roomDrawerEnter{0%{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}@media(min-width:1100px){.room-reservation-panel .room-reserve-form{grid-template-columns:repeat(4,minmax(0,1fr))}.room-reservation-panel .room-reserve-form label:last-of-type{grid-column:span 2}.room-reservation-panel .room-form-actions{grid-column:span 2;justify-content:end}.room-checkin-note{width:100%;text-align:right}}@media(max-width:600px){.app-shell.journal-shell .room-reservation-panel{padding:20px 16px}.room-panel-heading strong{font-size:21px}.room-panel-heading .room-seat-count{display:none}.room-reservation-panel .room-reserve-form{gap:16px 12px}.room-checkin-note{width:100%}.room-chat-dialog{margin:12px;height:calc(100dvh - 24px)}.room-chat-dialog .room-chat-layout{padding:20px 16px}}@media(prefers-reduced-motion:reduce){.room-chat-dialog[open]{animation:none}}.bottom-navigation{display:none}.bottom-navigation-menu{box-sizing:border-box;position:fixed;inset:auto 0 calc(88px + env(safe-area-inset-bottom,0px));margin:0 auto;width:calc(100% - 24px);max-width:480px;max-height:65dvh;overflow:auto;padding:22px;border:1px solid #d5ddcf;border-radius:22px;background:#faf9f2;color:#354f40;box-shadow:0 16px 48px #1a302328}.bottom-navigation-menu::backdrop{background:#16281f55}.bottom-navigation-menu header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.bottom-navigation-menu header small{color:#7b8878;font-size:11px;letter-spacing:.08em}.bottom-navigation-menu header h2{margin:5px 0 0;font-size:21px;line-height:1.4;font-weight:600}.bottom-navigation-menu header>button{display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;border:0;border-radius:50%;background:#e9ede2;color:inherit;cursor:pointer}.bottom-navigation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.bottom-navigation-grid>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:88px;padding:12px 4px;border:1px solid #e0e5d9;border-radius:12px;background:#fffef9;color:inherit;cursor:pointer}.bottom-navigation-grid>button>span{position:relative;display:flex}.bottom-navigation-grid strong{font-size:12px;font-weight:500;white-space:nowrap}.bottom-navigation-grid>button[aria-current=page]{background:#e8efdf;border-color:#7b977e;color:#254c36}.bottom-navigation-count{position:absolute;top:-6px;right:-13px;min-width:15px;padding:1px 3px;border:2px solid #fffdf7;border-radius:9px;background:#a56850;color:white;font:600 9px/12px system-ui;text-align:center}:is(.bottom-navigation,.bottom-navigation-menu) button:focus-visible{outline:2px solid #98763c;outline-offset:3px}@media(max-width:760px){.app-shell.journal-shell[data-active-view]>.sidebar{display:none!important}.app-shell.journal-shell[data-active-view]{padding-bottom:0!important}.app-shell.journal-shell[data-active-view]>.main-content{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))!important}html{scroll-padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}.bottom-navigation{position:fixed;z-index:118;bottom:calc(10px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));box-sizing:border-box;width:calc(100% - 24px);max-width:480px;padding:7px 8px 6px;border:1px solid #dce2d5;border-radius:23px;background:#fffdf7;box-shadow:0 5px 20px #243b2720}.bottom-navigation>button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:50px;padding:0 2px;border:0;border-radius:14px;background:transparent;color:#74816f;font:500 11px/16px system-ui,PingFang SC,sans-serif;cursor:pointer;transition:color .15s,background-color .15s}.bottom-navigation>button>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-navigation-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:28px;border-radius:11px}.bottom-navigation>button:is([aria-current=page],.is-current){color:#244d38;font-weight:650}.bottom-navigation>button:is([aria-current=page],.is-current) .bottom-navigation-icon{background:#e3ecdd}.bottom-navigation>button:active{background:#edf1e7}.bottom-navigation-menu[open]{animation:bottom-navigation-enter .18s ease-out}}@keyframes bottom-navigation-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.bottom-navigation-menu[open]{animation:none}.bottom-navigation>button{transition:none}}html[data-app-theme=dark] :is(.bottom-navigation,.bottom-navigation-menu){background:#27382e;border-color:#46594a;color:#e1e9dc}html[data-app-theme=dark] .bottom-navigation>button{color:#b6c6b2}html[data-app-theme=dark] .bottom-navigation>button:is([aria-current=page],.is-current){color:#e4eedc}html[data-app-theme=dark] .bottom-navigation>button:is([aria-current=page],.is-current) .bottom-navigation-icon{background:#476048}html[data-app-theme=dark] .bottom-navigation-grid>button{background:#304437;border-color:#485e48}html[data-app-theme=dark] .bottom-navigation-grid>button[aria-current=page]{background:#486249;color:#fff}@media print{.bottom-navigation,.bottom-navigation-menu{display:none!important}}html[data-app-theme=dark] .bottom-navigation-menu header>button{background:#425744;color:#e1e9dc}html[data-app-theme=dark] .bottom-navigation-menu header small{color:#b6c6b2}@supports selector(html:has(dialog[open])){html:has(.bottom-navigation-menu[open]){overflow:hidden}}.app-shell.journal-shell{--journal-paper:#fbfcf9;--journal-line:#d5dcd5;--journal-ink:#33453c;--journal-accent:#416552;background:#edf0eb}.app-shell.journal-shell[data-active-view=insights]{--journal-accent:#936453}.app-shell.journal-shell[data-active-view=mistakes]{--journal-accent:#4c6b83}.app-shell.journal-shell[data-active-view=journal]{--journal-accent:#8c646f}.app-shell.journal-shell>.main-content{background:var(--journal-paper)}.app-shell.journal-shell .nav-page-number{display:none}@media (min-width:761px){.app-shell.journal-shell[data-active-view]>.sidebar{background:#e5ebe5!important;border-right:1px solid #c4cfc5;box-shadow:inset -7px 0 #d9e2d9!important;padding:28px 18px 18px!important}.app-shell.journal-shell[data-active-view] .sidebar:after,.app-shell.journal-shell[data-active-view] .sidebar:before{display:none!important}.app-shell.journal-shell[data-active-view] .brand{padding:0 8px 25px;margin-bottom:8px;border-bottom:1px solid #bccabb}.app-shell.journal-shell[data-active-view] .brand-logo{width:38px;height:38px;border-radius:4px;background:transparent;box-shadow:none}.app-shell.journal-shell[data-active-view] .brand strong{font-family:Songti SC,STSong,serif;font-size:27px;font-weight:500;color:#304d3c}.app-shell.journal-shell[data-active-view] .brand small{font-size:10px;color:#667665}.app-shell.journal-shell[data-active-view] .main-nav{gap:4px!important}.app-shell.journal-shell[data-active-view] .nav-group-label{display:flex;align-items:center;gap:10px;margin:18px 10px 7px;color:#667665;font-size:10px}.app-shell.journal-shell .nav-group-label:after{content:"";flex:1;border-top:1px solid #c8d1c6}.app-shell.journal-shell[data-active-view] .main-nav .nav-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto 18px;gap:8px;position:relative;min-height:38px!important;padding:7px 10px!important;border:0!important;border-radius:2px!important;color:#4d6052;font-size:13px;font-weight:400;background:transparent;box-shadow:none!important}.app-shell.journal-shell[data-active-view] .main-nav .nav-icon{border:0!important;background:none!important;box-shadow:none!important;border-radius:0;color:inherit}.app-shell.journal-shell[data-active-view] .main-nav .nav-item.active{background:#fbfcf9!important;color:#2c503d;font-weight:600;box-shadow:1px 2px 0 #cbd6ca!important}.app-shell.journal-shell[data-active-view] .main-nav .nav-item.active:before{content:"";display:block!important;position:absolute;inset:7px auto 7px -3px;width:5px;border-radius:1px;background:#779475;transform:rotate(-3deg)}.app-shell.journal-shell[data-active-view] .main-nav .nav-item[data-section="学习"].active:before{background:#bd8876}.app-shell.journal-shell[data-active-view] .main-nav .nav-item[data-section="积累"].active:before{background:#7899af}.app-shell.journal-shell[data-active-view] .main-nav .nav-item.active>span:nth-child(2){text-decoration:none}.app-shell.journal-shell[data-active-view] .main-nav .nav-item:hover{background:#f1f5ef}.app-shell.journal-shell .nav-page-number{display:block;grid-column:4;grid-row:1;margin-left:auto;font-family:Georgia,serif;font-size:11px;font-style:italic;color:#8b9a87}.app-shell.journal-shell .nav-count{min-width:0;padding:0;border:0;background:transparent;color:#7a8777;font-size:10px}.app-shell.journal-shell .daily-quote{display:none}.app-shell.journal-shell[data-active-view] .profile-card{background:transparent;border:0;border-top:1px solid #c0cdbe;border-radius:0;box-shadow:none;padding:16px 4px 0;color:#4d6052}.app-shell.journal-shell[data-active-view] .profile-card :is(strong,small){color:inherit}}.app-shell.journal-shell :is(.todo-page-view,.inspiration-page-view,.mistakes-page-view,.timer-page-view,.settings-page-view,.stats-page-view){background:transparent!important;border-radius:0!important;box-shadow:none!important}.app-shell.journal-shell :is(.todo-page-view,.inspiration-page-view,.mistakes-page-view,.timer-page-view):after,.app-shell.journal-shell :is(.todo-page-view,.inspiration-page-view,.mistakes-page-view,.timer-page-view):before{display:none!important}.app-shell.journal-shell :is(.mistake-wood-shelf,.inspiration-library-stage){background:transparent!important;border:0!important;border-block:1px solid var(--journal-line)!important;border-radius:0!important;box-shadow:none!important}.app-shell.journal-shell :is(.mistake-shelf-board,.inspiration-shelf-line){height:2px;background:#b9c5b6;box-shadow:none}.app-shell.journal-shell :is(.mistake-feature-copy,.inspiration-feature-copy) h3{font-size:32px!important;line-height:1.5}.app-shell.journal-shell .timer-main-card{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important}.app-shell.journal-shell .timer-setup-panel{background:transparent!important;border-radius:0!important;border:0;border-block:1px solid var(--journal-line);padding:14px 0}.app-shell.journal-shell .timer-setup-panel button{box-shadow:none;border-radius:4px}.app-shell.journal-shell .focus-journey{border-radius:4px!important;box-shadow:none!important}.app-shell.journal-shell[data-active-view] .topbar{position:relative!important;top:auto!important;background:transparent!important;backdrop-filter:none!important;border-bottom:1px solid var(--journal-line);box-shadow:none!important;margin-bottom:24px!important;padding:4px 0 20px!important;min-height:0}.app-shell.journal-shell .topbar-title-motion:after,.app-shell.journal-shell .topbar:after,.app-shell.journal-shell .topbar:before{display:none!important}.app-shell.journal-shell .topbar-title-motion{background:none!important;border:0!important;box-shadow:none!important;padding:0!important}.app-shell.journal-shell .topbar h1{font-family:Kaiti SC,STKaiti,KaiTi,serif;font-size:29px!important;color:var(--journal-accent);letter-spacing:0}.app-shell.journal-shell .topbar-context-icon{background:transparent;box-shadow:none;border:0;color:var(--journal-accent)}.app-shell.journal-shell .topbar :is(.icon-button,.android-apk-link,.topbar-sync-button,.topbar-utility-group){background:transparent!important;box-shadow:none!important;border-radius:3px;color:#546957}.app-shell.journal-shell .topbar .primary-button{background:#416552;border-radius:4px;box-shadow:none}.app-shell.journal-shell .page-intro{background:transparent!important;box-shadow:none!important;border:0!important;padding:0 0 20px!important;min-height:0!important}.app-shell.journal-shell :is(.page-intro,.mistake-figma-title-row,.daily-review-header) h2{font-family:Songti SC,STSong,serif;font-size:27px!important;font-weight:500;line-height:1.45;letter-spacing:0;color:var(--journal-ink)}.app-shell.journal-shell .page-intro p{font-size:12px;color:#738071}.app-shell.journal-shell .page-intro:after,.app-shell.journal-shell .page-intro:before{display:none!important}.app-shell.journal-shell :is(.section-index,.panel-kicker){background:transparent;border:0;color:var(--journal-accent);letter-spacing:0}.app-shell.journal-shell .view>:is(.toolbar,.todo-toolbar){padding:16px 0!important;border:0!important;border-block:1px solid var(--journal-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.app-shell.journal-shell .view :is(.primary-button,.secondary-button,.ghost-button,.search-box,.filter-pill){border-radius:4px;box-shadow:none}.app-shell.journal-shell .view .filter-pill{background:transparent;border:0}.app-shell.journal-shell .view .filter-pill.active{background:#e5ece2;color:#34543e}.app-shell.journal-shell .todo-page-view .ai-todo-composer{padding:20px 24px;background:#edf2ea!important;border:0!important;border-left:3px solid #91a788!important;border-radius:0!important;box-shadow:none!important}.app-shell.journal-shell .ai-todo-composer:after,.app-shell.journal-shell .ai-todo-composer:before{display:none}.app-shell.journal-shell .ai-todo-composer textarea{min-height:100px;border:0;border-bottom:1px solid #bdcbb7;border-radius:0;background:#f8fbf5;font-size:14px;line-height:28px;box-shadow:none}.app-shell.journal-shell .ai-todo-composer h3{font-family:Kaiti SC,STKaiti,serif;font-size:22px;font-weight:500}.app-shell.journal-shell .ai-todo-composer .ai-orb{border-radius:2px;background:#d5e2ce;color:#456444;box-shadow:none}.app-shell.journal-shell .todo-date-control{display:flex;align-items:center;gap:10px}.app-shell.journal-shell .todo-date-control input{max-width:160px;border-radius:3px}.app-shell.journal-shell .todo-list{gap:0;border-left:1px solid #dfb7ac;padding-left:16px}.app-shell.journal-shell .todo-row-card{background:transparent!important;box-shadow:none!important;border:0!important;border-bottom:1px solid var(--journal-line)!important;border-radius:0!important}.app-shell.journal-shell .todo-empty-card{min-height:180px;border:0!important;border-radius:0!important;box-shadow:none;background:repeating-linear-gradient(transparent 0 43px,#dce3d8 43px 44px)!important}.app-shell.journal-shell .inspiration-page-view .insight-review-summary{background:#f2e9e3!important;border:0;border-radius:0;box-shadow:none}.app-shell.journal-shell .inspiration-page-view .inspiration-folio-stage{border-radius:2px;box-shadow:none}.app-shell.journal-shell .inspiration-page-view .inspiration-index-note{border-radius:3px;box-shadow:0 2px 0 #d6d9cf}.app-shell.journal-shell .mistake-figma-header{background:transparent!important;border-radius:0!important;box-shadow:none!important}.app-shell.journal-shell .mistake-review-streak{background:#e6edf2;border-radius:2px;border:0;border-left:3px solid #8ba5b9}.app-shell.journal-shell .timer-side>.card{background:transparent!important;border:0;border-top:1px solid var(--journal-line);border-radius:0;box-shadow:none}.app-shell.journal-shell .daily-review-section{background:transparent;border:0;border-top:1px solid var(--journal-line);border-radius:0;box-shadow:none}.app-shell.journal-shell .daily-review-page .review-inbox{border:0;border-block:1px solid var(--journal-line);border-radius:0;box-shadow:none;background:transparent;padding:22px 0}.app-shell.journal-shell .daily-review-page .review-inbox-item{border-radius:0;background:transparent}.app-shell.journal-shell .daily-review-lead{background:#f0e6e9;border-radius:3px;box-shadow:none}.app-shell.journal-shell .settings-grid>.settings-card{border:0;border-top:1px solid var(--journal-line);border-radius:0;background:transparent;box-shadow:none}.app-shell.journal-shell .stats-page-view>.card{border-radius:3px;box-shadow:none}@media (max-width:1250px){.app-shell.journal-shell .topbar{flex-wrap:wrap;gap:14px}.app-shell.journal-shell .topbar-context{min-width:0;flex:1 0 100%}.app-shell.journal-shell .topbar-actions{flex-wrap:wrap;max-width:100%}}@media (max-width:760px){.app-shell.journal-shell .page-intro{gap:16px;flex-wrap:wrap}.app-shell.journal-shell :is(.page-intro,.mistake-figma-title-row,.daily-review-header) h2{font-size:24px!important}.app-shell.journal-shell .page-actions{display:flex!important;flex-direction:row!important;flex-wrap:wrap;gap:8px;width:100%}.app-shell.journal-shell .page-actions>button{width:auto!important;flex:1 1 auto;min-width:0}.app-shell.journal-shell .todo-date-control{display:flex!important;flex-direction:row!important}.app-shell.journal-shell .todo-date-control>button{width:auto!important}.app-shell.journal-shell .todo-page-view .ai-todo-composer{padding:16px}.app-shell.journal-shell .view .filter-pills{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;gap:6px;padding-bottom:4px}.app-shell.journal-shell .view .filter-pill{flex:0 0 auto!important;width:auto!important;white-space:nowrap;min-height:40px}.app-shell.journal-shell .insight-review-callout{flex-wrap:wrap;gap:12px}.app-shell.journal-shell .insight-review-callout strong{font-size:18px}.app-shell.journal-shell .topbar .android-apk-link{display:none}}html[data-app-theme=dark] .app-shell.journal-shell{--journal-paper:#24322b;--journal-ink:#e0e6dd;--journal-line:#465649;--journal-accent:#b6cdb5}html[data-app-theme=dark] .app-shell.journal-shell[data-active-view]>.sidebar{background:#293b30!important;border-color:#405443;box-shadow:inset -7px 0 #203226!important}html[data-app-theme=dark] .app-shell.journal-shell[data-active-view] :is(.brand strong,.brand small,.main-nav .nav-item,.profile-card){color:#d0ddcd}html[data-app-theme=dark] .app-shell.journal-shell[data-active-view] .main-nav .nav-item.active{background:#455c48!important;color:#fff}html[data-app-theme=dark] .app-shell.journal-shell :is(.todo-page-view .ai-todo-composer,.inspiration-page-view .insight-review-summary,.mistake-review-streak,.daily-review-lead){background:#34473c!important;color:#d0ddcd}html[data-app-theme=dark] .app-shell.journal-shell .ai-todo-composer textarea{background:#24322b;color:#e0e6dd}@media(max-width:1250px){.app-shell.journal-shell[data-active-view] .topbar{flex-wrap:wrap!important}.app-shell.journal-shell[data-active-view] .topbar-actions{flex:0 1 100%;min-width:0;max-width:100%;justify-content:flex-start}}