.portal-student{--student-portal-ink:#18172a;--student-portal-muted:#625e7c;--student-portal-purple:#7c3aed;--student-portal-purple-dark:#4f46e5;--student-portal-gold:#f0a630;--student-portal-focus:#4f46e5;--student-portal-line:#cbc5e1;--student-portal-surface:#fff;--student-portal-shadow:0 6px 0 #d7d1eb, inset 0 1px 0 #ffffffdb}.portal-student :is(.student-store-page .store-skin-preview,.student-appearance-page .skin-preview)>img:is([src*=luminous-feather-wind-rider-],[src*=multicolor-cloud-brocade-world-weaver-],[src*=red-sand-ruins-surveyor-],[src*=shanhe-mystic-ink-world-painter-],[src*=verdant-crystal-spirit-summoner-]){transform-origin:50%;transform:scale(1.125)}.portal-student .nav-links a{transition:color .16s,background-color .16s,box-shadow .16s,transform .16s}.portal-student .nav-links a:focus-visible,.portal-student .student-section-nav a:focus-visible,.portal-student .student-bottom-nav a:focus-visible,.portal-student .topbar>details summary:focus-visible,.portal-student .topbar>details a:focus-visible,.portal-student .topbar>details button:focus-visible,.portal-student .student-page-action :is(a,button):focus-visible,.portal-student .student-page-state-action :is(a,button):focus-visible,.portal-student button:focus-visible{outline:3px solid var(--student-portal-focus);outline-offset:3px}.portal-student .student-section-nav{border-bottom:1px solid var(--student-portal-line);scrollbar-width:thin;background:#fffffff5;align-items:center;gap:.5rem;padding:.65rem clamp(1rem,4vw,3rem);display:flex;overflow-x:auto}.portal-student .student-section-nav a{min-height:2.35rem;color:var(--student-portal-muted);border-radius:999px;flex:none;align-items:center;gap:.35rem;padding:.45rem .85rem;font-weight:700;text-decoration:none;transition:color .16s,background-color .16s;display:inline-flex}.portal-student .student-appearance-page .appearance-primary-actions{flex-wrap:wrap;gap:.65rem;display:flex}.portal-student .student-appearance-page .appearance-primary-actions a{color:#fff;background:var(--student-portal-purple-dark);border-radius:.7rem;justify-content:center;align-items:center;min-height:44px;padding:.7rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.portal-student .student-titles-hero .button{min-height:44px}.portal-student .student-portal-page .student-title-card{min-height:8.5rem;color:var(--student-portal-ink);box-shadow:none;background:#fbf8fd;border:1px solid #e2d5ee;border-radius:.85rem}.portal-student .student-portal-page .student-title-card>span{color:#a56b12}.portal-student .class-wall-page .wall-class-selector form{grid-template-columns:minmax(11rem,.7fr) minmax(14rem,1.3fr) auto auto;align-items:end;gap:.8rem;display:grid}.portal-student .class-wall-page .wall-class-selector label{min-width:0;color:var(--student-portal-ink);gap:.4rem;font-weight:800;display:grid}.portal-student .class-wall-page .wall-class-selector :is(input,select){width:100%;min-height:44px;color:var(--student-portal-ink);font:inherit;background:#fff;border:1px solid #a7b1cf;border-radius:.65rem;padding:.65rem .75rem}.portal-student .class-wall-page .wall-class-selector :is(input,select):focus-visible,.portal-student .class-wall-page .wall-clear-search:focus-visible,.portal-student .class-wall-page .character-wall-card:focus-visible{outline:3px solid var(--student-portal-focus);outline-offset:3px}.portal-student .class-wall-page .wall-clear-search{min-height:44px;color:var(--student-portal-purple-dark);align-items:center;font-weight:800;display:inline-flex}.portal-student .class-wall-page .class-character-wall .section-heading p{color:var(--student-portal-muted);margin:.3rem 0 0}.portal-student .class-wall-page .character-wall-card{box-shadow:none;background:#fff;border-radius:.85rem}.portal-student .class-wall-page .character-wall-card-body{gap:.55rem;padding:.85rem}.portal-student .class-wall-page .character-wall-card-body small,.portal-student .class-wall-page .character-wall-card-body p{margin:0}.portal-student .class-wall-page .character-wall-role,.portal-student .class-wall-page .character-wall-latest-title{gap:.1rem;min-width:0;display:grid}.portal-student .class-wall-page .character-wall-role span,.portal-student .class-wall-page .character-wall-latest-title span{color:var(--student-portal-muted);font-size:.72rem}.portal-student .class-wall-page .character-wall-role strong,.portal-student .class-wall-page .character-wall-latest-title strong{color:var(--student-portal-ink);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}@media (max-width:900px){.portal-student .class-wall-page .wall-class-selector form{grid-template-columns:minmax(0,1fr) auto}.portal-student .class-wall-page .wall-class-selector label{grid-column:1/-1}.portal-student .class-wall-page .character-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.portal-student .student-page-hero{flex-direction:column;align-items:stretch}.portal-student .student-page-hero>div:first-child{min-width:0}.portal-student .student-page-action,.portal-student .student-page-action :is(a,button),.portal-student .student-appearance-page .appearance-primary-actions,.portal-student .student-appearance-page .appearance-primary-actions a{width:100%}.portal-student .class-wall-page .panel{padding:.9rem}.portal-student .class-wall-page .character-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem}.portal-student .class-wall-page .character-wall-card-body{gap:.4rem;padding:.65rem}.portal-student .class-wall-page .character-wall-card-body h3{font-size:1rem}.portal-student .class-wall-page .character-wall-card-body dl{gap:.7rem}.portal-student .class-wall-page .character-wall-card-body dd{font-size:.82rem}.portal-student .class-wall-page .wall-pagination{grid-template-columns:1fr 1fr}.portal-student .class-wall-page .wall-pagination>span:not(:empty){text-align:center;grid-area:1/1/auto/-1}}.auth-shell.portal-student{background-color:#edf5ff;background-image:linear-gradient(90deg,#fbfdffb8,#e8f2ffad),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;position:relative;overflow:hidden}.auth-shell.portal-student:before,.auth-shell.portal-student:after{aspect-ratio:1;content:"";pointer-events:none;border:1px solid #c6973e4d;border-radius:50%;width:280px;position:absolute}.auth-shell.portal-student:before{top:-150px;right:-90px}.auth-shell.portal-student:after{bottom:-170px;left:-110px}.auth-shell.portal-student>.auth-card{z-index:1;background:#fbfdfff5;border:1px solid #c6973eb8;border-radius:16px;position:relative;box-shadow:0 18px 46px #22468a24}.auth-shell.portal-student>.auth-card h1{color:#153472;font-family:Noto Serif SC,Songti SC,STSong,serif}.auth-shell.portal-student>.auth-card .eyebrow{color:#153472;background:#fff2c8;border:1px solid #c6973e8f}.auth-shell.portal-student>.auth-card :is(input,select){background:#fbfdff;border-color:#9eb4d5;border-radius:12px}.auth-shell.portal-student>.auth-card .button{color:#fff;min-height:46px;box-shadow:none;background:#3156c8;border:2px solid #183a9b;border-radius:12px}.auth-shell.portal-student>.auth-card .button:hover{color:#fff;background:#183a9b}.portal-student .student-gender-page .student-panel{background:#fbfdfff5;border-color:#c8d7ee}.portal-student .student-gender-page .student-action-grid .button-primary{color:#fff;background:#3156c8;border:2px solid #183a9b;border-radius:12px;min-height:48px}@media (max-width:520px){.auth-shell.portal-student{place-items:start center;padding:24px 12px}.auth-shell.portal-student>.auth-card{padding:24px 20px}}.portal-student .student-bottom-nav{z-index:60;padding:.35rem max(.35rem, env(safe-area-inset-right)) max(.35rem, env(safe-area-inset-bottom)) max(.35rem, env(safe-area-inset-left));border-top:1px solid var(--student-portal-line);background:#fff;grid-template-columns:repeat(5,minmax(0,1fr));gap:.2rem;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -3px 8px #422b601a}.portal-student .student-bottom-nav a{min-width:0;min-height:3rem;color:var(--student-portal-muted);touch-action:manipulation;-webkit-tap-highlight-color:#7047a724;border-radius:.45rem;align-content:center;place-items:center;gap:.15rem;text-decoration:none;transition:color .16s,background-color .16s,transform .16s;display:grid;position:relative}.portal-student .student-bottom-nav a:active{transform:translateY(1px)}.portal-student .student-bottom-nav svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.35rem;height:1.35rem}.portal-student .student-bottom-nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.72rem;font-weight:800;line-height:1;overflow:hidden}.portal-student .student-bottom-nav .nav-badge{text-align:center;min-width:1.1rem;padding:0 .25rem;font-size:.65rem;line-height:1.1rem;position:absolute;top:.15rem;left:calc(50% + .45rem)}.portal-student .topbar>details{color:var(--student-portal-ink);position:relative}.portal-student .topbar>details summary{cursor:pointer;border-radius:.85rem;align-items:center;gap:.5rem;min-height:2.75rem;padding:.35rem .6rem;font-weight:700;list-style:none;display:inline-flex}.portal-student .topbar>details summary::-webkit-details-marker{display:none}.portal-student .topbar>details summary>span:first-child{color:#fff;background:linear-gradient(135deg, var(--student-portal-purple), #9669c8);border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid}.portal-student .topbar>details summary>span:last-child:not(:first-child){color:var(--student-portal-purple-dark);font-size:.78rem}.portal-student .topbar>details>div{z-index:20;border:1px solid var(--student-portal-line);width:max-content;min-width:10rem;box-shadow:var(--student-portal-shadow);background:#fff;border-radius:.9rem;gap:.25rem;padding:.5rem;display:grid;position:absolute;top:calc(100% + .55rem);right:0}.portal-student .topbar>details>div a,.portal-student .topbar>details>div button{width:100%;color:var(--student-portal-ink);cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;border-radius:.65rem;padding:.65rem .75rem;text-decoration:none;display:block}.portal-student .student-page-frame{width:min(1180px,100% - 2rem);color:var(--student-portal-ink);margin:1.5rem auto 3rem}.portal-student .student-page-hero{color:#fff;background:radial-gradient(circle at 84% 22%,#f4c95d6b 0 2px,#0000 3px),radial-gradient(circle at 91% 61%,#ffffff80 0 1px,#0000 2px) 0 0/42px 42px,linear-gradient(135deg,#4d2d7e,#7650a9 62%,#8862b6);border-radius:1.5rem 1.5rem 0 0;justify-content:space-between;align-items:flex-end;gap:1.5rem;padding:clamp(1.5rem,4vw,2.75rem);display:flex;position:relative;overflow:hidden}.portal-student .student-page-hero:after{content:"";border:1px solid #ffffff2e;border-radius:50%;width:10rem;height:10rem;position:absolute;bottom:-3.5rem;right:7%}.portal-student .student-page-hero>*{z-index:1;position:relative}.portal-student .student-page-eyebrow{color:#f9db87;letter-spacing:.14em;text-transform:uppercase;margin:0 0 .5rem;font-size:.78rem;font-weight:800}.portal-student .student-page-hero h1{color:inherit;margin:0;font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.12}.portal-student .student-page-description{color:#ffffffd6;max-width:44rem;margin:.75rem 0 0;line-height:1.7}.portal-student .student-page-action{flex:none}.portal-student .student-page-action :is(a,button),.portal-student .student-page-state-action :is(a,button){color:#fff;cursor:pointer;min-height:2.75rem;font:inherit;background:#ffffff24;border:1px solid #ffffff73;border-radius:.8rem;justify-content:center;align-items:center;padding:.65rem 1rem;font-weight:800;text-decoration:none;display:inline-flex}.portal-student .student-page-summary{border-inline:1px solid var(--student-portal-line);background:#f8f5fb;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem;padding:1.25rem clamp(1rem,3vw,2rem);display:grid}.portal-student .student-page-summary>*{border:1px solid var(--student-portal-line);background:var(--student-portal-surface);border-radius:1rem;min-width:0;padding:1rem;box-shadow:0 8px 22px #422b6012}.portal-student .student-page-content{border:1px solid var(--student-portal-line);background:var(--student-portal-surface);min-height:15rem;box-shadow:var(--student-portal-shadow);border-top:0;border-radius:0 0 1.5rem 1.5rem;padding:clamp(1.25rem,4vw,2.5rem)}.portal-student .student-page-hero+.student-page-content{border-top:0}.portal-student .student-page-state{text-align:center;overflow-wrap:anywhere;border:1px dashed #b7d2ea;border-radius:10px;align-content:center;place-items:center;min-height:10rem;padding:16px;display:grid}.portal-student .student-page-state.error,.portal-student .student-page-state.unavailable{background:#fff;border-color:#b4232c}.portal-student .student-song-page{gap:18px;display:grid}.portal-student .student-song-hero{background:linear-gradient(135deg,#ebf4fff5,#f8effff0);justify-content:space-between;align-items:center;gap:20px;display:flex;overflow:hidden}.portal-student .student-song-hero-icon{color:#6757c8;background:#ffffffb8;border:1px solid #695cdc2e;border-radius:28px;flex:0 0 86px;place-items:center;width:86px;height:86px;display:grid;box-shadow:0 14px 32px #574caa1f}.portal-student .student-song-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.portal-student .student-song-summary article{background:#ffffffd1;border:1px solid #695cdc24;border-radius:18px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;padding:16px;display:grid}.portal-student .student-song-summary svg{color:#7463d6;grid-row:1/3}.portal-student .student-song-summary span{color:var(--text-muted);font-size:13px}.portal-student .student-song-summary strong{color:var(--text);font-size:22px}.portal-student .student-song-board,.portal-student .student-song-form-panel{background:#ffffffd1;border:1px solid #695cdc29;border-radius:22px;padding:20px;box-shadow:0 16px 38px #42417814}.portal-student .student-song-days{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px;margin-top:16px;display:grid}.portal-student .student-song-day{background:#f7f8ffeb;border:1px solid #695cdc24;border-radius:16px;overflow:hidden}.portal-student .student-song-day header{background:linear-gradient(90deg,#6a5bd21a,#72badc14);justify-content:space-between;gap:10px;padding:12px 14px;display:flex}.portal-student .student-song-day header span{color:var(--text-muted);font-size:12px}.portal-student .student-song-day ol{gap:0;margin:0;padding:0;list-style:none;display:grid}.portal-student .student-song-day li{border-top:1px solid #695cdc1a;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:58px;padding:9px 12px;display:grid}.portal-student .student-song-day li>b{color:#5b4cad;background:#ebe8ff;border-radius:8px;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.portal-student .student-song-day li div{gap:2px;min-width:0;display:grid}.portal-student .student-song-day li strong,.portal-student .student-song-day li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-student .student-song-day li div span,.portal-student .student-song-day li.is-empty span{color:var(--text-muted);font-size:12px}.portal-student .student-song-day li em{color:#845d00;background:#fff0c7;border-radius:999px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:800}.portal-student .student-song-day li.is-empty{color:var(--text-muted)}.portal-student .student-song-form-panel{grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:22px;display:grid}.portal-student .student-song-form-panel form{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.portal-student .student-song-form-panel label{color:var(--text);gap:6px;font-size:13px;font-weight:800;display:grid}.portal-student .student-song-form-panel label.wide,.portal-student .student-song-form-panel button{grid-column:1/-1}.portal-student .student-song-form-panel.needs-replacement{background:#fffaece6;border-color:#d6972c59}.portal-student .student-song-unavailable{color:var(--text-muted);background:#695cdc14;border-radius:12px;align-self:center;margin:0;padding:14px 16px}@media (max-width:760px){.portal-student .student-song-summary,.portal-student .student-song-form-panel,.portal-student .student-song-form-panel form{grid-template-columns:1fr}.portal-student .student-song-form-panel label.wide,.portal-student .student-song-form-panel button{grid-column:auto}.portal-student .student-song-hero-icon{border-radius:20px;flex-basis:64px;width:64px;height:64px}}.portal-student .student-page-state.disabled{background:#fff7dd;border-color:#936000}.portal-student .student-page-state.readonly{color:#10213d;text-align:left;background:#eef7ff;border-style:solid;border-color:#b7d2ea;place-items:start;min-height:auto;padding:16px}.portal-student .student-page-state.complete{background:#fff;border-color:#087f73}.portal-student .student-page-state h2,.portal-student .student-page-state p{margin:0}.portal-student .student-page-state p{max-width:34rem;color:var(--student-portal-muted);margin-top:.55rem;line-height:1.7}.portal-student .student-page-state-action{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:1rem;display:flex}.portal-student .student-page-state-action :is(a,button){color:#fff;background:#0757aa;border-color:#0757aa}.portal-student .student-action-feedback{border:1px solid;border-left-width:.35rem;border-radius:10px;margin:0;padding:.8rem 1rem;line-height:1.6}.portal-student .student-action-feedback.success{color:#087f73;background:#fff;border-color:#087f73}.portal-student .student-action-feedback.error{color:#b4232c;background:#fff;border-color:#b4232c;font-weight:700}.portal-student button:disabled,.portal-student button[aria-disabled=true]{cursor:not-allowed;opacity:.62}.portal-student .growth-advice-page{display:block}.portal-student .growth-advice-page .student-page-content{gap:1.25rem;display:grid}.portal-student .growth-advice-read-form{justify-content:flex-end;align-items:center;display:flex}.portal-student .growth-advice-grid{grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem;display:grid}.portal-student .growth-advice-card{border:1px solid var(--student-portal-line);background:#fbf9fd;border-radius:1rem;gap:.85rem;padding:1.25rem;display:grid}.portal-student .growth-advice-card.unread{border-color:#9470bd}.portal-student .growth-advice-card-heading{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.portal-student .growth-advice-card-heading span{font-weight:800}.portal-student .growth-advice-card-heading strong{color:var(--student-portal-purple-dark);background:#eee6f7;border-radius:999px;padding:.2rem .55rem;font-size:.75rem;line-height:1.35}.portal-student .growth-advice-card p{color:var(--student-portal-ink);margin:0;font-size:1rem;line-height:1.75}.portal-student .growth-advice-card time{color:var(--student-portal-muted);font-size:.78rem}.portal-student .growth-advice-grid>.student-page-state{grid-column:1/-1}.portal-student .student-history-list{gap:1.25rem;min-width:0;display:grid}.portal-student .student-history-card{border:1px solid var(--student-portal-line);background:#fbf9fd;border-radius:1rem;min-width:0;padding:clamp(1.1rem,3vw,1.5rem);box-shadow:0 10px 24px #422b6012}.portal-student .student-history-card header{border-bottom:1px solid var(--student-portal-line);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.portal-student .student-history-card header span,.portal-student .student-history-card header strong{display:block}.portal-student .student-history-card header span{color:var(--student-portal-purple-dark);font-weight:800}.portal-student .student-history-card header strong{color:var(--student-portal-ink);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:clamp(1.45rem,3vw,1.9rem)}.portal-student .student-history-card header small{max-width:16rem;color:var(--student-portal-muted);text-align:right;line-height:1.5}.portal-student .student-history-rewards,.portal-student .student-history-changes{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;display:grid}.portal-student .student-history-rewards{margin-top:1rem}.portal-student .student-history-rewards div,.portal-student .student-history-changes p{border:1px solid var(--student-portal-line);background:var(--student-portal-surface);border-radius:.85rem;min-width:0;margin:0;padding:.9rem}.portal-student .student-history-rewards span,.portal-student .student-history-changes span{color:var(--student-portal-muted);font-size:.78rem;display:block}.portal-student .student-history-rewards strong,.portal-student .student-history-changes strong{overflow-wrap:anywhere;color:var(--student-portal-ink);margin-top:.35rem;display:block}.portal-student .student-history-rewards strong,.portal-student .student-history-dimensions strong{font-variant-numeric:tabular-nums}.portal-student .student-history-dimensions{flex-wrap:wrap;gap:.6rem;margin:1rem 0;display:flex}.portal-student .student-history-dimensions span{color:var(--student-portal-purple-dark);white-space:nowrap;background:#f4eff9;border:1px solid #ded3eb;border-radius:999px;padding:.45rem .75rem}.portal-student .student-page-frame,.portal-student .student-page-content,.portal-student .student-history-list,.portal-student .student-history-card{max-width:100%;overflow-x:clip}.portal-student .student-page-loading .student-page-hero{align-items:center;min-height:9rem}.portal-student .student-page-skeleton-title,.portal-student .student-page-skeleton-summary,.portal-student .student-page-skeleton-content{background:linear-gradient(90deg,#ece6f3 25%,#f8f5fb 45%,#ece6f3 65%) 0 0/220% 100%;border-radius:.75rem;animation:1.4s ease-in-out infinite student-page-skeleton-shimmer}.portal-student .student-page-skeleton-title{background:linear-gradient(90deg,#fff3 25%,#fff6 45%,#fff3 65%) 0 0/220% 100%;width:min(28rem,70vw);height:3.5rem}.portal-student .student-page-skeleton-summary{min-height:5rem}.portal-student .student-page-skeleton-content{height:2.5rem;margin-bottom:1rem}.portal-student .student-page-skeleton-content.short{width:68%}.portal-student .student-overview-loading{min-width:0}.portal-student .student-overview-loading .student-profile-overview{min-height:28rem}.portal-student .student-overview-skeleton-character,.portal-student .student-overview-skeleton-line,.portal-student .student-overview-skeleton-metric,.portal-student .student-overview-skeleton-panel{background:linear-gradient(90deg,#e7eaf7 25%,#f8f9fd 45%,#e7eaf7 65%) 0 0/220% 100%;border-radius:.75rem;animation:1.4s ease-in-out infinite student-page-skeleton-shimmer}.portal-student .student-overview-skeleton-character{min-height:28rem;margin:1rem}.portal-student .student-overview-skeleton-line{width:min(18rem,70%);height:1.5rem;margin:1.25rem}.portal-student .student-overview-skeleton-line.heading{width:min(22rem,55%);height:2.25rem;margin:.5rem}.portal-student .student-overview-skeleton-line.title{height:3rem;margin-inline:0}.portal-student .student-overview-skeleton-metric{min-height:7rem}.portal-student .student-overview-skeleton-panel{min-height:10rem;margin:1.25rem}.portal-student .student-overview-skeleton-panel.short{min-height:6rem}.portal-student .student-tasks-page .student-task-center{gap:1.25rem;min-width:0;display:grid}.portal-student .student-tasks-page .student-task-center>.panel,.portal-student .student-tasks-page .student-task-side-grid>.panel{min-width:0}.portal-student .student-tasks-page .section-heading{align-items:flex-start;gap:1rem}.portal-student .student-tasks-page .section-heading .button-row,.portal-student .student-tasks-page .student-task-actions{flex-wrap:wrap}.portal-student .student-tasks-page button[aria-pressed=true]{border-color:var(--student-portal-purple-dark);color:#fff;background:var(--student-portal-purple-dark)}.portal-student .student-tasks-page button[aria-pressed=false]{color:var(--student-portal-purple-dark);background:#f5f1f9}.portal-student .student-tasks-page .student-task-map,.portal-student .student-tasks-page .student-task-list{border-left:0;border-top:1px solid var(--student-portal-line);gap:0;min-width:0;padding-left:0;display:grid}.portal-student .student-tasks-page .student-task-node{border:0;border-bottom:1px solid var(--student-portal-line);background:var(--student-portal-surface);border-radius:0;align-items:center;gap:1rem;min-width:0;padding:1rem .25rem;display:flex}.portal-student .student-tasks-page .student-task-node.pending{background:#fbf9fd;border-bottom-color:#cfc0df}.portal-student .student-tasks-page .student-task-node.overdue{background:#fff7f8;border-bottom-color:#d7a1a6}.portal-student .student-tasks-page .student-task-node.completed{background:#f4faf6;border-bottom-color:#a7cbb4}.portal-student .student-tasks-page .student-task-node.reward_rejected{background:#fffaf0;border-bottom-color:#c8a365}.portal-student .student-tasks-page .task-node-index{width:2rem;height:2rem;color:var(--student-portal-purple-dark);font-variant-numeric:tabular-nums;background:#f2ecf7;border:1px solid #cfc0df;border-radius:50%;flex:0 0 2rem;place-items:center;font-weight:800;display:grid}.portal-student .student-tasks-page .student-task-details{flex:22rem;min-width:0}.portal-student .student-tasks-page .student-task-details strong,.portal-student .student-tasks-page .student-task-details p,.portal-student .student-tasks-page .student-task-details small{overflow-wrap:anywhere}.portal-student .student-tasks-page .student-task-details p{color:var(--student-portal-muted);margin:.35rem 0;line-height:1.55}.portal-student .student-tasks-page .student-task-details small{color:var(--student-portal-ink);font-variant-numeric:tabular-nums}.portal-student .student-tasks-page .student-task-actions{flex:0 auto;justify-content:flex-end;align-items:center;margin-left:auto}.portal-student .student-tasks-page .student-task-actions form{margin:0}.portal-student .student-tasks-page .student-task-side-grid{gap:1.25rem;min-width:0;margin-top:0;display:grid}.portal-student .student-tasks-page .goal-progress{border-bottom:1px solid var(--student-portal-line);gap:.45rem;min-width:0;padding:.85rem 0;display:grid}.portal-student .student-tasks-page .goal-progress p{color:var(--student-portal-muted);font-variant-numeric:tabular-nums;margin:0}.portal-student .student-tasks-page .goal-progress progress{width:100%;accent-color:var(--student-portal-purple)}.portal-student .student-tasks-page .form-grid{min-width:0;margin-top:1rem}.portal-student .student-tasks-page .form-grid label,.portal-student .student-tasks-page .form-grid input,.portal-student .student-tasks-page .form-grid select{min-width:0}.portal-student .student-tasks-page .student-task-reminder-form{gap:.75rem;min-width:0;display:grid}.portal-student .student-tasks-page .task-reminder{border-bottom:1px solid var(--student-portal-line);align-items:flex-start;gap:.75rem;min-width:0;padding:.85rem 0;display:flex}.portal-student .student-tasks-page .task-reminder input{flex:none;margin-top:.2rem}.portal-student .student-tasks-page .task-reminder span{min-width:0}.portal-student .student-tasks-page .task-reminder strong,.portal-student .student-tasks-page .task-reminder small{overflow-wrap:anywhere;display:block}.portal-student .student-tasks-page .task-reminder small{color:var(--student-portal-muted);margin-top:.3rem;line-height:1.5}.portal-student .student-tasks-page .student-page-state{border-radius:.75rem;min-height:0;padding:1.25rem}.portal-student .student-tasks-page .student-page-state h2{font-size:1rem}.portal-student .student-tasks-page .student-page-state p{max-width:32rem;line-height:1.55}.portal-student .student-store-page .student-store-shell{gap:1.5rem;min-width:0;max-width:100%;display:grid;overflow-x:clip}.portal-student .student-store-page.student-page-frame>.student-page-content{background-color:#eef5ff;background-image:linear-gradient(135deg,#fafdffe6,#e2efffbd 52%,#efe9ffc7),url(/assets/stage/student-stage-starlight.webp);background-position:top;background-size:cover;border-color:#9eb9e7}.portal-student .student-store-page .student-page-summary strong{font-variant-numeric:tabular-nums}.portal-student .student-store-page .store-view-controls{border-bottom:1px solid var(--student-portal-line);align-items:start;gap:1rem 1.5rem;min-width:0;padding-bottom:1.25rem;display:grid}.portal-student .student-store-page .store-tabs{overscroll-behavior-inline:contain;border:1px solid var(--student-portal-line);background:#f5f1f9;border-radius:.75rem;gap:.25rem;width:100%;max-width:100%;padding:.25rem;display:flex;overflow-x:auto}.portal-student .student-store-page .store-tabs .button{min-height:2.5rem;color:var(--student-portal-purple-dark);box-shadow:none;background:0 0;border:0;border-radius:.55rem;flex:none;transform:none}.portal-student .student-store-page .store-tabs .button:hover:not(:disabled){color:var(--student-portal-purple-dark);box-shadow:none;background:#ebe3f4;transform:none}.portal-student .student-store-page .store-tabs .button[aria-current=page]{color:#fff;background:var(--student-portal-purple-dark)}.portal-student .student-store-page .store-wallet-help{max-width:40rem;color:var(--student-portal-muted);text-wrap:pretty;margin:0;line-height:1.6}.portal-student .student-store-page .store-catalog-sections{gap:2rem;min-width:0;display:grid}.portal-student .student-store-page .store-catalog-sections>section{min-width:0;scroll-margin-top:1rem}.portal-student .student-store-page .store-category-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.portal-student .student-store-page .store-category-nav a{--store-category-accent:#3156c8;--store-category-soft:#edf3ff;min-width:0;min-height:5.4rem;color:var(--student-portal-ink);background:var(--store-category-soft);border:1px solid #b9cae8;border-radius:.75rem;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;padding:.8rem;text-decoration:none;transition:border-color .18s ease-out,background-color .18s ease-out,box-shadow .18s ease-out,transform .18s ease-out;display:grid}.portal-student .student-store-page .store-category-nav a[data-category=privileges]{--store-category-accent:#087f73;--store-category-soft:#effaf7}.portal-student .student-store-page .store-category-nav a[data-category=titles]{--store-category-accent:#94670d;--store-category-soft:#fff8e8}.portal-student .student-store-page .store-category-nav a[data-category=skins]{--store-category-accent:#6548b4;--store-category-soft:#f5f1ff}.portal-student .student-store-page .store-category-nav a:hover{border-color:var(--store-category-accent);transform:translateY(-2px);box-shadow:0 4px 8px #1f3a701f}.portal-student .student-store-page .store-category-nav a[aria-current=page]{border-color:var(--store-category-accent);color:#fff;background:var(--store-category-accent);box-shadow:none;transform:none}.portal-student .student-store-page .store-category-nav a[aria-current=page] :is(strong,small){color:#fff}.portal-student .student-store-page .store-category-nav a[aria-current=page] b{color:var(--store-category-accent);background:#fff}.portal-student .student-store-page .store-category-nav a:focus-visible{outline-offset:2px;outline:3px solid #3156c847}.portal-student .student-store-page .store-category-icon{color:#fff;background:var(--store-category-accent);border-radius:.65rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.portal-student .student-store-page .store-category-icon svg{width:1.4rem;height:1.4rem}.portal-student .student-store-page .store-category-nav a[aria-current=page] .store-category-icon{color:var(--store-category-accent);background:#fff}.portal-student .student-store-page .store-category-copy{gap:.2rem;min-width:0;display:grid}.portal-student .student-store-page .store-category-copy strong{color:var(--store-category-accent);font-size:1.05rem;font-weight:850}.portal-student .student-store-page .store-category-copy small{min-width:0;color:var(--student-portal-muted);text-wrap:pretty;line-height:1.35}.portal-student .student-store-page .store-category-nav b{color:#fff;background:var(--store-category-accent);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;min-width:2rem;padding:.25rem .5rem;font-size:.85rem}.portal-student .student-store-page .section-heading{border-bottom:1px solid var(--student-portal-line);justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;margin-bottom:1rem;padding-bottom:.8rem;display:flex}.portal-student .student-store-page .section-heading h2,.portal-student .student-store-page .section-heading p{margin:0}.portal-student .student-store-page .section-heading h2{text-wrap:balance;font-size:1.35rem}.portal-student .student-store-page .section-heading>span{color:var(--student-portal-muted);font-variant-numeric:tabular-nums;flex:none}.portal-student .student-store-page .store-product-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;min-width:0;display:grid}.portal-student .student-store-page .store-product-card{border:1px solid var(--student-portal-line);background:#fbf9fd;border-radius:.85rem;flex-direction:column;gap:.85rem;min-width:0;min-height:100%;padding:1rem;display:flex}.portal-student .student-store-page .store-product-icon{width:4.5rem;height:4.5rem}.portal-student .student-store-page .store-title-preview{align-self:center;place-items:center;width:7rem;height:7rem;display:grid}.portal-student .student-store-page .store-title-preview img{object-fit:contain;filter:drop-shadow(0 5px 5px #28448f38);width:100%;height:100%;display:block}.portal-student .student-store-page :is(.store-product-card,.student-privilege-item,.entitlement-row){background-position:50%;background-size:cover}.portal-student .student-store-page :is(.store-product-card,.student-privilege-item,.entitlement-row).store-tone-virtual{background-color:#faf7ff;background-image:linear-gradient(135deg,#fbf9fff5,#f0e8ffd6),url(/assets/stage/student-stage-starlight.webp);border-color:#cbbce8}.portal-student .student-store-page :is(.store-product-card,.student-privilege-item,.entitlement-row).store-tone-role{background-color:#f4f8ff;background-image:linear-gradient(135deg,#fafdfff5,#e1edffd6),url(/assets/stage/student-stage-starlight.webp);border-color:#a9c3ee}.portal-student .student-store-page :is(.store-product-card,.student-privilege-item,.entitlement-row).store-tone-choice{background-color:#fffaf0;background-image:linear-gradient(135deg,#fffdf7f7,#fff1c4d1),url(/assets/stage/student-stage-starlight.webp);border-color:#dec57e}.portal-student .student-store-page :is(.store-product-card,.student-privilege-item,.entitlement-row).store-tone-cleaning{background-color:#f2fbf8;background-image:linear-gradient(135deg,#f9fffdf7,#daf7efd6),url(/assets/stage/student-stage-starlight.webp);border-color:#9fd8cc}.portal-student .student-store-page :is(.store-product-card,.student-privilege-item,.entitlement-row).store-tone-default{background-color:#f7f9fc;background-image:linear-gradient(135deg,#fcfdfff7,#e8eff9db),url(/assets/stage/student-stage-starlight.webp)}.portal-student .student-store-page .student-store-icon-emblem{isolation:isolate;flex:none;place-items:center;display:inline-grid;position:relative}.portal-student .student-store-page .student-store-icon-frame{z-index:-1;object-fit:contain;filter:drop-shadow(0 4px 4px #22468a38);width:100%;height:100%;position:absolute;inset:0}.portal-student .student-store-page .student-store-icon-glyph{color:#fff;background:#6548b4;border:2px solid #ffffffdb;border-radius:50%;place-items:center;width:2rem;height:2rem;display:grid;box-shadow:0 2px 6px #27236047}.portal-student .student-store-page .student-store-icon-glyph svg{width:1.15rem;height:1.15rem}.portal-student .student-store-page .tone-role .student-store-icon-glyph{background:#3156c8}.portal-student .student-store-page .tone-choice .student-store-icon-glyph{color:#fff8dc;background:#9a6b10}.portal-student .student-store-page .tone-cleaning .student-store-icon-glyph{background:#087f73}.portal-student .student-store-page .tone-default .student-store-icon-glyph{background:#526b91}.portal-student .student-store-page .entitlement-title{align-items:center;gap:.55rem;display:flex}.portal-student .student-store-page .entitlement-store-icon{flex:0 0 2rem;place-items:center;width:2.75rem;height:2.75rem;display:grid}.portal-student .student-store-page .entitlement-store-icon .student-store-icon-glyph,.portal-student .student-store-page .student-privilege-store-icon .student-store-icon-glyph{border-width:1px;width:1.5rem;height:1.5rem}.portal-student .student-store-page .entitlement-store-icon .student-store-icon-glyph svg,.portal-student .student-store-page .student-privilege-store-icon .student-store-icon-glyph svg{width:.9rem;height:.9rem}.portal-student .student-store-page .store-skin-preview{box-sizing:border-box;aspect-ratio:3/4;background:#f2edf7;border:0;border-radius:.75rem;place-items:stretch stretch;width:100%;height:auto;max-height:none;padding:0;display:grid;overflow:hidden}.portal-student .student-store-page .store-skin-preview img{object-fit:cover;object-position:center;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;display:block}.portal-student .student-store-page .store-skin-preview.fallback span{color:#8c76a5;font-size:3rem}.portal-student .student-store-page .store-product-copy{min-width:0}.portal-student .student-store-page .store-product-copy h3,.portal-student .student-store-page .store-product-copy p{overflow-wrap:anywhere}.portal-student .student-store-page .store-product-copy h3{margin:0;font-size:1.08rem}.portal-student .student-store-page .store-product-copy p{color:var(--student-portal-muted);margin:.35rem 0 0;line-height:1.55}.portal-student .student-store-page .store-product-card dl{gap:.45rem;margin:0;display:grid}.portal-student .student-store-page .store-product-card dl div{justify-content:space-between;gap:1rem;min-width:0;display:flex}.portal-student .student-store-page .store-product-card dt{color:var(--student-portal-muted)}.portal-student .student-store-page .store-product-card dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:800}.portal-student .student-store-page .store-product-action{margin-top:auto}.portal-student .student-store-page .store-product-action .button{width:100%}.portal-student .student-store-page .store-product-card>small{overflow-wrap:anywhere;min-height:1.35rem;line-height:1.35}.portal-student .student-store-page .store-product-grid>.student-page-state{grid-column:1/-1}.portal-student .student-store-page .panel{border-color:var(--student-portal-line);background:var(--student-portal-surface);min-width:0;box-shadow:none;padding:1.25rem}.portal-student .student-store-page .entitlement-list,.portal-student .student-store-page .ledger-list{gap:0;min-width:0;display:grid}.portal-student .student-store-page .entitlement-row{border:0;border-bottom:1px solid var(--student-portal-line);background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:1rem;min-width:0;padding:1rem 0;display:flex}.portal-student .student-store-page .entitlement-row>div{min-width:0}.portal-student .student-store-page .entitlement-row strong,.portal-student .student-store-page .entitlement-row p,.portal-student .student-store-page .entitlement-row small{overflow-wrap:anywhere}.portal-student .student-store-page .entitlement-row p{color:var(--student-portal-muted);margin:.35rem 0;line-height:1.5}.portal-student .student-store-page .entitlement-row small{color:var(--student-portal-ink);font-variant-numeric:tabular-nums}.portal-student .student-store-page .entitlement-row form{flex:none}.portal-student .student-store-page .student-privilege-wallet{gap:1.5rem;display:grid}.portal-student .student-store-page .student-privilege-group{min-width:0}.portal-student .student-store-page .student-privilege-group-heading{border-bottom:1px solid var(--student-portal-line);justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.7rem;display:flex}.portal-student .student-store-page .student-privilege-group-heading h3,.portal-student .student-store-page .student-privilege-group-heading p{margin:0}.portal-student .student-store-page .student-privilege-group-heading p,.portal-student .student-store-page .student-privilege-empty{color:var(--student-portal-muted);margin-top:.25rem}.portal-student .student-store-page .student-privilege-group-heading>span{background:var(--student-portal-soft);text-align:center;border-radius:999px;min-width:2rem;padding:.25rem .55rem;font-weight:800}.portal-student .student-store-page .student-privilege-list{gap:.75rem;padding-top:.75rem;display:grid}.portal-student .student-store-page .student-privilege-item{border:1px solid var(--student-portal-line);border-radius:12px;grid-template-columns:minmax(0,1.2fr) minmax(17rem,.8fr);gap:1.25rem;padding:1rem;display:grid}.portal-student .student-store-page .student-privilege-main{gap:.8rem;min-width:0;display:flex}.portal-student .student-store-page .student-privilege-store-icon{width:3rem;height:3rem}.portal-student .student-store-page .student-privilege-main p,.portal-student .student-store-page .student-privilege-main small{color:var(--student-portal-muted);overflow-wrap:anywhere;margin:.3rem 0 0}.portal-student .student-store-page .student-privilege-state{align-content:start;gap:.65rem;display:grid}.portal-student .student-store-page .student-privilege-state>p{font-variant-numeric:tabular-nums;justify-content:space-between;gap:.75rem;margin:0;display:flex}.portal-student .student-store-page .student-privilege-request-form{gap:.65rem;display:grid}.portal-student .student-store-page .student-privilege-request-form label{gap:.35rem;display:grid}.portal-student .student-store-page .student-privilege-request-form textarea{resize:vertical;min-height:5.5rem}.portal-student .student-store-page .student-privilege-review{color:var(--student-portal-muted);line-height:1.5}.portal-student .student-store-page .student-legacy-entitlements{border-top:1px solid var(--student-portal-line);padding-top:.85rem}.portal-student .student-store-page .student-legacy-entitlements summary{cursor:pointer;font-weight:800}.portal-student .student-store-page .student-legacy-entitlements .entitlement-list{margin-top:.75rem}.portal-student .student-store-page .store-ledger-grid{grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;display:grid}.portal-student .student-store-page .store-ledger-panel{background-color:#f7fbff;background-image:linear-gradient(135deg,#fbfdfff0,#e0f1ffc7 58%,#fff2c8c7),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#d8bc68}.portal-student .student-store-page .ledger-list{gap:.75rem}.portal-student .student-store-page .ledger-list article{border:1px solid var(--student-portal-line);background-position:100%;background-size:cover;border-radius:12px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.85rem;min-width:0;padding:.9rem 1rem;display:grid}.portal-student .student-store-page .ledger-list article.ledger-credit{background-color:#fff9e8;background-image:linear-gradient(100deg,#fffdf7fa,#fff1c4d1),url(/assets/stage/student-stage-starlight.webp);border-color:#dec57e}.portal-student .student-store-page .ledger-list article.ledger-debit{background-color:#f1f6ff;background-image:linear-gradient(100deg,#fafdfffa,#e1edffd6),url(/assets/stage/student-stage-starlight.webp);border-color:#a9c3ee}.portal-student .student-store-page .ledger-list article>div{gap:.25rem;min-width:0;display:grid}.portal-student .student-store-page .ledger-list strong,.portal-student .student-store-page .ledger-list small{overflow-wrap:anywhere}.portal-student .student-store-page .ledger-list small{color:var(--student-portal-muted)}.portal-student .student-store-page .ledger-list b,.portal-student .student-store-page .ledger-list article>span{font-variant-numeric:tabular-nums;white-space:nowrap}.portal-student .student-store-page .ledger-list .positive{color:#21653d}.portal-student .student-store-page .ledger-list .negative{color:#9a2f3b}.portal-student .student-store-page .student-page-state{border-radius:.75rem;min-height:8rem;padding:1.25rem}.portal-student .student-store-page .student-page-state h2{font-size:1rem}.portal-student .student-store-page .student-page-state p{line-height:1.55}.portal-student .student-appearance-page .student-page-content{gap:1.25rem;min-width:0;display:grid}.portal-student .student-appearance-page.student-page-frame>.student-page-content{background-color:#f2f6ff;background-image:linear-gradient(135deg,#fbfdffe6,#e8efffbd 50%,#efe9ffc7),url(/assets/stage/student-stage-starlight.webp);background-position:top;background-size:cover;border-color:#b7c8e8}.portal-student .student-appearance-page .student-page-summary span,.portal-student .student-appearance-page .student-page-summary strong,.portal-student .student-appearance-page .student-page-summary small{overflow-wrap:anywhere;display:block}.portal-student .student-appearance-page .student-page-summary span{color:var(--student-portal-muted);font-size:.78rem;font-weight:700}.portal-student .student-appearance-page .student-page-summary strong{color:var(--student-portal-ink);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:1.35rem}.portal-student .student-appearance-page .student-page-summary small{color:var(--student-portal-muted);margin-top:.45rem;font-size:.76rem;line-height:1.45}.portal-student .student-appearance-page .panel{border-color:var(--student-portal-line);background:var(--student-portal-surface);min-width:0;box-shadow:none;padding:1.4rem}.portal-student .student-appearance-page .appearance-section-heading{border-bottom:1px solid var(--student-portal-line);justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;padding-bottom:1rem;display:flex}.portal-student .student-appearance-page .appearance-section-heading h2,.portal-student .student-appearance-page .appearance-section-heading p{margin:0}.portal-student .student-appearance-page .appearance-section-heading h2{color:var(--student-portal-ink);text-wrap:balance;font-size:1.15rem}.portal-student .student-appearance-page .appearance-section-heading p{color:var(--student-portal-muted);text-wrap:pretty;margin-top:.35rem;line-height:1.55}.portal-student .student-appearance-page .appearance-section-heading>span{color:var(--student-portal-purple-dark);font-variant-numeric:tabular-nums;flex:none;font-weight:800}.portal-student .student-appearance-page .appearance-permanent-note{color:#5c4717;background:#fffaf0;border:1px solid #d8bf78;border-radius:.75rem;margin:1rem 0;padding:.85rem 1rem;line-height:1.6}.portal-student .student-appearance-page .appearance-permanent-note strong{color:#463307}.portal-student .student-appearance-page .appearance-starter-panel .skin-card-grid,.portal-student .student-appearance-page .wardrobe-panel .skin-card-grid{gap:1rem;min-width:0;display:grid}.portal-student .student-appearance-page .appearance-starter-panel .skin-card-grid{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.portal-student .student-appearance-page .skin-card{border:1px solid var(--student-portal-line);background:#fbf9fd;border-radius:.85rem;flex-direction:column;gap:.8rem;min-width:0;padding:.85rem;display:flex}.portal-student .student-appearance-page .skin-card.disabled{opacity:.72;background:#f4f2f6;border-style:dashed}.portal-student .student-appearance-page .skin-preview{aspect-ratio:3/4;background:radial-gradient(circle at 50% 32%,#9f89de3d,#0000 38%),#eef1fb;border:0;border-radius:.7rem;place-items:center;width:100%;min-width:0;display:grid;position:relative;overflow:hidden}.portal-student .student-appearance-page .skin-preview:after{content:"";filter:blur(5px);background:#352b6521;border-radius:50%;height:7%;position:absolute;bottom:5%;left:12%;right:12%}.portal-student .student-appearance-page .skin-preview img{z-index:1;object-fit:cover;object-position:center;width:100%;height:100%;max-height:100%;display:block;position:relative}.portal-student .student-appearance-page .skin-preview.fallback span{z-index:1;color:#8b78ad;font-size:4rem;position:relative}.portal-student .student-appearance-page .skin-card-copy{min-width:0}.portal-student .student-appearance-page .skin-card-copy h3,.portal-student .student-appearance-page .skin-card-copy p{overflow-wrap:anywhere;margin:0}.portal-student .student-appearance-page .skin-card-copy h3{color:var(--student-portal-ink);font-size:1rem}.portal-student .student-appearance-page .skin-card-copy p{color:var(--student-portal-muted);margin-top:.35rem;font-size:.85rem;line-height:1.5}.portal-student .student-appearance-page .skin-card form,.portal-student .student-appearance-page .skin-card-action{margin-top:auto}.portal-student .student-appearance-page .skin-card :is(form,.skin-card-action) .button{width:100%}.portal-student .student-appearance-page .status-pill{width:100%;min-height:2.35rem;color:var(--student-portal-purple-dark);text-align:center;background:#eee7f5;border:1px solid #cfc0df;border-radius:.7rem;justify-content:center;align-items:center;padding:.5rem .75rem;font-size:.82rem;font-weight:800;line-height:1.4;display:inline-flex}.portal-student .student-appearance-page .skin-card.disabled .status-pill{color:#5d5665;background:#ebe8ee;border-color:#ccc6d2}.portal-student .student-appearance-page .appearance-center-grid{grid-template-columns:minmax(18rem,20rem) minmax(0,1fr);grid-template-areas:"current collection";align-items:start;gap:1.5rem;min-width:0;display:grid}.portal-student .student-appearance-page .current-character-panel,.portal-student .student-appearance-page .wardrobe-panel{flex-direction:column;min-width:0;display:flex}.portal-student .student-appearance-page .current-character-panel{grid-area:current}.portal-student .student-appearance-page .appearance-collection-column{grid-area:collection;gap:1rem;min-width:0;display:grid}.portal-student .student-appearance-page .appearance-current-stage{background:radial-gradient(circle at 50% 25%,#8d9df75c,#0000 38%),linear-gradient(#f5f7ff,#e7ecfb);border-radius:.85rem;flex:auto;place-items:end center;min-width:0;min-height:27rem;margin-top:1rem;display:grid;position:relative;overflow:hidden}.portal-student .student-appearance-page .appearance-current-stage .skin-preview{aspect-ratio:3/4;background:0 0;border-radius:0;width:min(82%,21rem);height:auto;max-height:none}.portal-student .student-appearance-page .appearance-current-stage .skin-preview img{width:100%;height:100%}.portal-student .student-appearance-page .appearance-current-caption{z-index:2;color:var(--student-portal-ink);background:#ffffffe6;border-radius:.7rem;padding:.85rem 1rem;position:absolute;bottom:1rem;left:1rem;right:1rem}.portal-student .student-appearance-page .appearance-current-caption span,.portal-student .student-appearance-page .appearance-current-caption strong{overflow-wrap:anywhere;display:block}.portal-student .student-appearance-page .appearance-current-caption span{color:var(--student-portal-muted);font-size:.75rem}.portal-student .student-appearance-page .appearance-current-caption strong{margin-top:.25rem;font-size:1.05rem}.portal-student .student-appearance-page .wardrobe-panel .skin-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));padding-top:1rem}.portal-student .student-appearance-page .wardrobe-panel .skin-card-copy p{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portal-student .student-appearance-page .appearance-title-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;padding-top:1rem;display:grid}.portal-student .student-appearance-page .appearance-purchased-title{background:linear-gradient(135deg,#fbf9fff7,#ede2ffdb),url(/assets/stage/student-stage-starlight.webp) 50%/cover;border:1px solid #cbbce8;border-radius:.9rem;grid-template-columns:4.25rem minmax(0,1fr);align-items:center;gap:.9rem;min-width:0;margin-top:1rem;padding:.9rem 1rem;display:grid;box-shadow:0 12px 26px #5b49981a}.portal-student .student-appearance-page .appearance-purchased-title>:is(img,span){object-fit:contain;filter:drop-shadow(0 5px 6px #3d388238);width:4rem;height:4rem;display:block}.portal-student .student-appearance-page .appearance-purchased-title>div{gap:.18rem;min-width:0;display:grid}.portal-student .student-appearance-page .appearance-purchased-title small,.portal-student .student-appearance-page .appearance-purchased-title span{color:var(--student-portal-muted);font-size:.78rem}.portal-student .student-appearance-page .appearance-purchased-title strong{color:var(--student-portal-purple-dark);font-size:1.08rem}.portal-student .student-appearance-page .appearance-title-card{background:linear-gradient(135deg,#fffdf7f5,#fff2cad6),url(/assets/stage/student-stage-starlight.webp) 50%/cover;border:1px solid #dec57e;border-radius:.75rem;grid-template-rows:auto auto;grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:.25rem .75rem;min-width:0;padding:.75rem;display:grid}.portal-student .student-appearance-page .appearance-title-card>span{background:url(/assets/profile/v1/achievement-star.png) 50%/contain no-repeat;grid-row:1/3;width:2rem;height:2rem}.portal-student .student-appearance-page .appearance-title-card strong,.portal-student .student-appearance-page .appearance-title-card small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.portal-student .student-appearance-page .appearance-title-card strong{color:var(--student-portal-ink);font-size:.9rem}.portal-student .student-appearance-page .appearance-title-card small{color:var(--student-portal-muted)}.portal-student .student-appearance-page .appearance-title-more{margin-top:.75rem}.portal-student .student-appearance-page .appearance-title-more summary{border:1px solid var(--student-portal-line);min-height:2.75rem;color:var(--student-portal-purple-dark);cursor:pointer;background:#ffffffb8;border-radius:.75rem;padding:.65rem .75rem;font-weight:800}.portal-student .student-appearance-page .appearance-title-more[open] summary{margin-bottom:.75rem}.portal-student .student-appearance-page .appearance-title-more .appearance-title-grid{padding-top:0}.portal-student .student-appearance-page .appearance-wardrobe-heading-actions{justify-content:flex-end;align-items:center;gap:.7rem;display:flex}.portal-student .student-appearance-page .appearance-wardrobe-heading-actions a{min-height:2.35rem;color:var(--student-portal-purple-dark);background:#eee7f5;border-radius:.7rem;align-items:center;padding:.5rem .75rem;font-size:.82rem;font-weight:800;text-decoration:none;display:inline-flex}.portal-student .student-appearance-page .appearance-wardrobe-heading-actions a:hover{color:#42206f;background:#e4d8f0}.portal-student .student-appearance-page .appearance-wardrobe-heading-actions a:focus-visible{outline-offset:2px;outline:3px solid #7650a957}.portal-student .student-appearance-page .wardrobe-panel .student-page-state{flex:auto;margin-top:1rem}.portal-student .student-semester-page .student-page-content{gap:1.25rem;min-width:0;display:grid}.portal-student .student-semester-page .student-page-summary span,.portal-student .student-semester-page .student-page-summary strong,.portal-student .student-semester-page .student-page-summary small{overflow-wrap:anywhere;display:block}.portal-student .student-semester-page .student-page-summary span{color:var(--student-portal-muted);font-size:.78rem;font-weight:700}.portal-student .student-semester-page .student-page-summary strong{color:var(--student-portal-ink);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:1.35rem}.portal-student .student-semester-page .student-page-summary small{color:var(--student-portal-muted);margin-top:.45rem;font-size:.76rem;line-height:1.45}.portal-student .student-semester-page .student-semester-workspace{grid-template-columns:minmax(0,1.15fr) minmax(20rem,.85fr);gap:1.25rem;min-width:0;display:grid}.portal-student .student-semester-page .panel{border-color:var(--student-portal-line);background:var(--student-portal-surface);min-width:0;box-shadow:none;padding:1.4rem}.portal-student .student-semester-page :is(.student-semester-dimensions,.student-semester-achievements,.student-semester-weekly)>header{border-bottom:1px solid var(--student-portal-line);justify-content:space-between;align-items:flex-start;gap:1rem;min-width:0;padding-bottom:1rem;display:flex}.portal-student .student-semester-page :is(.student-semester-dimensions,.student-semester-achievements,.student-semester-weekly)>header h2,.portal-student .student-semester-page :is(.student-semester-dimensions,.student-semester-achievements,.student-semester-weekly)>header p{margin:0}.portal-student .student-semester-page :is(.student-semester-dimensions,.student-semester-achievements,.student-semester-weekly)>header h2{color:var(--student-portal-ink);text-wrap:balance;font-size:1.15rem}.portal-student .student-semester-page :is(.student-semester-dimensions,.student-semester-achievements,.student-semester-weekly)>header p{color:var(--student-portal-muted);text-wrap:pretty;margin-top:.35rem;line-height:1.55}.portal-student .student-semester-page .student-semester-dimensions>header>strong{color:var(--student-portal-purple-dark);font-variant-numeric:tabular-nums;flex:none;font-size:1.45rem}.portal-student .student-semester-page .student-semester-dimension-list{gap:1rem;padding-top:1.1rem;display:grid}.portal-student .student-semester-page .student-semester-dimension-row{grid-template-columns:6.5rem minmax(0,1fr);align-items:center;gap:1rem;min-width:0;display:grid}.portal-student .student-semester-page .student-semester-dimension-row>div{justify-content:space-between;align-items:baseline;min-width:0;display:flex}.portal-student .student-semester-page .student-semester-dimension-row span{color:var(--student-portal-muted)}.portal-student .student-semester-page .student-semester-dimension-row strong{color:var(--student-portal-ink);font-variant-numeric:tabular-nums}.portal-student .student-semester-page progress{appearance:none;background:#ece6f3;border:0;border-radius:999px;width:100%;height:.65rem;overflow:hidden}.portal-student .student-semester-page progress::-webkit-progress-bar{border-radius:inherit;background:#ece6f3}.portal-student .student-semester-page progress::-webkit-progress-value{border-radius:inherit;background:linear-gradient(90deg,#5c37a0,#8a5fc1)}.portal-student .student-semester-page progress::-moz-progress-bar{border-radius:inherit;background:linear-gradient(90deg,#5c37a0,#8a5fc1)}.portal-student .student-semester-page .student-semester-achievements{flex-direction:column;display:flex}.portal-student .student-semester-page .student-semester-task-progress{gap:.65rem;min-width:0;padding:1.1rem 0;display:grid}.portal-student .student-semester-page .student-semester-task-progress>div,.portal-student .student-semester-page .student-semester-task-progress>p{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin:0;display:flex}.portal-student .student-semester-page .student-semester-task-progress>div span,.portal-student .student-semester-page .student-semester-task-progress>p{color:var(--student-portal-muted)}.portal-student .student-semester-page .student-semester-task-progress>div strong{color:var(--student-portal-purple-dark);font-variant-numeric:tabular-nums;font-size:1.4rem}.portal-student .student-semester-page .student-semester-task-progress>p{font-variant-numeric:tabular-nums;flex-wrap:wrap;font-size:.85rem}.portal-student .student-semester-page .student-semester-title-summary{border-top:1px solid var(--student-portal-line);margin-top:auto;padding-top:1rem}.portal-student .student-semester-page .student-semester-title-summary span,.portal-student .student-semester-page .student-semester-title-summary strong{overflow-wrap:anywhere;display:block}.portal-student .student-semester-page .student-semester-title-summary span{color:var(--student-portal-muted);font-size:.78rem}.portal-student .student-semester-page .student-semester-title-summary strong{color:var(--student-portal-ink);margin-top:.45rem;line-height:1.55}.portal-student .student-semester-page .student-semester-weekly>header>span{color:var(--student-portal-purple-dark);font-variant-numeric:tabular-nums;flex:none;font-weight:800}.portal-student .student-semester-page .student-semester-weekly-list{gap:0;min-width:0;margin:0;padding:0;list-style:none;display:grid}.portal-student .student-semester-page .student-semester-weekly-list li{border-bottom:1px solid var(--student-portal-line);grid-template-columns:minmax(15rem,.42fr) minmax(0,.58fr);align-items:center;gap:1.25rem;min-width:0;padding:.95rem 0;display:grid}.portal-student .student-semester-page .student-semester-weekly-list li:last-child{border-bottom:0}.portal-student .student-semester-page .student-semester-weekly-list li>div{justify-content:space-between;align-items:baseline;gap:1rem;min-width:0;display:flex}.portal-student .student-semester-page .student-semester-weekly-list strong,.portal-student .student-semester-page .student-semester-weekly-list span{overflow-wrap:anywhere}.portal-student .student-semester-page .student-semester-weekly-list strong{color:var(--student-portal-ink);white-space:nowrap}.portal-student .student-semester-page .student-semester-weekly-list span{color:var(--student-portal-muted);font-variant-numeric:tabular-nums;text-align:right;font-size:.85rem}.portal-student .student-semester-page .student-semester-weekly .student-page-state{min-height:8rem;margin-top:1rem;padding:1.25rem}.portal-student .student-semester-page .student-semester-comment{color:var(--student-portal-ink);background:#f6f1fa;border-radius:.85rem;padding:1.4rem}.portal-student .student-semester-page .student-semester-comment h2,.portal-student .student-semester-page .student-semester-comment blockquote{margin:0}.portal-student .student-semester-page .student-semester-comment h2{font-size:1rem}.portal-student .student-semester-page .student-semester-comment blockquote{color:#51445f;text-wrap:pretty;margin-top:.65rem;line-height:1.75}@keyframes student-page-skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1050px){.portal-student .student-store-page .store-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.portal-student .student-store-page .store-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-student .student-store-page .store-category-nav a{grid-template-columns:auto minmax(0,1fr) auto;gap:.5rem;min-height:4.25rem;padding:.65rem}.portal-student .student-store-page .store-category-icon{width:2.35rem;height:2.35rem}.portal-student .student-store-page .store-category-copy small{display:none}.portal-student .student-store-page .store-category-copy strong{font-size:.95rem}.portal-student .student-store-page .student-privilege-item{grid-template-columns:minmax(0,1fr);gap:.85rem}.portal-student .student-store-page .student-privilege-state>p{gap:.2rem;display:grid}.portal-student .student-store-page .student-privilege-state form .button{width:100%}}@media (prefers-reduced-motion:reduce){.portal-student .student-page-skeleton-title,.portal-student .student-page-skeleton-summary,.portal-student .student-page-skeleton-content,.portal-student .student-overview-skeleton-character,.portal-student .student-overview-skeleton-line,.portal-student .student-overview-skeleton-metric,.portal-student .student-overview-skeleton-panel{animation:none}.portal-student .nav-links a,.portal-student .student-section-nav a,.portal-student .student-bottom-nav a,.portal-student .student-store-page .store-category-nav a{transition-duration:.01ms}}.portal-student .student-appearance-page .appearance-current-virtual-marks{z-index:3;pointer-events:none;justify-content:center;display:flex;position:absolute;bottom:5.9rem;left:1rem;right:1rem}.portal-student .student-appearance-page .appearance-current-virtual-marks .virtual-privilege-marks{justify-content:center;margin-top:0}.portal-student .student-appearance-page .current-character-panel{background-color:#f4f8ff;background-image:linear-gradient(135deg,#fafdfff0,#e1edffcc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#a9c3ee}.portal-student .student-appearance-page .wardrobe-panel{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff0,#eee8ffcc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#cbbce8}.portal-student .student-appearance-page .appearance-starter-panel{background-color:#fffaf0;background-image:linear-gradient(135deg,#fffdf7f0,#fff1c4cc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#dec57e}.portal-student .student-appearance-page .student-page-state{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff5,#eee8ffd6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#cbbce8}.portal-student .student-page-state-action .secondary{color:#10213d;background:#fff;border-color:#b7d2ea}.portal-student .student-semester-page .student-page-state.readonly{margin-bottom:1rem}.portal-student .student-store-page .student-privilege-main>div{align-content:start;min-width:0;display:grid}.portal-student .student-store-page .student-privilege-lifecycle{width:fit-content;color:var(--student-portal-purple-dark);background:var(--student-portal-soft);border-radius:999px;margin-bottom:.35rem;padding:.2rem .5rem;font-size:.875rem;font-weight:800}@media (max-width:720px){.portal-student{width:100%;padding-bottom:calc(5rem + env(safe-area-inset-bottom))}.portal-student .topbar{grid-template-columns:minmax(0,1fr) auto;align-items:center;overflow:visible}.portal-student .topbar .nav-links{display:none}.portal-student .brand{width:auto;min-width:0}}@media (max-width:430px){.portal-student .topbar{gap:.5rem;padding-inline:.75rem}.portal-student .brand{font-size:1rem}.portal-student .topbar>details summary{min-width:2.75rem;min-height:2.75rem;padding:.25rem}.portal-student .topbar>details summary>span:not(:first-child){clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (min-width:721px){.portal-student .student-bottom-nav{display:none}}@media (min-width:901px){.portal-student .student-appearance-page .current-character-panel{position:sticky;top:5.5rem}.portal-student .student-appearance-page .appearance-current-stage:before{content:"";filter:blur(2px);pointer-events:none;z-index:0;background:radial-gradient(#6d53cd57 0 22%,#6c98f533 46%,#0000 72%);border-radius:50%;width:min(76%,19rem);height:3.4rem;position:absolute;bottom:3.4rem;left:50%;transform:translate(-50%)}.portal-student .student-appearance-page .appearance-current-stage:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#ffffff5c 0 31%,#9faeff33 47%,#0000 68%);border-radius:50%;width:min(88%,22rem);height:min(72%,23rem);position:absolute;bottom:5.5rem;left:50%;transform:translate(-50%)}.portal-student .student-appearance-page .appearance-current-stage .skin-preview{z-index:1;margin-bottom:3.5rem}.portal-student .student-appearance-page .appearance-current-stage .skin-preview img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:none;position:absolute;inset:0}.portal-student .student-appearance-page .appearance-current-caption{background:#fffffff0;border:1px solid #7650a938;width:min(100% - 2rem,17rem);padding:.7rem .9rem;bottom:1rem;left:50%;right:auto;transform:translate(-50%)}.portal-student .student-appearance-page .wardrobe-panel .skin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portal-student .student-appearance-page .wardrobe-panel .skin-card{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:8rem;padding:.75rem;display:grid}.portal-student .student-appearance-page .wardrobe-panel .skin-preview{aspect-ratio:3/4;grid-row:1/3;width:6rem;height:8rem}.portal-student .student-appearance-page .wardrobe-panel .skin-card-action,.portal-student .student-appearance-page .wardrobe-panel .skin-card form{width:100%;margin-top:0}}@media (max-width:900px){.portal-student .student-appearance-page .appearance-center-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"current""collection";gap:1rem}.portal-student .student-appearance-page .appearance-title-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-student .student-appearance-page .appearance-current-stage{min-height:24rem}.portal-student .student-appearance-page .wardrobe-panel .skin-card{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.75rem;min-height:8rem;padding:.75rem;display:grid}.portal-student .student-appearance-page .wardrobe-panel .skin-preview{grid-row:1/3;width:6rem;height:8rem}.portal-student .student-appearance-page .wardrobe-panel .skin-card-action,.portal-student .student-appearance-page .wardrobe-panel .skin-card form{width:100%;margin-top:0}}@media (min-width:601px) and (max-width:900px){.portal-student .student-appearance-page .wardrobe-panel .skin-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.portal-student .student-appearance-page .appearance-section-heading{flex-direction:column;align-items:stretch}.portal-student .student-appearance-page .appearance-wardrobe-heading-actions{justify-content:space-between}.portal-student .student-appearance-page .wardrobe-panel .skin-card{grid-template-columns:5rem minmax(0,1fr)}.portal-student .student-appearance-page .wardrobe-panel .skin-preview{width:5rem;height:6.6667rem}.portal-student .student-appearance-page .appearance-title-grid{grid-template-columns:minmax(0,1fr)}}@media (min-width:1101px){.portal-student .student-appearance-page .student-page-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-student .student-appearance-page .appearance-starter-panel .skin-card-grid,.portal-student .student-semester-page .student-page-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-student .student-store-page .student-page-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.portal-student .student-tasks-page .student-page-summary{grid-template-columns:repeat(4,minmax(0,1fr))}.portal-student .student-tasks-page .student-task-side-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-student .topbar{grid-template-columns:minmax(13rem,auto) minmax(0,1fr) auto;gap:1.5rem;display:grid}.portal-student .nav-links{grid-template-columns:repeat(5,minmax(0,1fr));justify-self:center;width:min(100%,52rem);display:grid}.portal-student .nav-links a{text-align:center;justify-content:center}.portal-student .student-section-nav{justify-content:center}}.portal-student{--student-portal-ink:#142b59;--student-portal-muted:#526b91;--student-portal-purple:#7054b8;--student-portal-purple-dark:#3156c8;--student-portal-gold:#c6973e;--student-portal-focus:#3156c8;--student-portal-line:#c8d7ee;--student-portal-surface:#fbfdff;--student-portal-shadow:0 6px 8px #22468a24;background-color:#f3f7ff}.portal-student .topbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfdffe6;border:1px solid #7d97cb80;box-shadow:0 6px 8px #22468a24}.portal-student .brand{color:#153472;gap:.55rem;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:1.25rem}.portal-student .brand:before{background-color:#0000;background-image:url(/assets/profile/v1/achievement-star.png);background-position:50%;background-size:contain;border-radius:0;width:2.35rem;height:2.35rem;margin-right:0;display:inline-block}.portal-student .nav-links a{box-shadow:none;color:#1b315d;overflow-wrap:normal;white-space:nowrap;word-break:keep-all;background:0 0;border:0;border-radius:6px;padding-inline:.5rem;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:1rem;position:relative}.portal-student .nav-links a>.nav-badge{flex:none;margin-left:.35rem}.portal-student .nav-links a:hover{color:#2049b8;background:#e5eeffc7;border-color:#0000}.portal-student .nav-links a.active,.portal-student .nav-links a[aria-current=page]{color:#214fc6;background:0 0;border-color:#0000;box-shadow:inset 0 -3px #3156c8}.portal-student .nav-links a.active:after,.portal-student .nav-links a[aria-current=page]:after{content:"";background-image:url(/assets/profile/v1/achievement-star.png);background-position:50%;background-size:contain;width:1rem;height:1rem;position:absolute;bottom:-.55rem;left:50%;transform:translate(-50%)}.portal-student .topbar>details summary{color:#183b8f}.portal-student .topbar>details summary>span:first-child{background:#3156c8;border:1px solid #d4b768}.portal-student .topbar>details summary>span:last-child:not(:first-child){color:#244fc4}.portal-student .topbar>details[open] summary{background:#edf3ff}.portal-student .topbar>details>div{background:#fbfdfffa;border-color:#c8d7ee}.portal-student .topbar>details>div a:hover,.portal-student .topbar>details>div button:hover{background:#edf3ff}.portal-student .student-section-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfdffe6;border-bottom-color:#c8d7ee}.portal-student .student-section-nav a:hover,.portal-student .student-section-nav a[aria-current=page],.portal-student .student-section-nav a[aria-current=true]{color:#214fc6;background:#e7efff}.portal-student .student-page-frame :where(.panel,.student-page-content,.student-page-summary>div){border-color:#c8d7ee}@media (max-width:720px){.portal-student .topbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}}.portal-student.app-shell{background-color:#edf5ff;background-image:linear-gradient(#f1f7ff9e,#f0f7ffdb 76%,#f4f8ff),url(/assets/stage/student-stage-starlight.webp);background-position:top;background-size:cover;background-attachment:fixed;padding:0 0 52px}.portal-student .topbar{background:#f8fcffe0;border:0;border-bottom:1px solid #7594cc75;border-radius:0;min-height:70px;margin:0;padding:8px 2rem;top:0;box-shadow:0 3px 12px #2a4c8c24}.portal-student .brand:before{background-image:url(/assets/ranks/v2/rank-platinum.png);width:2.6rem;height:2.6rem}.portal-student .brand{font-size:1.65rem}@media (min-width:1101px){.portal-student .nav-links{width:min(100%,37.5rem)}}@media (min-width:1300px){.portal-student .nav-links{transform:translate(clamp(-8.5rem,-8vw,-4rem))}}.portal-student .nav-links a{min-height:52px;font-size:1.1rem}.portal-student .nav-links a.active:after,.portal-student .nav-links a[aria-current=page]:after{bottom:-.35rem}@media (max-width:720px){.portal-student.app-shell{background-attachment:scroll}.portal-student .topbar{padding:10px 12px}.portal-student .brand{font-size:1.05rem}.portal-student .brand:before{width:2rem;height:2rem}}.portal-student .student-page-frame{width:min(1320px,100% - 48px);margin:24px auto 48px}.portal-student .student-page-hero{color:#142b59;background-color:#fbfdffe6;background-image:linear-gradient(90deg,#fbfdfffa,#eff6ffc7),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border:1px solid #c6973e9e;border-radius:16px;align-items:center;min-height:196px;padding:32px 40px}.portal-student .student-page-hero:after{display:none}.portal-student .student-page-eyebrow{color:#7a5814;letter-spacing:0;text-transform:none;margin-bottom:8px;font-size:13px}.portal-student .student-page-hero h1{color:#153472;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:36px;line-height:1.25}.portal-student .student-page-description{color:#405b84;max-width:48rem;margin-top:12px;line-height:1.65}.portal-student .student-page-action :is(a,button),.portal-student .student-page-state-action :is(a,button){color:#fff;min-height:44px;box-shadow:none;background:#3156c8;border:2px solid #183a9b;border-radius:12px}.portal-student .student-page-action :is(a,button):hover,.portal-student .student-page-state-action :is(a,button):hover{color:#fff;background:#183a9b}.portal-student .student-page-summary{background:#e7efffe0;border:1px solid #c8d7ee;border-radius:16px;gap:12px;margin-top:12px;padding:16px}.portal-student .student-page-summary>*{box-shadow:none;background:#fbfdff;border:0;border-radius:12px;padding:16px}.portal-student .student-page-content,.portal-student .student-page-hero+.student-page-content{min-height:15rem;box-shadow:none;background:#fbfdfff0;border:1px solid #c8d7ee;border-radius:16px;margin-top:16px;padding:32px}.portal-student .student-tasks-page .student-page-summary>:first-child,.portal-student .student-store-page .student-page-summary>:nth-child(2),.portal-student .student-appearance-page .student-page-summary>:first-child{background:#e0f1ff}.portal-student .student-tasks-page .student-page-summary>:nth-child(2){background:#ffe9ec}.portal-student .student-tasks-page .student-page-summary>:nth-child(3){background:#cff5e9}.portal-student .student-tasks-page .student-page-summary>:nth-child(4),.portal-student .student-store-page .student-page-summary>:nth-child(3),.portal-student .student-appearance-page .student-page-summary>:nth-child(2){background:#eee9ff}.portal-student .student-store-page .student-page-summary>:first-child,.portal-student .student-appearance-page .student-page-summary>:nth-child(3){background:#fff2c8}.portal-student .student-store-page .student-page-summary>:nth-child(4){background:#e7efff}.portal-student .student-tasks-page button[aria-pressed=false],.portal-student .student-tasks-page .student-task-node.pending,.portal-student .student-tasks-page .task-node-index,.portal-student .student-store-page .store-tabs{background:#edf3ff}.portal-student .student-tasks-page .goal-progress progress{accent-color:#3156c8}.portal-student .student-store-page .store-tabs .button:hover:not(:disabled){background:#dce8ff}.portal-student .student-store-page .store-tabs .button[aria-current=page]{background:#3156c8}.portal-student .student-store-page .store-product-card,.portal-student .student-appearance-page .skin-card,.portal-student .student-portal-page .student-title-card{background:#fbfdff}.portal-student .student-store-page .store-skin-preview,.portal-student .student-appearance-page .skin-preview{background:#edf3ff}.portal-student .student-appearance-page .skin-card.equipped{background:#e7efff;border-color:#3156c8}.portal-student .student-appearance-page .skin-card.disabled{background:#f2f5fa}.portal-student .student-appearance-page .appearance-primary-actions a:last-child{color:#214fc6;background:#fbfdff;border:2px solid #3156c8}.portal-student .student-appearance-page .appearance-primary-actions a:last-child:hover{color:#fff;background:#183a9b}.portal-student .student-bottom-nav{background:#fbfdfff5;border-top-color:#c8d7ee;box-shadow:0 -3px 8px #22468a1f}.portal-student .student-bottom-nav a:hover,.portal-student .student-bottom-nav a[aria-current=page],.portal-student .student-bottom-nav a[aria-current=true]{color:#214fc6;background:#e7efff}@media (max-width:720px){.portal-student .student-page-frame{width:min(100% - 24px,1320px);margin:12px auto 32px}.portal-student .student-page-hero{min-height:0;padding:24px 20px}.portal-student .student-page-hero h1{font-size:28px}.portal-student .student-page-content,.portal-student .student-page-hero+.student-page-content{margin-top:12px;padding:20px}}@media (max-width:430px){.portal-student .student-page-hero{gap:20px}.portal-student .student-page-summary{grid-template-columns:1fr}}.portal-student :is(.student-portal-page,.class-wall-page){gap:16px;width:min(1320px,100% - 48px);margin:24px auto 48px}.portal-student :is(.student-portal-page,.class-wall-page)>.page-title{color:#142b59;min-height:196px;box-shadow:none;background-color:#fbfdffe6;background-image:linear-gradient(90deg,#fbfdfffa,#eff6ffc7),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border:1px solid #c6973e9e;border-radius:16px;align-items:center;padding:32px 40px}.portal-student :is(.student-portal-page,.class-wall-page)>.page-title h1{color:#153472;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:36px;line-height:1.25}.portal-student :is(.student-portal-page,.class-wall-page)>.page-title .lead{color:#405b84;max-width:48rem;line-height:1.65}.portal-student .student-titles-hero .button{color:#fff;min-height:44px;box-shadow:none;background:#3156c8;border:2px solid #183a9b;border-radius:12px}.portal-student .student-titles-hero .button:hover{color:#fff;background:#183a9b}.portal-student .student-portal-page>.student-portal-section,.portal-student .class-wall-page>.panel{box-shadow:none;background:#fbfdfff0;border:1px solid #c8d7ee;border-radius:16px;padding:32px}.portal-student .student-portal-page .student-title-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr));gap:12px}.portal-student .student-portal-page .student-title-card{background:#fbfdff;border:1px solid #c8d7ee;border-radius:12px;min-height:9rem}.portal-student .student-portal-page .student-title-card>span{color:#0000;background:url(/assets/profile/v1/achievement-star.png) 50%/contain no-repeat;width:2rem;height:2rem;font-size:0;overflow:hidden}.portal-student .class-wall-page .wall-class-selector form{grid-template-columns:minmax(14rem,1fr) auto auto}.portal-student .class-wall-page .wall-class-selector :is(input,select){background:#fbfdff;border-color:#9eb4d5;border-radius:12px}.portal-student .class-wall-page .character-wall-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.portal-student .class-wall-page .character-wall-card{box-shadow:none;background:#fbfdff;border:1px solid #c8d7ee;border-radius:16px;overflow:hidden}.portal-student .class-wall-page .character-wall-card:hover{border-color:#3156c8;transform:translateY(-2px)}.portal-student .class-wall-page .skin-preview{background:#edf3ff}.portal-student .class-wall-page .skin-preview.fallback span{color:#0000;background:url(/assets/profile/v1/achievement-star.png) 50%/contain no-repeat;width:4rem;height:4rem;font-size:0;overflow:hidden}@media (max-width:900px){.portal-student :is(.student-portal-page,.class-wall-page){width:min(100% - 32px,1320px)}.portal-student .class-wall-page .character-wall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:430px){.portal-student :is(.student-portal-page,.class-wall-page){width:min(100% - 24px,1320px);margin:12px auto 32px}.portal-student :is(.student-portal-page,.class-wall-page)>.page-title{flex-direction:column;align-items:stretch;gap:20px;min-height:0;padding:24px 20px}.portal-student :is(.student-portal-page,.class-wall-page)>.page-title h1{font-size:28px}.portal-student .student-portal-page>.student-portal-section,.portal-student .class-wall-page>.panel{padding:20px}}.portal-student .student-appearance-page .skin-card{background-color:#f6f9ff;background-image:linear-gradient(135deg,#fbfdfff5,#e7efffdb),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover}.portal-student .student-appearance-page .skin-card.equipped{background-color:#e7efff;background-image:linear-gradient(135deg,#f7fbfff2,#d7e6ffd6),url(/assets/stage/student-stage-starlight.webp);border-color:#3156c8}.portal-student .student-appearance-page .skin-card.disabled{background-color:#f2f5fa;background-image:linear-gradient(135deg,#fafcfff5,#e6ecf6e0),url(/assets/stage/student-stage-starlight.webp)}.portal-student :is(.growth-advice-page,.student-history-page,.student-semester-page).student-page-frame>.student-page-content{background-color:#f2f6ff;background-image:linear-gradient(135deg,#fbfdffe6,#ebe6ffbd 52%,#e1f1ffc2),url(/assets/stage/student-stage-starlight.webp);background-position:top;background-size:cover;border-color:#b7c8e8}.portal-student .growth-advice-page .growth-advice-card,.portal-student .growth-advice-page .student-page-state{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff5,#eee8ffd6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#cbbce8}.portal-student .growth-advice-page .growth-advice-card.unread{background-color:#f4efff;background-image:linear-gradient(135deg,#f9f6fff2,#e2d8ffd6),url(/assets/stage/student-stage-starlight.webp);border-color:#8f70c2}.portal-student .student-history-page .student-history-card,.portal-student .student-history-page .student-page-state{box-shadow:none;background-color:#f4f8ff;background-image:linear-gradient(135deg,#fafdfff2,#e1edffd1),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#a9c3ee}.portal-student .student-history-page .student-history-rewards div:first-child,.portal-student .student-history-page .student-history-changes p:first-child{background:#fff2c8;border-color:#dec57e}.portal-student .student-history-page .student-history-rewards div:nth-child(2),.portal-student .student-history-page .student-history-changes p:nth-child(2){background:#e0f1ff;border-color:#a9c3ee}.portal-student .student-history-page .student-history-rewards div:nth-child(3),.portal-student .student-history-page .student-history-changes p:nth-child(3){background:#eee9ff;border-color:#cbbce8}.portal-student .student-semester-page .student-semester-dimensions{background-color:#f4f8ff;background-image:linear-gradient(135deg,#fafdfff2,#e1edffd1),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#a9c3ee}.portal-student .student-semester-page .student-semester-achievements{background-color:#fffaf0;background-image:linear-gradient(135deg,#fffdf7f2,#fff1c4cc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#dec57e}.portal-student .student-semester-page .student-semester-weekly,.portal-student .student-semester-page .student-page-state{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff2,#eee8ffd1),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#cbbce8}.portal-student .student-semester-page .student-semester-dimension-row,.portal-student .student-semester-page .student-semester-task-progress,.portal-student .student-semester-page .student-semester-title-summary,.portal-student .student-semester-page .student-semester-weekly-list li{background:#f7fbff;border:1px solid #c8d7ee;border-radius:12px;padding:.9rem}.portal-student .student-semester-page .student-semester-dimension-list,.portal-student .student-semester-page .student-semester-weekly-list{gap:.75rem}.portal-student .student-semester-page .student-semester-weekly-list li,.portal-student .student-semester-page .student-semester-weekly-list li:last-child{border-bottom:1px solid #c8d7ee}.portal-student .student-semester-page .student-semester-title-summary{margin-top:.75rem;padding-top:.9rem}.portal-student .student-portal-page>.student-portal-section{background-color:#fffaf0;background-image:linear-gradient(135deg,#fffdf7f0,#fff1c4c7),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#dec57e}.portal-student .student-portal-page .student-title-card,.portal-student .student-portal-page .student-portal-empty{background-color:#fff7dc;background-image:linear-gradient(135deg,#fffdf7f5,#fff2cad6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border:1px solid #dec57e;border-radius:12px}.portal-student .student-portal-page .student-portal-empty{padding:1.25rem}.portal-student .class-wall-page>.panel{background-color:#f4f8ff;background-image:linear-gradient(135deg,#fafdfff0,#e1edffcc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#a9c3ee}.portal-student .class-wall-page .class-showcase-wall{background-color:#f5f9ff;background-image:linear-gradient(135deg,#fbfdfff0,#e2f1ffc7 58%,#fff2c8cc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#d7bf73}.portal-student .class-wall-page .class-showcase-label{color:#7a5814}.portal-student .class-wall-page .class-showcase-heading>strong,.portal-student .class-wall-page .class-showcase-icon{color:#153472;background:#fff2c8}.portal-student .class-wall-page .class-showcase-list,.portal-student .class-wall-page .class-showcase-empty{background:#fbfdfff5;border-color:#c8d7ee}.portal-student .class-wall-page .character-wall-card{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff5,#eee8ffd6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#cbbce8}
.student-tasks-page{overflow-x:hidden}.student-growth-challenge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;min-width:0;display:grid}.student-growth-challenge-card{border:1px solid var(--student-portal-line,var(--line));background:var(--student-portal-surface,var(--panel));min-width:0;color:var(--student-portal-ink,var(--text));overflow-wrap:anywhere;border-radius:12px;align-content:start;gap:14px;padding:16px;display:grid}.student-growth-challenge-card header{gap:8px;display:grid}.student-growth-challenge-card h3,.student-growth-challenge-card p,.student-growth-challenge-card dl,.student-growth-challenge-card dd{margin:0}.student-growth-challenge-card h3{text-wrap:balance}.student-growth-challenge-card header p{color:var(--student-portal-muted,var(--muted));text-wrap:pretty;line-height:1.6}.student-growth-challenge-state{color:#4d2d7e;background:#f2ecf7;border-radius:999px;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800}.student-growth-challenge-card.is-arrived{border-color:#a9a0c7}.student-growth-challenge-card.is-conquered{background:#f4faf6;border-color:#a7cbb4}.student-growth-challenge-card.is-needs_repair{background:#fffaf0;border-color:#c8a365}.student-growth-challenge-card.is-overdue{background:#fff7f8;border-color:#d7a1a6}.student-growth-challenge-facts{gap:8px;display:grid}.student-growth-challenge-facts div{border-top:1px solid var(--student-portal-line,var(--line));gap:2px;padding-top:8px;display:grid}.student-growth-challenge-facts dt{color:var(--student-portal-muted,var(--muted));font-size:12px;font-weight:700}.student-growth-challenge-facts dd{font-variant-numeric:tabular-nums;font-weight:700}.student-growth-challenge-facts .is-reward-error,.student-growth-challenge-review,.student-growth-challenge-retry{color:#6b4a08}.student-growth-challenge-review,.student-growth-challenge-retry{border-left:3px solid #c8a365;padding-left:10px;line-height:1.5}.student-growth-challenge-form{gap:8px;display:grid}.student-growth-challenge-form label{font-weight:800}.student-growth-challenge-form label span{color:var(--student-portal-muted,var(--muted));font-size:12px;font-weight:600}.student-growth-challenge-form textarea{resize:vertical;width:100%;min-height:88px}.student-growth-challenge-form textarea:focus-visible{outline-offset:2px;outline:3px solid #4d2d7e57}.student-growth-challenge-card.is-submission-feedback{animation:.35s cubic-bezier(.16,1,.3,1) student-task-arrival}.student-growth-challenge-card.is-newly-conquered{animation:.6s cubic-bezier(.16,1,.3,1) student-task-conquered}.student-adventure-map{min-width:0;color:var(--student-portal-ink,var(--text));gap:14px;display:grid}.student-adventure-term-summary{justify-content:space-between;align-items:flex-end;gap:12px;min-width:0;padding:4px;display:flex}.student-adventure-term-summary p,.student-adventure-term-summary strong,.student-adventure-term-summary span{margin:0}.student-adventure-term-summary p{color:var(--student-portal-purple-dark,#4d2d7e);font-weight:800}.student-adventure-term-summary strong,.student-adventure-term-summary span{color:var(--student-portal-muted,var(--muted));font-size:13px}.student-week-route{overscroll-behavior-inline:contain;gap:8px;min-width:0;padding:8px 4px 14px;display:flex;overflow-x:auto}.student-week-island{border:1px solid var(--student-portal-line,var(--line));background:var(--student-portal-surface,var(--panel));min-width:72px;min-height:58px;color:var(--student-portal-muted,var(--muted));cursor:pointer;font:inherit;text-align:left;border-radius:10px;flex:0 0 96px;align-content:center;gap:2px;padding:8px 10px;transition:border-color .16s ease-out,background-color .16s ease-out,color .16s ease-out,transform .16s ease-out;display:grid}.student-week-island:hover{border-color:var(--student-portal-purple,var(--accent));color:var(--student-portal-purple-dark,var(--accent-strong));transform:translateY(-1px)}.student-week-island span{font-weight:800}.student-week-island small,.student-week-island em{font-variant-numeric:tabular-nums;font-size:12px;font-style:normal}.student-week-island em{color:var(--danger)}.portal-student .student-tasks-page .student-week-island[aria-pressed=true]{color:#4d2d7e;background:#f2ecf7;border:2px solid #4d2d7e}.portal-student .student-tasks-page .student-week-island[aria-pressed=true] em{color:#7f1d26}.portal-student .student-tasks-page .student-week-island[aria-pressed=true]:hover{color:#4d2d7e;background:#f2ecf7;border-color:#4d2d7e}.portal-student .student-tasks-page .student-week-island[aria-current=step]{border-color:var(--student-portal-purple-dark,#4d2d7e);color:#fff;background:#4d2d7e}.portal-student .student-tasks-page .student-week-island[aria-current=step] small,.portal-student .student-tasks-page .student-week-island[aria-current=step] em{color:#fff}.portal-student .student-tasks-page .student-week-island[aria-current=step]:hover{color:#fff;background:#4d2d7e;border-color:#4d2d7e}.portal-student .student-tasks-page .student-week-island[aria-current=step]:after{content:"本周";color:#4d2d7e;background:#fff;border-radius:999px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.2}.portal-student .student-tasks-page .student-week-island[aria-current=step][aria-pressed=true]{color:#fff;background:#4d2d7e;border-color:#4d2d7e;box-shadow:inset 0 0 0 2px #fff}.student-dimension-tabs{border-bottom:1px solid var(--student-portal-line,var(--line));flex-wrap:wrap;gap:8px;min-width:0;padding-bottom:10px;display:flex}.student-dimension-tabs button{min-width:76px;min-height:44px;color:var(--student-portal-purple-dark,#4d2d7e);cursor:pointer;font:inherit;background:#f5f1f9;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:800;transition:border-color .16s ease-out,background-color .16s ease-out,color .16s ease-out;display:inline-flex}.student-dimension-tabs button small{font-variant-numeric:tabular-nums;font-size:12px}.student-dimension-tabs button:hover{border-color:var(--student-portal-purple,#7047a7);background:#eee6f6}.student-dimension-tabs button[aria-selected=true]{border-color:var(--student-portal-purple-dark,#4d2d7e);background:var(--student-portal-purple-dark,#4d2d7e);color:#fff}.student-adventure-state-guide{color:var(--student-portal-muted,var(--muted));margin:0;font-size:14px}.student-adventure-workspace{grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);align-items:start;gap:14px;min-width:0;display:grid}.student-adventure-side-rail{align-content:start;gap:14px;min-width:0;display:grid}.student-week-challenge-badge{color:#4d2d7e;background:#eee6f6;border-radius:999px;width:fit-content;padding:2px 6px;font-size:11px;font-weight:800;line-height:1.2}.student-adventure-routes,.student-adventure-routes [role=tabpanel]{min-width:0}.student-adventure-routes [role=tabpanel]:focus-visible{outline-offset:3px;outline:3px solid #4d2d7e57}.student-adventure-task-nodes{gap:8px;min-width:0;display:grid}.student-adventure-task-node{border:1px solid var(--student-portal-line,var(--line));background:var(--student-portal-surface,var(--panel));min-width:0;min-height:52px;color:var(--student-portal-ink,var(--text));cursor:pointer;font:inherit;text-align:left;border-radius:10px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;transition:border-color .16s ease-out,background-color .16s ease-out,transform .16s ease-out;display:grid}.student-adventure-task-node:before{border:1px solid;border-radius:50%;place-items:center;width:24px;height:24px;font-size:14px;font-weight:900;line-height:1;display:grid}.student-adventure-task-node strong{overflow-wrap:anywhere;min-width:0}.student-adventure-task-node span{color:var(--student-portal-muted,var(--muted));white-space:nowrap;font-size:13px;font-weight:700}.student-adventure-task-node:hover{border-color:var(--student-portal-purple,#7047a7);background:#fbf9fd;transform:translateY(-1px)}.student-adventure-task-node.is-submission-feedback,.student-task-node.is-submission-feedback{animation:.35s cubic-bezier(.16,1,.3,1) student-task-arrival}.student-adventure-task-node.is-newly-conquered,.student-task-node.is-newly-conquered{animation:.6s cubic-bezier(.16,1,.3,1) student-task-conquered}.portal-student .student-tasks-page .student-adventure-task-node[aria-pressed=true]{color:#4d2d7e;background:#f2ecf7;border-color:#4d2d7e}.portal-student .student-tasks-page .student-adventure-task-node[aria-pressed=true] span{color:#4d2d7e}.portal-student .student-tasks-page .student-adventure-task-node[aria-pressed=true]:hover{color:#4d2d7e;background:#f2ecf7;border-color:#4d2d7e}.student-adventure-task-node.not_started:before{content:"○"}.student-adventure-task-node.available:before{content:"→"}.student-adventure-task-node.arrived:before{content:"◆"}.student-adventure-task-node.conquered:before{content:"✓"}.student-adventure-task-node.needs_repair:before{content:"↻"}.student-adventure-task-node.overdue:before{content:"!"}.student-adventure-task-node.closed:before{content:"×"}.student-adventure-task-node.conquered{background:#f4faf6;border-color:#a7cbb4}.student-adventure-task-node.needs_repair{background:#fffaf0;border-color:#c8a365}.student-adventure-task-node.overdue{background:#fff7f8;border-color:#d7a1a6}.student-adventure-task-node.closed,.student-adventure-task-node.not_started{color:var(--student-portal-muted,var(--muted));background:#faf9fb}.student-adventure-task-detail{border:1px solid var(--student-portal-line,var(--line));background:var(--student-portal-surface,var(--panel));border-radius:12px;gap:14px;min-width:0;padding:16px;display:grid}.student-adventure-task-detail header,.student-adventure-task-detail dl{gap:8px;min-width:0;margin:0;display:grid}.student-adventure-task-detail header>span{width:fit-content;color:var(--student-portal-purple-dark,#4d2d7e);background:#f2ecf7;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.student-adventure-task-detail h3,.student-adventure-task-detail p,.student-adventure-task-detail dd{overflow-wrap:anywhere;margin:0}.student-adventure-task-detail h3{text-wrap:balance}.student-adventure-task-detail header p{max-width:65ch;color:var(--student-portal-muted,var(--muted));text-wrap:pretty;line-height:1.6}.student-adventure-task-detail dl div{border-top:1px solid var(--student-portal-line,var(--line));gap:2px;padding-top:8px;display:grid}.student-adventure-task-detail dt{color:var(--student-portal-muted,var(--muted));font-size:12px;font-weight:700}.student-adventure-task-detail dd{font-variant-numeric:tabular-nums;font-weight:700}.student-adventure-rewards{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.student-adventure-rewards li{color:var(--student-portal-purple-dark,#4d2d7e);font-variant-numeric:tabular-nums;background:#f5f1f9;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:800}.student-adventure-reward-error,.student-adventure-unmapped-banner{color:#6b4a08;background:#fffaf0;border:1px solid #d6b66f;border-radius:8px;margin:0;padding:10px 12px}.student-adventure-pack{gap:14px;min-width:0;display:grid}.student-week-island:focus-visible,.student-dimension-tabs button:focus-visible,.student-adventure-task-node:focus-visible{outline-offset:3px;outline:3px solid #4d2d7e57}.student-task-center .button,.student-task-error .button{min-height:44px}.student-task-loading,.student-task-error{width:min(1180px,100% - 2rem);color:var(--student-portal-ink,var(--text));margin:1.5rem auto 3rem}.student-task-loading{gap:14px;display:grid}.student-task-loading>p{color:var(--student-portal-muted,var(--muted));margin:0}.student-task-loading h1,.student-task-error h1{color:var(--student-portal-purple-dark,#4d2d7e);text-wrap:balance;margin:0}.student-task-loading .student-week-island,.student-task-loading .student-dimension-tabs span,.student-task-loading .student-adventure-task-nodes span,.student-task-loading .student-adventure-task-detail span,.student-task-loading .student-growth-challenge-card span{background:#eee9f3;border-radius:8px;animation:1.2s ease-in-out infinite alternate student-adventure-pulse}.student-task-loading .student-growth-challenge-card span{height:18px;animation:1.2s ease-in-out infinite alternate student-adventure-pulse;display:block}.student-task-loading .student-growth-challenge-card span:first-child{width:42%;height:24px}.student-task-loading .student-growth-challenge-card span:nth-child(2){width:76%}.student-task-loading .student-week-island{border:0}.student-task-loading .student-dimension-tabs span{width:76px;height:44px}.student-task-loading .student-adventure-task-nodes span{height:52px}.student-task-loading .student-adventure-task-detail span{height:18px;display:block}.student-task-loading .student-adventure-task-detail span:first-child{width:44%;height:24px}.student-task-error{background:#fff7f8;border:1px solid #d7a1a6;border-radius:12px;justify-items:start;gap:12px;padding:20px;display:grid}.student-task-error p{color:#6f3238;max-width:65ch;margin:0}@keyframes student-adventure-pulse{0%{opacity:.56}to{opacity:1}}@keyframes student-task-arrival{0%{opacity:.86;filter:saturate(.9);transform:scale(.97);box-shadow:0 0 #4d2d7e00}55%{opacity:1;filter:saturate(1.12);transform:scale(1.015);box-shadow:0 0 0 3px #7047a729}to{opacity:1;filter:none;transform:scale(1);box-shadow:0 0 #4d2d7e00}}@keyframes student-task-conquered{0%{opacity:.82;filter:saturate(.82);transform:scale(.965);box-shadow:0 0 #44845d00}48%{opacity:1;filter:saturate(1.2)brightness(1.03);transform:scale(1.018);box-shadow:0 0 0 4px #44845d29}to{opacity:1;filter:none;transform:scale(1);box-shadow:0 0 #44845d00}}@media (max-width:800px){.student-adventure-workspace{grid-template-columns:minmax(0,1fr)}.student-adventure-routes{order:1}.student-adventure-task-detail,.student-adventure-side-rail{order:2}.student-adventure-pack,.student-task-side-grid{grid-template-columns:minmax(0,1fr)}.student-adventure-task-node{grid-template-columns:24px minmax(0,1fr)}.student-adventure-task-node span{white-space:normal;grid-column:2}}@media (max-width:900px){.student-growth-challenge-grid{grid-template-columns:1fr}}@media (max-width:480px){.student-dimension-tabs button{flex:calc(50% - 8px)}.student-task-loading,.student-task-error{width:min(100% - 1rem,1180px);margin-top:.75rem}}@media (prefers-reduced-motion:reduce){.student-growth-challenge-card.is-submission-feedback,.student-growth-challenge-card.is-newly-conquered,.student-adventure-task-node.is-submission-feedback,.student-adventure-task-node.is-newly-conquered,.student-task-node.is-submission-feedback,.student-task-node.is-newly-conquered{transition:none;animation:none}.student-adventure-map *,.student-adventure-map :before,.student-adventure-map :after,.student-task-loading *,.student-task-loading :before,.student-task-loading :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.student-task-completed,.student-adventure-overview-section,.student-semester-adventure{gap:16px;display:grid}.student-task-completed{background:#fff;border:1px solid #b7d2ea;border-radius:14px;padding:20px}.student-adventure-overview-section>.student-challenge-panel{box-shadow:none}.student-adventure-view-switch{flex-wrap:wrap;gap:8px;display:flex}.student-adventure-view-switch .button{min-width:72px;min-height:44px}.student-adventure-view-switch .button[aria-pressed=true]{color:#fff;background:#4d2d7e;border-color:#4d2d7e}.student-challenge-deficit{color:#936000;margin:4px 0 0;font-weight:700}.portal-student .student-tasks-page.student-page-frame>.student-page-content{background-color:#eef5ff;background-image:linear-gradient(135deg,#fafdffe6,#e0f0ffc2 55%,#fff4d2b8),url(/assets/stage/student-stage-starlight.webp);background-position:top;background-size:cover;border-color:#9eb9e7}.portal-student .student-tasks-page .student-task-center>.panel,.portal-student .student-tasks-page .student-adventure-overview-section,.portal-student .student-tasks-page .student-adventure-pack,.portal-student .student-tasks-page .student-semester-adventure,.portal-student .student-tasks-page .student-task-completed{background-color:#f7fbff;background-image:linear-gradient(135deg,#fbfdfff0,#e1f1ffcc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border:1px solid #b7d2ea;border-radius:14px;padding:20px}.portal-student .student-tasks-page .student-task-completed{background-color:#f2fbf8;background-image:linear-gradient(135deg,#f9fffdf2,#daf7efd1),url(/assets/stage/student-stage-starlight.webp);border-color:#9fd8cc}.portal-student .student-tasks-page .student-adventure-overview-section{background-color:#fffaf0;background-image:linear-gradient(135deg,#fffdf7f2,#fff1c4cc),url(/assets/stage/student-stage-starlight.webp);border-color:#dec57e}.portal-student .student-tasks-page .student-adventure-pack{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff2,#eee8ffd1),url(/assets/stage/student-stage-starlight.webp);border-color:#cbbce8}.portal-student .student-tasks-page .student-task-side-grid>.panel:first-child{background-color:#fffaf0;background-image:linear-gradient(135deg,#fffdf7f5,#fff2cad6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#dec57e}.portal-student .student-tasks-page .student-task-side-grid>.panel:last-child,.portal-student .student-tasks-page .student-page-state{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff5,#eee8ffd6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#cbbce8}.portal-student .student-tasks-page .student-exam-card{background-color:#f4f8ff;background-image:linear-gradient(135deg,#fafdfff5,#e1edffd6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#a9c3ee}.portal-student .student-tasks-page .student-growth-challenge-card,.portal-student .student-tasks-page .student-week-island,.portal-student .student-tasks-page .student-adventure-task-node,.portal-student .student-tasks-page .student-adventure-task-detail{background-color:#f3f8ff;background-image:linear-gradient(135deg,#fafdfff5,#e1eeffd6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#a9c3ee}.portal-student .student-tasks-page .student-growth-challenge-card:nth-child(3n+2),.portal-student .student-tasks-page .student-week-island:nth-child(3n+2),.portal-student .student-tasks-page .student-adventure-task-node:nth-child(3n+2){background-color:#fff8e7;background-image:linear-gradient(135deg,#fffdf7f5,#fff1c4d1),url(/assets/stage/student-stage-starlight.webp);border-color:#dec57e}.portal-student .student-tasks-page .student-growth-challenge-card:nth-child(3n),.portal-student .student-tasks-page .student-week-island:nth-child(3n),.portal-student .student-tasks-page .student-adventure-task-node:nth-child(3n){background-color:#f8f4ff;background-image:linear-gradient(135deg,#fcfafff5,#eee8ffd6),url(/assets/stage/student-stage-starlight.webp);border-color:#cbbce8}
.student-title-gallery{background:linear-gradient(145deg,#f8fbff 0%,#edf3ff 58%,#f4efff 100%);gap:20px;display:grid;overflow:hidden}.student-title-gallery-heading,.student-title-gallery-footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.student-title-gallery-heading h2,.student-title-gallery-heading p,.student-title-gallery-footer p{margin:0}.student-title-gallery-heading p,.student-title-gallery-footer p,.student-title-gallery-empty{color:#425d88;line-height:1.6}.student-title-gallery-count{color:#64470c;background:#fff2c8;border-radius:999px;flex:none;padding:6px 10px;font-size:13px;font-weight:800}.student-title-gallery-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.student-title-gallery-item{text-align:center;background:#ffffffc2;border-radius:14px;justify-items:center;gap:8px;min-width:0;padding:12px 8px 10px;display:grid;position:relative;box-shadow:0 3px 8px #2339701f}.student-title-gallery-image{filter:drop-shadow(0 4px 5px #1c2d5e2e);width:min(100%,132px);height:auto}.student-title-gallery-item div{gap:2px;display:grid}.student-title-gallery-item strong{color:#142b59;font-family:Noto Serif SC,Songti SC,STSong,serif;font-size:16px;font-weight:900}.student-title-gallery-item span,.student-title-gallery-item small{color:#4b6190;font-size:12px;font-weight:800}.student-title-gallery-item small{background:#e7efff;border-radius:999px;padding:4px 8px}.student-title-gallery-footer{border-top:1px solid #c8d7ee;padding-top:16px}@media (max-width:760px){.student-title-gallery-list{grid-template-columns:repeat(2,minmax(0,1fr))}.student-title-gallery-heading,.student-title-gallery-footer{flex-direction:column;align-items:flex-start}.student-title-gallery-footer .button{width:100%;min-height:48px}}@media (prefers-reduced-motion:reduce){.student-title-gallery-image{animation:none!important}}
.student-weekly-recap-card,.student-weekly-recap-history-letter,.student-weekly-recap-dialog{overflow-wrap:anywhere;min-width:0;max-width:100%}.student-weekly-recap-card{background:linear-gradient(135deg,#fffffffa,#f2f6fff5);border:1px solid #5b69c433;border-radius:16px;gap:10px;padding:14px;display:grid;box-shadow:0 12px 30px #3a46911f}.student-weekly-recap-card-trigger{width:100%;min-height:44px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:12px;gap:5px;padding:12px;display:grid}.student-weekly-recap-card-trigger span,.student-weekly-recap-letter header p{color:#5b69c4;letter-spacing:.08em;font-size:.82rem;font-weight:800}.student-weekly-recap-card-trigger small,.student-weekly-recap-muted{color:#69708c}.student-weekly-recap-book-link{border-radius:12px;justify-content:center;justify-self:start;align-items:center;min-height:44px;padding:0 14px;font-weight:700;display:inline-flex}.student-weekly-recap-backdrop{z-index:1000;background:#151b3b9e;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.student-weekly-recap-dialog{background:#fffdf8;border-radius:20px;width:min(640px,100% - 2rem);max-height:calc(100dvh - 2rem);padding:26px;position:relative;overflow-y:auto;box-shadow:0 26px 70px #1117374d}.student-weekly-recap-close{z-index:1;float:right;cursor:pointer;background:#fff;border:1px solid #5b69c440;border-radius:999px;justify-content:center;align-items:center;gap:5px;min-width:44px;min-height:44px;padding:0 10px;display:inline-flex;position:sticky;top:0}.student-weekly-recap-letter{clear:both;gap:18px;display:grid}.student-weekly-recap-letter header,.student-weekly-recap-letter section{gap:10px;display:grid}.student-weekly-recap-letter :where(h2,h3,p,blockquote){margin:0}.student-weekly-recap-letter blockquote{background:#f3f5ff;border:1px solid #b7d2ea;border-radius:10px;padding:16px;font-size:1.05rem;line-height:1.75}.student-weekly-recap-letter ul{gap:8px;margin:0;padding-left:1.25rem;display:grid}.student-weekly-recap-dimensions{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));list-style:none;padding:0!important}.student-weekly-recap-dimensions li,.student-weekly-recap-rewards p{background:#f6f7fc;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.student-weekly-recap-rewards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;display:grid}.student-weekly-recap-history{gap:18px;display:grid}.student-weekly-recap-latest{gap:12px;display:grid}.student-weekly-recap-latest>header span{color:#4d2d7e;font-weight:700}.student-weekly-recap-latest>header h2,.student-weekly-recap-history>h2{margin:4px 0 0}.student-weekly-recap-history-letter{background:#fffdf8;border:1px solid #5b69c42e;border-radius:18px;padding:clamp(18px,4vw,28px);box-shadow:0 10px 28px #3a469114}.student-weekly-recap-card :focus-visible,.student-weekly-recap-dialog :focus-visible{outline-offset:3px;outline:3px solid #4454c7}@media (prefers-reduced-motion:reduce){.student-weekly-recap-dialog *,.student-weekly-recap-card *{transition:none!important;animation:none!important}}@media (max-width:480px){.student-weekly-recap-dialog{width:calc(100% - 2rem);max-height:calc(100dvh - 2rem);padding:18px}.student-weekly-recap-close-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.portal-student .student-weekly-recap-book.student-page-frame>.student-page-content{background-color:#f2f6ff;background-image:linear-gradient(135deg,#fbfdffe6,#ebe6ffbd 55%,#e1f1ffc2),url(/assets/stage/student-stage-starlight.webp);background-position:top;background-size:cover;border-color:#b7c8e8}.portal-student .student-weekly-recap-book .student-weekly-recap-latest,.portal-student .student-weekly-recap-book .student-weekly-recap-history{background-color:#faf7ff;background-image:linear-gradient(135deg,#fcfafff2,#eee8ffcc),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border:1px solid #cbbce8;border-radius:14px;padding:20px}.portal-student .student-weekly-recap-book .student-weekly-recap-history{background-color:#f4f8ff;background-image:linear-gradient(135deg,#fafdfff2,#e1edffd1),url(/assets/stage/student-stage-starlight.webp);border-color:#a9c3ee}.portal-student .student-weekly-recap-book .student-weekly-recap-history-letter,.portal-student .student-weekly-recap-book .student-page-state{background-color:#fffaf0;background-image:linear-gradient(135deg,#fffdf7f5,#fff3cdd6),url(/assets/stage/student-stage-starlight.webp);background-position:50%;background-size:cover;border-color:#dec57e}
.semester-print-only{display:none}@page{size:A4;margin:14mm}@media print{.topbar,.nav-links,.semester-no-print{display:none!important}.semester-print-only{display:block}.app-shell{padding:0}.semester-print-page,.semester-print-page .panel{box-shadow:none;color:#111;background:#fff;border:0}.semester-print-page .panel{break-inside:avoid;padding:10px 0}}