@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-xuaO2J-f.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-400-normal-DMdlQ8Kv.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-cyrillic-400-normal-BSMlKf0J.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-400-normal-CEL4l2ZJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-vietnamese-400-normal-BulugwFq.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-400-normal-DDuiU_S-.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-ext-400-normal-BmRBH3aV.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-400-normal-D3D2R8hC.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/ibm-plex-mono-latin-400-normal-DMJ8VG8y.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-400-normal-CvHOgSBP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2) format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2) format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2) format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Bricolage Grotesque Variable,PingFang SC,sans-serif;color:#183d3b;background:#bfe9d7;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #183d3b;--deep: #173f3d;--deep-soft: #21605a;--muted: #3d7671;--paper: #fffdf2;--paper-deep: #e4f5e9;--line: rgba(5, 102, 94, .18);--line-strong: rgba(5, 102, 94, .38);--coral: #ff6b4f;--sun: #ffd23f;--mint: #4dd599;--sky: #9ae8e4;--mono: "IBM Plex Mono", monospace}.management-button{height:34px;display:inline-flex;align-items:center;gap:7px;padding:0 12px;color:#fffbed;border:1px solid rgba(255,255,255,.24);background:#ffffff14;cursor:pointer}.management-button:hover{color:var(--deep);border-color:var(--sun);background:var(--sun)}.workspace-gate,.setup-backdrop,.admin-backdrop{position:fixed;inset:0;z-index:140;display:grid;place-items:center;padding:22px;background:#0d322fad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.workspace-gate{align-content:center;gap:8px;color:#fffdf2;text-align:center}.workspace-gate>span{width:50px;height:50px;display:grid;place-items:center;margin:0 auto 5px;color:var(--deep);border-radius:50%;background:var(--sun)}.workspace-gate strong{font-size:20px}.workspace-gate small{color:#d0e7df;font-size:11px}.workspace-gate button{height:38px;margin-top:10px;padding:0 18px;color:var(--deep);border:0;background:var(--sun);cursor:pointer}.setup-backdrop{z-index:150;background:radial-gradient(circle at 15% 20%,rgba(255,211,63,.2),transparent 30%),#0c3833d6}.class-setup{width:min(960px,96vw);height:min(680px,94vh);display:grid;grid-template-columns:.95fr 1.05fr;overflow:hidden;border:1px solid rgba(255,255,255,.55);background:var(--paper);box-shadow:0 35px 90px #02221e61}.setup-story{position:relative;display:flex;flex-direction:column;justify-content:center;padding:58px 52px;color:#fffdf2;overflow:hidden;background:radial-gradient(circle at 72% 16%,rgba(255,210,63,.95) 0 6%,transparent 6.5%),radial-gradient(circle at 88% 29%,rgba(77,213,153,.75) 0 11%,transparent 11.5%),linear-gradient(145deg,#103f3b 0 58%,#19766b 58% 100%)}.setup-story:after{position:absolute;right:-110px;bottom:-155px;width:360px;height:360px;content:"";border:48px solid rgba(255,255,255,.08);border-radius:50%}.setup-badge{width:fit-content;display:inline-flex;align-items:center;gap:7px;padding:7px 10px;color:var(--deep);background:var(--sun);font-size:10px;font-weight:700}.setup-story h1{position:relative;z-index:1;max-width:340px;margin:26px 0 12px;font-size:clamp(36px,4vw,54px);line-height:.98;letter-spacing:-.05em}.setup-story>p{position:relative;z-index:1;max-width:350px;margin:0;color:#cce3da;font-size:13px;line-height:1.8}.setup-steps{position:relative;z-index:1;display:grid;gap:11px;margin-top:34px}.setup-steps span{display:flex;align-items:center;gap:9px;font-size:11px}.setup-steps i{width:22px;height:22px;display:grid;place-items:center;color:var(--deep);border-radius:50%;background:var(--mint)}.setup-form{display:flex;flex-direction:column;justify-content:flex-start;padding:28px 46px;overflow-y:auto;background:linear-gradient(rgba(23,63,61,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,63,61,.035) 1px,transparent 1px),var(--paper);background-size:28px 28px}.setup-rules{margin:0 0 11px;border:1px solid var(--line-strong);background:#fffdf2f0}.setup-rules summary{min-height:54px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px 11px;cursor:pointer;list-style:none}.setup-rules summary::-webkit-details-marker{display:none}.setup-rules summary>span{width:28px;height:28px;display:grid;place-items:center;color:var(--deep);background:#d9f2d0}.setup-rules summary>div{display:grid;gap:2px}.setup-rules summary strong{font-size:10px}.setup-rules summary small,.setup-rules summary em{color:var(--muted);font-size:7px;font-style:normal}.setup-rule-list{display:grid;gap:5px;padding:0 9px 9px}.setup-rule-row{display:grid;grid-template-columns:58px minmax(0,1fr) 52px 52px 52px 80px;align-items:end;gap:6px;padding:6px;border-left:3px solid #66bf80;background:#edf8e7}.setup-rule-row>select,.setup-rule-row>input{height:34px;min-width:0;border:1px solid var(--line);background:#fffdf2}.setup-rule-row.remind{border-left-color:#e97862;background:#fff0e9}.setup-rule-row>input{height:34px}.setup-rule-row label{display:grid;gap:2px}.setup-rule-row label span{color:var(--muted);font-size:7px}.setup-rule-row label input{height:25px;padding:0 6px}.setup-rule-actions{height:25px;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.setup-rule-actions button,.setup-add-rule{display:inline-flex;align-items:center;justify-content:center;color:var(--deep);border:1px solid var(--line);background:#fffdf2;cursor:pointer}.setup-rule-actions button:disabled{opacity:.28;cursor:default}.setup-add-rule{min-height:34px;gap:6px;border-style:dashed;background:#e8f7e3;font-weight:700}.setup-form header{display:flex;align-items:center;gap:10px;margin-bottom:17px}.setup-form header>span{width:38px;height:38px;display:grid;place-items:center;color:var(--deep);background:var(--sun)}.setup-form header>div{display:grid;gap:2px}.setup-form header strong{font-size:17px}.setup-form header small{color:var(--muted);font-size:10px}.setup-form>label{display:grid;gap:6px;margin-bottom:11px}.setup-form label>span{display:flex;justify-content:space-between;color:var(--deep);font-size:10px;font-weight:700}.setup-form label em{color:var(--muted);font-size:9px;font-style:normal;font-weight:500}.setup-form input,.setup-form textarea{width:100%;border:1px solid var(--line-strong);background:#ffffffe6}.setup-form input{height:42px;padding:0 12px}.setup-form textarea{height:86px;padding:11px 12px;resize:vertical;line-height:1.6}.setup-primary,.setup-demo{height:43px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;cursor:pointer}.setup-primary{color:#fffdf2;background:var(--deep)}.setup-demo{min-height:64px;justify-content:flex-start;margin-top:10px;padding:0 15px;color:var(--deep);border:1px solid #d2a900;background:linear-gradient(110deg,#ffe473,var(--sun));box-shadow:0 8px 18px #8765002e;text-align:left}.setup-demo>span{width:36px;height:36px;display:grid;flex:0 0 auto;place-items:center;border-radius:50%;background:#ffffffa3}.setup-demo>div{min-width:0;display:grid;flex:1;gap:2px}.setup-demo strong{font-size:13px}.setup-demo small{color:#6c5815;font-size:9px}.setup-demo:hover{border-color:var(--deep);transform:translateY(-1px)}.roster-file-import{min-height:61px;display:grid;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:10px;margin-bottom:11px;padding:9px 10px;border:1px dashed var(--line-strong);background:#e6f8e8e0}.roster-file-import.ready{border-style:solid;background:#e4f6de}.roster-file-import.error{border-color:#cb4f388c;background:#fff0e5}.roster-file-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--deep);background:var(--sun)}.roster-file-import>div{min-width:0;display:grid;gap:3px}.roster-file-import strong{color:var(--deep);font-size:10px}.roster-file-import small{overflow:hidden;color:var(--muted);font-size:8px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.roster-file-import.error small{color:#9b4a34}.roster-file-import button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;color:#fff;border:0;background:var(--deep);font-size:8px;cursor:pointer;white-space:nowrap}.roster-file-import button:disabled{cursor:wait;opacity:.65}.admin-backdrop{z-index:130}.teacher-admin{width:min(1160px,97vw);height:min(760px,94vh);display:grid;grid-template-rows:72px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.62);background:#f0f2e9;box-shadow:0 35px 90px #02221e66}.admin-head{display:flex;align-items:center;gap:12px;padding:0 18px;color:#fffdf2;background:linear-gradient(90deg,#173f3d,#216a61)}.admin-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--deep);background:var(--sun)}.admin-head>div{display:grid;gap:2px}.admin-head small{color:#c1d8d0;font-size:9px}.admin-head h2{margin:0;font-size:17px}.admin-save-state{margin-left:auto;padding:6px 9px;color:#c7e4db;border:1px solid rgba(255,255,255,.15);font-size:9px}.admin-save-state.error{color:#fff0e7;border-color:#ff6b4f8c}.admin-head>button{width:36px;height:36px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.22);background:transparent;cursor:pointer}.admin-body{min-height:0;display:grid;grid-template-columns:190px minmax(0,1fr)}.admin-nav{display:flex;flex-direction:column;gap:6px;padding:16px 12px;border-right:1px solid var(--line);background:#fffdf2}.admin-nav button{height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--muted);border:0;border-left:3px solid transparent;background:transparent;text-align:left;cursor:pointer}.admin-nav button.active{color:var(--deep);border-left-color:var(--sun);background:#edf6e8;font-weight:700}.admin-content{min-width:0;min-height:0;padding:20px;overflow:auto}.class-library-panel{max-width:880px}.class-library-intro{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;padding:15px;color:#fffdf2;background:linear-gradient(115deg,#17524c,#2a7765)}.class-library-intro>span{width:40px;height:40px;display:grid;place-items:center;color:var(--deep);background:var(--sun)}.class-library-intro>div{display:grid;gap:4px}.class-library-intro strong{font-size:12px}.class-library-intro p{margin:0;color:#cce1da;font-size:8px;line-height:1.55}.class-library-intro button{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;color:var(--deep);border:0;background:var(--sun);font-weight:800;cursor:pointer}.class-library-list{display:grid;gap:9px}.class-library-card{min-height:82px;display:grid;grid-template-columns:46px minmax(0,1fr) auto;align-items:center;gap:13px;padding:12px 14px;border:1px solid var(--line);background:#fffdf2}.class-library-card.active{border-color:#55a36e;box-shadow:inset 4px 0 #55a36e;background:#f3fae9}.class-library-number{height:42px;display:grid;place-items:center;color:#9b7027;background:#ffeaa4;font:12px var(--mono);font-weight:800}.class-library-copy{display:grid;gap:3px}.class-library-copy small{color:var(--muted);font-size:7px}.class-library-copy strong{font-size:13px}.class-library-copy p{margin:0;color:#55736d;font-size:8px}.class-library-card>button,.active-class-mark{min-height:32px;display:inline-flex;align-items:center;gap:5px;padding:0 10px;font-size:8px}.class-library-card>button{color:#fff;border:0;background:var(--deep);cursor:pointer}.active-class-mark{color:#34775f;border:1px solid #9ac7a2;background:#e4f3d8}.score-report-panel{max-width:900px}.score-report-note{margin:0 0 12px}.score-report-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.score-report-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:14px;border:1px solid var(--line);background:#fffdf2;box-shadow:inset 4px 0 #58ad85}.score-report-card>header{grid-column:1 / -1;display:flex;align-items:center;gap:9px}.score-report-card>header>span{width:36px;height:36px;display:grid;place-items:center;color:var(--deep);background:#dff3dc}.score-report-card>header>div{display:grid;gap:2px}.score-report-card>header small{color:var(--muted);font-size:7px}.score-report-card>header strong{font-size:11px}.score-report-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line)}.score-report-metrics span{min-height:44px;display:grid;place-items:center;align-content:center;gap:2px;border-right:1px solid var(--line)}.score-report-metrics span:last-child{border-right:0}.score-report-metrics b{font:14px var(--mono)}.score-report-metrics small{color:var(--muted);font-size:6px}.score-report-card>button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 12px;color:#fff;border:0;background:var(--deep);font-size:8px;cursor:pointer}.score-export-notice{display:flex;align-items:center;gap:7px;margin-bottom:10px;padding:9px 11px;color:#2c7658;border:1px solid #8bc29a;background:#e2f4d8;font-size:8px}.score-preview-table{max-height:310px;overflow-y:auto}.score-preview-row{min-height:38px;display:grid;grid-template-columns:48px 90px minmax(100px,1fr) repeat(4,72px);align-items:center;padding:0 12px;border-bottom:1px solid var(--line);font-size:8px}.score-preview-row.heading{position:sticky;top:0;z-index:1;min-height:30px;color:var(--muted);background:#edf3e9;font-size:7px}.score-preview-row span:nth-child(n+4){text-align:center;font-family:var(--mono)}.admin-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.admin-title>div{display:grid;gap:3px}.admin-title small,.admin-title>span{color:var(--muted);font-size:9px}.admin-title h3{margin:0;font-size:24px}.admin-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-metrics article{display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;align-items:center;min-height:76px;padding:12px;border:1px solid var(--line);background:#fffdf2}.admin-metrics article>span{width:34px;height:34px;grid-row:1 / 3;display:grid;place-items:center;color:var(--deep);background:#d9f2d0}.admin-metrics b{font:22px var(--mono)}.admin-metrics small{color:var(--muted);font-size:9px}.admin-overview-grid{min-height:430px;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:12px}.admin-card{border:1px solid var(--line);background:#fffdf2}.admin-card>header{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line)}.admin-card>header strong{font-size:11px}.admin-card>header small{color:var(--muted);font-size:8px}.performance-table{max-height:390px;overflow:auto}.performance-row{min-height:42px;display:grid;grid-template-columns:minmax(180px,1fr) repeat(4,58px);align-items:center;padding:0 12px;border-bottom:1px solid var(--line);font-size:9px}.performance-row.heading{position:sticky;top:0;z-index:1;min-height:30px;color:var(--muted);background:#edf3e9;font-size:8px}.performance-row>span:not(:first-child){text-align:center;font-family:var(--mono)}.performance-row>span:first-child{display:grid;grid-template-columns:26px minmax(0,1fr);column-gap:7px}.performance-row i{grid-row:1 / 3;color:#ae7d28;font:8px var(--mono);font-style:normal}.performance-row b{font-size:10px}.performance-row small{color:var(--muted);font-size:7px}.recent-events>div{max-height:390px;overflow:auto}.recent-events article{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;padding:11px;border-bottom:1px solid var(--line)}.recent-events article>span{width:28px;height:28px;display:grid;place-items:center;color:var(--deep);background:#ffecaa}.recent-events article>div{display:grid;gap:2px}.recent-events article strong{font-size:9px}.recent-events article p{margin:0;color:var(--muted);font-size:8px;line-height:1.45}.recent-events time{color:#82918c;font:7px var(--mono)}.admin-empty{padding:28px;color:var(--muted);font-size:10px;text-align:center}.roster-manager,.settings-form{max-width:720px;padding-bottom:18px}.roster-manager textarea{width:calc(100% - 28px);min-height:190px;margin:14px;padding:13px;resize:vertical;border:1px solid var(--line-strong);background:#f7f6ed;line-height:1.65}.roster-manager .roster-file-import{margin:14px 14px 0;background:#edf7e9}.roster-paste-label{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:13px 14px -5px}.roster-paste-label strong{font-size:9px}.roster-paste-label small{color:var(--muted);font-size:8px}.admin-note{display:flex;align-items:center;gap:10px;margin:0 14px 14px;padding:10px;color:#8a5c3d;background:#fff0c4}.admin-note.ready{color:var(--deep);background:#dff3dc}.admin-note>span{display:grid;gap:2px}.admin-note strong{font-size:9px}.admin-note small{font-size:8px}.admin-primary{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:0 14px;padding:0 15px;color:#fff;border:0;background:var(--deep);cursor:pointer}.rule-editor-list{display:grid;gap:8px;margin-bottom:14px}.admin-content.rules-scroll-layout{overflow:hidden}.rules-admin-panel{height:100%;min-height:0;display:grid;grid-template-rows:auto auto auto minmax(0,1fr) auto}.rules-admin-panel .admin-title{margin-bottom:12px}.rules-admin-panel .rule-editor-list{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:2px 8px 12px 2px;margin:0}.rules-admin-panel .rule-editor-list::-webkit-scrollbar{width:8px}.rules-admin-panel .rule-editor-list::-webkit-scrollbar-track{background:#e3ebe1}.rules-admin-panel .rule-editor-list::-webkit-scrollbar-thumb{background:#70a999;border:2px solid #e3ebe1}.rules-admin-panel .rule-save-bar{position:static;margin:8px 0 0;padding:10px 0 0;border-top:1px solid var(--line);background:var(--paper)}.rule-editor-toolbar,.rule-save-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.rule-editor-toolbar>span,.rule-save-bar>span{color:var(--muted);font-size:8px}.rule-editor-toolbar button{height:34px;display:inline-flex;align-items:center;gap:6px;padding:0 13px;color:var(--deep);border:1px solid var(--deep);background:#dff3dc;cursor:pointer;font-weight:700}.rule-editor{display:grid;grid-template-columns:34px 72px minmax(90px,.72fr) minmax(130px,1.25fr) 55px 68px 55px 94px;align-items:end;gap:10px;padding:13px}.rule-row-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.rule-row-actions button{height:36px;display:grid;place-items:center;color:var(--deep);border:1px solid var(--line);background:#f7f6ed;cursor:pointer}.rule-row-actions button:hover:not(:disabled){border-color:var(--deep);background:#e4f5e9}.rule-row-actions button.danger:hover:not(:disabled){color:#a43b31;border-color:#e97862;background:#fff0e9}.rule-row-actions button:disabled{opacity:.28;cursor:default}.rule-save-bar{position:sticky;bottom:-16px;z-index:3;margin:0 -2px -16px;padding:11px 2px 16px;background:linear-gradient(transparent,var(--paper) 18%)}.rule-save-bar .admin-primary{margin:0}.rule-editor.encourage{border-left:3px solid #66bf80}.rule-editor.remind{border-left:3px solid #e97862;background:#fff8ef}.rule-color{width:34px;height:34px;display:grid;place-items:center;color:var(--deep);font:11px var(--mono);font-weight:700}.rule-editor label,.settings-form label{display:grid;gap:5px}.rule-editor label small,.settings-form label span{color:var(--muted);font-size:8px}.rule-editor input,.rule-editor select,.settings-form input{width:100%;height:36px;padding:0 9px;border:1px solid var(--line);background:#f7f6ed}.rule-editor select{width:100%;height:36px;padding:0 7px;border:1px solid var(--line);background:#f7f6ed}.rule-care-note{margin-bottom:10px}.settings-form{display:grid;gap:14px;padding:18px}.settings-form .admin-note,.settings-form .admin-primary{margin:0}@media(max-width:900px){.class-setup{grid-template-columns:1fr;max-height:95vh;overflow:auto}.setup-story,.setup-form{padding:34px}.admin-body{grid-template-columns:64px minmax(0,1fr)}.admin-nav button{justify-content:center;padding:0;font-size:0}.admin-overview-grid{grid-template-columns:1fr}.rule-editor{grid-template-columns:34px 80px 1fr 70px}.rule-description,.rule-row-actions{grid-column:2 / -1}}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 15% 10%,rgba(255,229,95,.3),transparent 28%),linear-gradient(155deg,#b9ead2,#91d9ba 58%,#75c6aa)}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--sun);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{min-height:100vh;display:grid;grid-template-rows:64px minmax(620px,calc(100vh - 64px))}.topbar{position:relative;z-index:30;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:0 18px;color:#fffaf0;border-bottom:1px solid rgba(255,255,255,.1);background:linear-gradient(90deg,#173f3d,#21605a 48%,#173f3d)}.brand-lockup,.top-actions,.model-status,.stage-actions,.roster-summary,.scene-legend,.celebration,.active-student,.ai-head,.section-heading,.reward-buttons,.modal-stats,.build-rule{display:flex;align-items:center}.brand-lockup{gap:0}.class-switcher{position:relative;align-self:stretch}.class-switcher-trigger{min-width:300px;height:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 18px;align-items:center;gap:12px;padding:0 12px 0 0;color:#fffaf0;border:0;background:transparent;text-align:left;cursor:pointer}.class-switcher-trigger>span:first-child{display:grid;gap:2px}.class-switcher-trigger small{color:#b9d1ca;font-size:7px}.class-switcher-trigger .class-count{padding:5px 7px;color:var(--sun);border:1px solid rgba(255,210,63,.28);font-size:8px}.class-switcher-trigger:hover strong{color:var(--sun)}.class-switcher-menu{position:absolute;top:calc(100% + 7px);left:0;z-index:90;width:360px;padding:8px;color:var(--ink);border:1px solid rgba(5,102,94,.32);background:#fffdf2;box-shadow:0 22px 50px #042c2747}.class-switcher-menu>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:5px 5px 9px;border-bottom:1px solid var(--line)}.class-switcher-menu>header span{color:var(--ink);font-size:11px;font-weight:800}.class-switcher-menu>header small{color:var(--muted);font-size:7px}.class-switcher-menu>div{max-height:270px;overflow-y:auto;padding:5px 0}.class-switcher-menu>div>button,.duplicate-class-button{width:100%;min-height:50px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:8px 10px;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.class-switcher-menu>div>button>span,.duplicate-class-button>span{display:grid;gap:3px}.class-switcher-menu>div>button strong,.duplicate-class-button strong{font-size:10px}.class-switcher-menu>div>button small,.duplicate-class-button small{color:var(--muted);font-size:7px}.class-switcher-menu>div>button em{color:#34775f;font-size:8px;font-style:normal}.class-switcher-menu>div>button:hover,.class-switcher-menu>div>button.active{background:#e8f6dd}.duplicate-class-button{grid-template-columns:22px minmax(0,1fr);margin-top:4px;color:#fffdf2;border:0;background:var(--deep)}.duplicate-class-button small{color:#bcd6cf}.brand-mark{width:46px;height:46px;display:grid;place-items:center;overflow:hidden;color:var(--deep);border:2px solid rgba(255,255,255,.75);border-radius:8px;background:var(--sun);box-shadow:0 5px 14px #0018163d}.brand-mark img{width:100%;height:100%;display:block;object-fit:cover}.brand-lockup>div,.class-title{display:grid;gap:2px}.brand-copy{align-content:center}.brand-copy>span{color:var(--sun);font:7px var(--mono);letter-spacing:.08em}.brand-copy>small{color:#b9c8c3;font-size:7px}.brand-lockup strong{font-size:18px;letter-spacing:.04em}.brand-lockup span,.class-title span{color:#b9c8c3;font-size:8px}.class-title{justify-items:center}.class-title span{color:var(--sun)}.class-title strong{font-size:12px;font-weight:600}.top-actions{justify-content:flex-end;gap:7px}.model-status{gap:7px;margin-right:5px;color:#c3d0cc;font-size:8px}.model-status i{width:7px;height:7px;border-radius:50%;background:#879592}.status-ready i{background:var(--sun);box-shadow:0 0 0 5px #f2cd721f}.status-error i,.status-missing i{background:#ed7c66}.icon-button{width:34px;height:34px;display:grid;place-items:center;color:#d3ddda;border:1px solid rgba(255,255,255,.14);background:transparent;cursor:pointer}.icon-button:not(:disabled):hover{color:var(--deep);border-color:var(--sun);background:var(--sun)}.workspace{min-width:0;min-height:0;display:grid;grid-template-columns:230px minmax(520px,1fr) 380px;gap:9px;padding:9px;background:radial-gradient(circle at 48% 15%,rgba(255,235,111,.24),transparent 35%),#bfece2}.roster-panel,.island-stage,.ai-panel{min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 10px 30px #2f38340a}.roster-panel{position:relative;display:grid;grid-template-rows:58px 46px minmax(0,1fr) 62px}.panel-heading,.stage-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 13px;border-bottom:1px solid var(--line)}.panel-heading>div,.stage-head>div:first-child{min-width:0;display:grid;gap:2px}.panel-heading span,.stage-head span{color:var(--muted);font-size:8px}.panel-heading h2,.stage-head h1{margin:0;line-height:1.15}.panel-heading h2{font-size:15px}.panel-heading>strong{padding:6px 7px;color:#fff;background:var(--deep);font-size:8px;font-weight:500}.roster-heading-actions{display:flex;align-items:center;gap:4px}.roster-heading-actions>strong,.roster-heading-actions>button{min-height:27px;display:flex;align-items:center;gap:4px;padding:5px 7px;color:#fff;border:0;background:var(--deep);font-size:7px;font-weight:500;white-space:nowrap}.roster-heading-actions>button{color:var(--deep);border:1px solid var(--deep);background:var(--sun);cursor:pointer}.roster-heading-actions>button:hover{color:#fff;background:var(--deep-soft)}.import-notice{position:absolute;z-index:6;top:53px;right:8px;left:8px;padding:7px 9px;color:#17483f;border:1px solid rgba(18,102,81,.28);background:#fff4aa;box-shadow:0 8px 18px #15423929;font-size:8px}.plaza-class-name{min-width:94px;display:grid;justify-items:center;gap:1px;padding:5px 9px;color:#fffced;border:1px solid rgba(255,255,255,.54);border-radius:4px;background:#173f3de6;box-shadow:0 7px 16px #10363338;pointer-events:none;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.plaza-class-name span{color:#ffd85b;font:6px var(--mono)}.plaza-class-name strong{font-size:9px;white-space:nowrap}.student-search{display:flex;align-items:center;gap:8px;margin:8px 9px;padding:0 10px;color:var(--muted);border:1px solid var(--line);background:#ecfaef}.student-search input{min-width:0;height:29px;flex:1;border:0;outline:0;background:transparent;font-size:9px}.roster-scroll,.chat-scroll,.house-list,.history-list{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#b8bbb3 transparent}.roster-scroll{padding:5px 8px 10px}.class-overview-item{width:100%;min-height:76px;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:8px;padding:7px;text-align:left;border:1px solid var(--line);background:linear-gradient(125deg,#4dd59933,#ffd23f40),#effbe9;cursor:pointer;transition:.15s ease}.class-overview-item:hover{border-color:var(--line-strong);transform:translate(2px)}.class-overview-item.selected{color:#fff;border-color:var(--deep);background:var(--deep);box-shadow:inset 3px 0 var(--sun)}.class-overview-mark{width:38px;height:38px;display:grid;place-items:center;color:var(--deep);border-radius:50% 46% 53% 44%;background:var(--sun)}.class-overview-item>span:nth-child(2){min-width:0;display:grid;gap:3px}.class-overview-item strong{font-size:10px}.class-overview-item small{color:var(--muted);font-size:7.5px;line-height:1.4}.class-overview-hint{opacity:.78}.class-overview-item.selected small{color:#bdcbc7}.class-overview-item em{color:#78622f;font:7px var(--mono);font-style:normal}.class-overview-item.selected em{color:var(--sun)}.student-item{position:relative;min-height:62px;display:grid;grid-template-columns:17px 38px minmax(0,1fr) 27px 34px;align-items:center;gap:7px;margin-bottom:6px;padding:7px;border:1px solid var(--line);background:#f2fbea;cursor:pointer;transition:.15s ease}.student-item:hover{border-color:var(--line-strong);transform:translate(2px)}.student-item.selected{border-color:var(--deep);background:#fff;box-shadow:inset 3px 0 var(--coral)}.student-index{color:#9ba4a1;font-family:var(--mono);font-size:7px}.student-avatar,.owner-avatar{overflow:hidden;padding:0;border:0;color:var(--deep);cursor:pointer;border-radius:50% 46% 53% 44%;background:#f6edda;box-shadow:inset 0 0 0 1px #27484224}.student-avatar{width:38px;height:38px;display:grid;place-items:center;font-family:var(--mono);font-size:9px}.house-portrait{position:relative;display:block;width:100%;height:100%;overflow:hidden;background:linear-gradient(145deg,#fffce8,#d7f4cf)}.house-portrait img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;transform:none;-webkit-user-select:none;user-select:none}.student-item.selected .student-avatar{box-shadow:0 0 0 2px #fff,0 0 0 3px var(--coral)}.student-name,.student-reward,.student-progress{min-width:0;padding:0;border:0;background:transparent;cursor:pointer}.student-reward{width:27px;height:27px;display:grid;place-items:center;color:#7a5824;border:1px solid #e5c86e;border-radius:50%;background:#fff3b7;box-shadow:inset 0 -2px #d4a62f1f;cursor:pointer;transition:.15s ease}.student-reward:hover{color:#fff;border-color:#e39a35;background:#eea53f;transform:translateY(-1px) rotate(-5deg)}.student-name{display:grid;gap:2px;text-align:left}.student-name strong{overflow:hidden;font-size:10px;white-space:nowrap;text-overflow:ellipsis}.student-name small{color:var(--muted);font-size:7px}.student-vitality-line{display:flex;align-items:center;gap:4px}.student-vitality-line i{width:6px;height:6px;display:inline-block;margin-left:2px;border-radius:50%;box-shadow:0 0 0 2px #fffc}.student-progress{width:34px;display:grid;justify-items:stretch;gap:2px;color:#80662c;font-family:var(--mono);font-size:7px}.student-progress span,.student-progress em{min-height:13px;display:grid;grid-template-columns:13px 1fr;align-items:center;justify-items:start;gap:1px;padding:0;font-style:normal}.student-progress em{color:#713f35;background:transparent}.student-progress svg{justify-self:center}.student-progress .has-token{background:#f4d2c7}.student-progress .is-empty{color:#aeb8b1}.roster-summary{gap:7px;padding:8px;border-top:1px solid var(--line);background:var(--paper-deep)}.roster-summary span{min-width:0;flex:1;display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:6px;padding:7px;color:var(--muted);border:1px solid var(--line);background:var(--paper);font-size:7px}.roster-summary svg{grid-row:1 / 3}.roster-summary b{color:var(--ink);font-family:var(--mono);font-size:13px}.island-stage{display:grid;grid-template-rows:62px minmax(0,1fr)}.stage-head h1{overflow:hidden;font-size:17px;white-space:nowrap;text-overflow:ellipsis}.stage-actions{gap:5px}.stage-actions button{height:31px;display:flex;align-items:center;gap:5px;padding:0 9px;color:var(--muted);border:1px solid var(--line);background:#e8f9e7;font-size:8px;cursor:pointer}.stage-actions button.active{color:#fff;border-color:var(--deep);background:var(--deep)}.scene-wrap{position:relative;min-height:0;overflow:hidden;background:radial-gradient(circle at 42% 18%,rgba(255,245,109,.28),transparent 25%),radial-gradient(circle at 80% 70%,rgba(255,112,76,.18),transparent 26%),linear-gradient(145deg,#72dcdf,#94e6d1 72%,#65d3df)}.scene-wrap:before{position:absolute;inset:0;z-index:0;content:"";pointer-events:none;opacity:.28;background-image:radial-gradient(rgba(38,53,52,.18) .5px,transparent .5px);background-size:5px 5px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 72%);mask-image:linear-gradient(to bottom,black,transparent 72%)}.scene-wrap>div:first-child,.scene-wrap canvas{position:relative;z-index:1}.owner-avatar{width:42px;height:42px;font-family:var(--mono);font-size:9px}.owner-house-portrait img,.active-house-portrait img,.modal-avatar img{object-position:left 54%;transform:scale(1.72);transform-origin:12% 54%}.scene-legend{position:absolute;z-index:4;bottom:18px;left:18px;overflow:hidden;border:1px solid rgba(38,53,52,.13);background:#fbf8f0db;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.orbit-hint{position:absolute;z-index:4;top:18px;right:18px;display:flex;align-items:center;gap:6px;padding:7px 9px;color:#526663;border:1px solid rgba(38,53,52,.12);background:#fbf8f0c7;font-size:7px;pointer-events:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.scene-legend span{height:48px;display:grid;grid-template-columns:auto auto;align-content:center;column-gap:6px;padding:0 13px;color:var(--muted);border-right:1px solid var(--line);font-size:7px}.scene-legend svg{grid-row:1 / 3}.scene-legend b{color:var(--ink);font-family:var(--mono);font-size:14px}.scene-legend span.ready{color:#6d4b29;background:#f4e2b5}.celebration{position:absolute;z-index:4;right:18px;bottom:18px;max-width:300px;gap:9px;padding:9px 12px;color:#695234;border:1px solid rgba(120,89,36,.15);background:#f5e2b4e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.celebration span{display:grid;gap:2px;font-size:8px}.celebration strong{color:var(--ink)}.house-label{min-width:128px;display:grid;gap:2px;padding:7px 10px;text-align:center;color:#153f3a;border:1px solid rgba(255,255,255,.72);background:#fff9e2ed;box-shadow:0 8px 18px #203d3c29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-5px)}.house-label span{color:var(--sun);font-family:var(--mono);font-size:6px}.house-label strong{font-size:9px;white-space:nowrap}.house-label.hidden{color:#fff9e8;border-color:#f4d785b8;background:linear-gradient(125deg,#25394df0,#584669f0);box-shadow:0 9px 22px #3d345440}.decoration-label{min-width:104px;display:grid;gap:2px;padding:7px 10px;color:#174f49;border:1px solid rgba(31,92,82,.22);border-radius:9px;background:#fffceaf0;box-shadow:0 8px 18px #1f534529;text-align:center;pointer-events:none}.decoration-label span{color:#db7a45;font-family:var(--mono);font-size:6px}.decoration-label strong{font-size:8px;white-space:nowrap}.class-island-label{min-width:76px;display:grid;grid-template-columns:auto 1fr;column-gap:5px;row-gap:1px;padding:4px 6px;text-align:left;color:#214e4b;border:1px solid rgba(40,108,104,.2);border-radius:3px;background:#fff6e5eb;box-shadow:0 5px 14px #1f4b461c;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.class-island-label span{grid-row:1 / 3;align-self:center;color:#d9654f;font:6px var(--mono)}.class-island-label strong{font-size:8px}.class-island-label small{color:#63827e;font-size:5px}.student-building-label{min-width:58px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px;padding:3px 5px;color:#173f3d;border:1px solid rgba(23,63,61,.32);border-radius:3px;background:#fff9dc;box-shadow:0 6px 14px #173f3d40;cursor:pointer;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.student-building-label span{color:#f15a3f;font:6px var(--mono)}.student-building-label strong{font-size:7px;letter-spacing:.04em;white-space:nowrap}.student-building-label:hover{color:#fff;border-color:var(--deep);background:var(--deep);transform:translateY(-1px)}.class-group-label,.class-center-label{color:#fff9e7;border:1px solid rgba(255,255,255,.26);background:#14433ee0;box-shadow:0 8px 18px #11403a29;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.class-group-label{display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:999px;font-size:7px;letter-spacing:.08em}.class-group-label i{width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 3px #ffffff1f}.class-center-label{padding:5px 9px;border-radius:3px;font-size:7px;white-space:nowrap}.music-note{display:block;color:var(--coral);font-size:20px;font-weight:800}.scene-debug{padding:6px 8px;color:#fff;background:#b93486;font:8px var(--mono)}.ai-panel{display:grid;grid-template-rows:62px 73px minmax(0,1fr) auto 138px 28px}.ai-head{gap:10px;padding:0 13px;color:#fff;background:var(--deep)}.assistant-avatar{width:36px;height:36px;display:grid;place-items:center;color:var(--deep);background:var(--sun);clip-path:polygon(50% 0,92% 22%,100% 72%,56% 100%,8% 79%,0 27%)}.ai-head>div{min-width:0;flex:1}.ai-head h2{margin:0;font-size:14px}.ai-head p{margin:3px 0 0;color:#b7c8c2;font-size:8px}.ai-head>i{width:8px;height:8px;border-radius:50%;background:#6e7c79}.ai-head>i.online{background:#d8d475;box-shadow:0 0 0 5px #d8d4751f}.active-student{width:calc(100% - 18px);gap:9px;margin:9px;padding:8px 9px;text-align:left;border:1px solid var(--line);background:#effbe8}.active-student-avatar{width:38px;height:38px;display:grid;flex:0 0 auto;place-items:center;overflow:hidden;padding:0;color:var(--deep);border:0;border-radius:50%;background:#f6edda;box-shadow:inset 0 0 0 1px #27484224;cursor:pointer;font:8px var(--mono)}.active-student-body{min-width:0;flex:1;display:grid;gap:1px;padding:0;text-align:left;border:0;background:transparent;cursor:pointer}.active-student-body small,.active-student-body em{overflow:hidden;color:var(--muted);font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.active-student-body strong{font-size:11px}.token-pill{display:flex!important;align-items:center;gap:3px!important;padding:4px 6px;color:#704532;background:#f2d2c4;font:8px var(--mono)}.token-pill.empty{color:#687773;border:1px dashed #b5c1bb;background:#edf0ea}.chat-scroll{padding:13px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(#ffffff73,#fff3),var(--paper-deep)}.chat-action-card{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:9px;margin-bottom:10px;padding:9px;border:1px solid #e3bf58;background:linear-gradient(120deg,rgba(255,255,255,.62),transparent),#fff0aa;box-shadow:0 5px 14px #714f1814}.chat-action-card.no-token{border-color:#f0a987;background:linear-gradient(120deg,rgba(255,255,255,.62),transparent),#ffe3cb}.chat-action-card>span{width:32px;height:32px;display:grid;place-items:center;color:#754d12;border-radius:50%;background:#ffffffb8}.chat-action-card>div{min-width:0;display:grid;gap:2px}.chat-action-card strong{font-size:9px}.chat-action-card small{color:#796d55;font-size:7px;line-height:1.4}.chat-action-card>button{min-height:29px;padding:0 8px;color:#fff;border:0;background:var(--deep);font-size:7px;cursor:pointer}.ai-panel.is-disabled .ai-head{background:linear-gradient(120deg,rgba(255,255,255,.035),transparent),#0d6c64}.ai-panel.is-disabled .assistant-avatar{color:#70500c;background:#ffd34b}.ai-panel.is-disabled .build-suggestions,.ai-panel.is-disabled .composer,.ai-panel.is-disabled .build-rule{filter:saturate(.72)}.ai-unavailable{min-height:100%;display:grid;align-content:center;justify-items:center;gap:8px;padding:28px;text-align:center}.ai-unavailable>span{width:48px;height:48px;display:grid;place-items:center;color:#47645f;border:1px solid #b9c3bd;border-radius:50%;background:#ffffffb3}.ai-unavailable strong{font-size:13px}.ai-unavailable p{max-width:250px;margin:0;color:var(--muted);font-size:9px;line-height:1.7}.ai-unavailable small{padding:5px 8px;color:#6d796c;border:1px solid #d4d8cf;background:#f3f0e7;font-size:7px}.chat-message{width:90%;display:grid;gap:5px;margin-bottom:13px}.chat-message>span{color:var(--muted);font-size:7px}.chat-message p{margin:0;padding:10px 11px;border:1px solid var(--line);background:#fff;font-size:10px;line-height:1.65}.chat-message small{padding-left:9px;color:#6f6d58;font-size:8px;line-height:1.45}.chat-message.student{justify-items:end;margin-left:auto}.chat-message.student p{color:#fff;border-color:var(--deep);background:var(--deep)}.chat-message.thinking p{display:flex;align-items:center;gap:8px}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.build-suggestions{padding:9px 11px;border-bottom:1px solid var(--line);background:var(--paper)}.build-suggestions>span{display:block;margin-bottom:6px;color:var(--muted);font-size:7px}.build-suggestions>div{display:flex;gap:5px;overflow-x:auto;scrollbar-width:none}.build-suggestions button{flex:0 0 auto;max-width:230px;padding:6px 8px;overflow:hidden;color:#536461;border:1px solid var(--line);background:#f2efe7;font-size:8px;white-space:nowrap;text-overflow:ellipsis;cursor:pointer}.build-suggestions button:not(:disabled):hover{color:#fff;border-color:var(--deep);background:var(--deep)}.build-suggestions.class-mode>div{overflow:visible}.build-suggestions .enter-island-suggestion{max-width:none;display:flex;align-items:center;gap:5px;color:#fffdf4;border-color:var(--deep);background:var(--deep)}.composer{display:grid;grid-template-columns:auto minmax(0,1fr) 43px;align-items:center;gap:8px;padding:9px 10px;color:var(--muted);background:#fff}.composer textarea{height:56px;min-height:56px;max-height:86px;padding:8px 0;resize:none;border:0;outline:0;background:transparent;font-size:10px;line-height:1.45}.composer button{width:43px;height:43px;display:grid;place-items:center;color:var(--deep);border:0;background:var(--sun);cursor:pointer}.voice-composer{display:grid;grid-template-rows:minmax(84px,1fr) 38px;gap:6px;padding:8px 10px;border-top:1px solid rgba(255,255,255,.7);background:radial-gradient(circle at 16% 0,rgba(255,211,75,.22),transparent 42%),#f5f1e5}.voice-composer.class-entry{grid-template-rows:1fr}.enter-island-composer{min-width:0;display:grid;grid-template-columns:42px minmax(0,1fr) 18px;grid-template-rows:auto auto;align-content:center;align-items:center;gap:3px 10px;padding:11px;text-align:left;color:#fffdf4;border:1px solid #0a625b;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 56%),#0f756c;box-shadow:0 7px 18px #0a5a532b;cursor:pointer}.enter-island-composer>span{width:42px;height:42px;grid-row:1 / 3;display:grid;place-items:center;color:#684c08;border-radius:50%;background:var(--sun)}.enter-island-composer>strong{align-self:end;font-size:10px}.enter-island-composer>small{align-self:start;overflow:hidden;color:#bdded7;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.enter-island-composer>svg{grid-column:3;grid-row:1 / 3}.voice-trigger{min-width:0;display:grid;grid-template-columns:50px minmax(0,1fr) 34px;align-items:center;gap:10px;padding:9px 10px;text-align:left;color:#fffdf4;border:1px solid #0a625b;background:linear-gradient(135deg,rgba(255,255,255,.07),transparent 52%),#0f756c;box-shadow:0 7px 18px #0a5a532b;cursor:pointer}.voice-trigger:not(:disabled):hover{background-color:#0a685f;transform:translateY(-1px)}.voice-orb{width:46px;height:46px;display:grid;place-items:center;color:#624600;border:2px solid rgba(255,255,255,.72);border-radius:50%;background:#ffd34b;box-shadow:0 0 0 5px #ffd34b21}.voice-copy{min-width:0;display:grid;gap:3px}.voice-copy strong,.voice-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.voice-copy strong{font-size:10px;font-weight:650}.voice-copy small{color:#b9ddd5;font-size:7px}.voice-wave{height:30px;display:flex;align-items:center;justify-content:center;gap:3px}.voice-wave i{width:3px;height:5px;border-radius:3px;background:#8ec7bd;transform-origin:center}.voice-listening .voice-trigger{border-color:#e65f50;background-color:#155d58;box-shadow:inset 0 0 0 2px #ff675240,0 7px 18px #0a5a532b}.voice-listening .voice-orb{color:#fff;background:#ef6252;animation:voice-pulse 1.25s ease-in-out infinite}.voice-listening .voice-wave i{background:#ffd34b;animation:voice-bar .75s ease-in-out infinite alternate}.voice-listening .voice-wave i:nth-child(2){animation-delay:.12s}.voice-listening .voice-wave i:nth-child(3){animation-delay:.24s}.voice-listening .voice-wave i:nth-child(4){animation-delay:.08s}.voice-listening .voice-wave i:nth-child(5){animation-delay:.2s}@keyframes voice-bar{to{height:26px}}@keyframes voice-pulse{50%{box-shadow:0 0 0 9px #ef625229}}.text-composer{min-width:0;display:grid;grid-template-columns:18px minmax(0,1fr) 32px;align-items:center;gap:6px;padding-left:8px;color:#6f7f7a;border:1px solid var(--line);background:#ffffffeb}.text-composer input{width:100%;min-width:0;border:0;outline:0;background:transparent;font-size:8px}.text-composer button{width:32px;height:32px;display:grid;place-items:center;color:var(--deep);border:0;background:var(--sun);cursor:pointer}.build-rule{justify-content:center;gap:5px;margin:0;color:#76827f;border-top:1px solid var(--line);background:#eeece4;font-size:7px}.modal-backdrop{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px;background:#192b2a8f;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:backdrop-in .18s ease both}@keyframes backdrop-in{0%{opacity:0}}.student-modal{width:min(860px,96vw);max-height:min(790px,92vh);display:grid;grid-template-rows:112px 66px minmax(0,1fr);overflow:hidden;border:1px solid rgba(255,255,255,.66);background:var(--paper);box-shadow:0 30px 80px #14292747;animation:modal-in .22s cubic-bezier(.2,.75,.2,1) both}@keyframes modal-in{0%{opacity:0;transform:translateY(12px) scale(.98)}}.student-modal>header{position:relative;display:flex;align-items:center;gap:14px;padding:16px 20px;color:#fff;overflow:hidden}.student-modal>header:after{position:absolute;right:-35px;bottom:-66px;width:180px;height:180px;content:"";border:16px solid rgba(255,255,255,.13);border-radius:50%}.modal-avatar{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.68);border-radius:50%;font:11px var(--mono);overflow:hidden;background:#fff7e8}.student-modal header>div{display:grid;gap:2px}.student-modal header small{font-size:8px}.student-modal header h2{margin:0;font-size:25px}.student-modal header p{margin:0;font-size:10px}.student-modal header button{position:relative;z-index:2;width:34px;height:34px;display:grid;margin-left:auto;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.45);background:#18312f24;cursor:pointer}.modal-stats{border-bottom:1px solid var(--line)}.modal-stats span{min-width:0;height:100%;flex:1;display:grid;grid-template-columns:auto auto;align-content:center;column-gap:7px;padding:0 17px;color:var(--muted);border-right:1px solid var(--line);font-size:8px}.modal-stats svg{grid-row:1 / 3}.modal-stats b{color:var(--ink);font-family:var(--mono);font-size:16px}.modal-stats .ready{color:#73513a;background:#f4dace}.modal-stats .vitality{color:#2f6f47;background:#e8f5dc}.modal-stats .vitality.needs-care{color:#8a6422;background:#fff1c9}.modal-stats .vitality.recovering{color:#914c3c;background:#f9ddd4}.modal-content{min-height:0;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);gap:10px;padding:10px;overflow:hidden;background:#eae8df}.modal-column{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px}.reward-card,.houses-card,.history-card{min-height:0;padding:12px;border:1px solid var(--line);background:var(--paper)}.island-care-status{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;margin-bottom:9px;padding:8px 9px;color:#2f6f47;border:1px solid #a7cf91;background:linear-gradient(90deg,#e9f6dd,#f6f6d9)}.island-care-status>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#d2edb8}.island-care-status>div{display:grid;gap:2px}.island-care-status strong{font-size:9px}.island-care-status small{color:#6c7d69;font-size:7px}.island-care-status>b{font:11px var(--mono)}.island-care-status.needs-care{color:#85621f;border-color:#e2bd67;background:#fff4ce}.island-care-status.recovering{color:#8b4838;border-color:#e5a38f;background:#ffe6dc}.houses-card,.history-card{display:grid;grid-template-rows:auto minmax(0,1fr)}.section-heading{gap:9px;margin-bottom:10px}.section-heading>span{display:grid;gap:2px}.section-heading strong{font-size:10px}.section-heading span{color:var(--muted);font-size:7px}.reward-text-input{width:100%;height:35px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:0 10px;color:#6c7d78;border:1px solid var(--line);background:#f1efe7}.reward-text-input input{width:100%;height:35px;padding:0;border:0;outline:0;background:transparent;font-size:9px}.reward-target-panel{display:grid;gap:5px;margin:-2px 0 7px;padding:6px;border:1px solid var(--line);background:#eef6e8}.reward-target-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}.reward-target-tabs button{min-height:34px;display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:4px;padding:0 7px;color:#406d66;border:1px solid #bfd8cb;background:#fffdf2;cursor:pointer}.reward-target-tabs button span{font-size:8px;font-weight:700}.reward-target-tabs button small{color:#6f8a83;font-size:6px}.reward-target-tabs button.active{color:#fffdf2;border-color:var(--deep);background:var(--deep);box-shadow:inset 0 -3px var(--sun)}.reward-target-tabs button.active small{color:#c6ddd6}.reward-target-summary{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;color:#55736d;background:#ffffffb8;font-size:7px}.reward-target-summary label{display:flex;align-items:center;gap:7px}.reward-target-summary select{height:23px;color:var(--deep);border:1px solid var(--line-strong);background:#fffdf2;font-size:7px}.reward-target-summary strong{color:#8b651f;font-size:7px}.reward-voice-input{display:grid;gap:4px;margin-bottom:7px}.reward-voice-trigger{min-height:58px;display:grid;grid-template-columns:38px minmax(0,1fr) 44px;align-items:center;gap:9px;padding:8px 10px;text-align:left;color:#f8fff5;border:1px solid #166c61;background:linear-gradient(135deg,#0d766a,#14564f);cursor:pointer;box-shadow:0 5px 14px #13584f26}.reward-voice-trigger>span:nth-child(2){min-width:0;display:grid;gap:3px}.reward-voice-trigger strong{font-size:10px}.reward-voice-trigger small{color:#cfebe2;font-size:7px}.reward-voice-icon{width:34px;height:34px;display:grid;place-items:center;color:#19463e;border-radius:50%;background:var(--sun)}.reward-voice-wave{height:28px;display:flex;align-items:center;justify-content:center;gap:3px}.reward-voice-wave i{width:3px;height:5px;border-radius:3px;background:#8fc8ba}.reward-voice-input.is-listening .reward-voice-trigger{border-color:#ff795f;box-shadow:inset 0 0 0 2px #ff795f52,0 6px 16px #13584f2e}.reward-voice-input.is-listening .reward-voice-icon{color:#fff;background:#ef6252;animation:voice-pulse 1.25s ease-in-out infinite}.reward-voice-input.is-listening .reward-voice-wave i{background:var(--sun);animation:voice-bar .75s ease-in-out infinite alternate}.reward-voice-input.is-listening .reward-voice-wave i:nth-child(2){animation-delay:.12s}.reward-voice-input.is-listening .reward-voice-wave i:nth-child(3){animation-delay:.24s}.reward-voice-input.is-listening .reward-voice-wave i:nth-child(4){animation-delay:.08s}.reward-voice-input>p{margin:0;color:#9b6854;font-size:7px}.reward-hint{margin:5px 0 0;color:#9b6854;font-size:7px}.reward-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:7px}.reward-buttons button{min-height:37px;flex:1;display:grid;align-items:center;justify-content:center;gap:1px;color:#765826;border:1px solid #e7c979;background:#f8eac3;font-size:9px;cursor:pointer}.reward-buttons button>span{display:flex;align-items:center;justify-content:center;gap:4px;font-weight:700}.reward-buttons button>small{color:#987f4d;font-size:6px}.reward-buttons button>em{color:#759054;font-size:6px;font-style:normal}.reward-buttons button.remind{color:#8e4d3d;border-color:#e3a08c;background:#f9ddd2}.reward-buttons button.remind>small,.reward-buttons button.remind>em{color:#a16556}.reward-buttons button.remind:hover{border-color:#d66c55;background:#df765f}.reward-buttons button:not(:disabled):hover{color:#fff;border-color:#d59a2e;background:#e7a53b}.reward-buttons button:not(:disabled):hover small{color:#fff4d5}.reward-confirmation{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px;padding:8px;border:1px solid #7dbf89;background:#e4f5d8;animation:reward-arrive .24s ease both}.reward-confirmation.remind{border-color:#e3a08c;background:#ffe5db}.vitality-cell{font-weight:700;color:#3c8b58}.vitality-cell.needs-care{color:#b47a25}.vitality-cell.recovering{color:#c05e49}.scene-legend .vitality-legend.needs-care{color:#8b6320;background:#fff0c2}.scene-legend .vitality-legend.recovering{color:#91483a;background:#f9d8ce}.reward-confirmation>span{width:34px;height:34px;display:grid;place-items:center;color:#73500e;border-radius:50%;background:var(--sun)}.reward-confirmation>div{min-width:0;display:grid;gap:2px}.reward-confirmation strong{font-size:8px}.reward-confirmation small{color:#5f7563;font-size:6px}.reward-confirmation>button{height:30px;display:flex;align-items:center;gap:4px;padding:0 9px;color:#fff;border:0;background:var(--deep);font-size:7px;cursor:pointer}@keyframes reward-arrive{0%{opacity:0;transform:translateY(4px)}}.house-list,.history-list{padding-right:3px}.house-row{display:grid;grid-template-columns:40px minmax(0,1fr) 30px;align-items:center;gap:9px;margin-bottom:6px;padding:7px;border:1px solid var(--line);background:#f1efe7}.house-row>i{width:40px;height:40px;display:grid;place-items:center;color:#fff;font-size:15px;font-style:normal}.house-row>span{min-width:0;display:grid;gap:2px}.house-row small{color:var(--muted);font:7px var(--mono)}.house-row strong{font-size:9px}.house-row em{overflow:hidden;color:var(--muted);font-size:7px;font-style:normal;white-space:nowrap;text-overflow:ellipsis}.house-row>button{width:28px;height:28px;display:grid;place-items:center;color:#a45c51;border:1px solid #e5c6be;background:#f7e6e1;cursor:pointer}.history-item{position:relative;display:grid;gap:4px;margin-bottom:7px;padding:9px 9px 9px 13px;border:1px solid var(--line);background:#f2efe7}.history-item:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:var(--mint)}.history-item.actor-ai:before{background:var(--coral)}.history-item>div{display:flex;justify-content:space-between;color:var(--muted);font:7px var(--mono)}.history-item>strong{font-size:9px}.history-item p,.history-item small{margin:0;color:var(--muted);font-size:7px;line-height:1.45}@media(max-width:1120px){.workspace{grid-template-columns:200px minmax(430px,1fr) 335px}.student-item{grid-template-columns:14px 35px minmax(0,1fr) 25px auto;gap:5px;padding:6px 5px}.student-avatar{width:35px;height:35px}.student-reward{width:25px;height:25px}.celebration{max-width:230px}}@media(max-width:900px){.app-shell{grid-template-rows:64px auto}.workspace{grid-template-columns:minmax(0,1fr);grid-template-rows:250px 650px 600px}.roster-panel{grid-column:1 / -1;grid-row:1;grid-template-rows:54px 42px minmax(0,1fr)}.roster-scroll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding:5px 8px 8px}.class-overview-item{grid-column:1 / -1;min-height:50px;margin-bottom:0}.student-item{min-height:58px;margin:0}.roster-summary{display:none}.island-stage{grid-column:1 / -1;grid-row:2}.ai-panel{grid-column:1 / -1;grid-row:3}.chat-scroll{padding-inline:13px}}@media(max-width:640px){.topbar{grid-template-columns:1fr auto}.class-title,.model-status{display:none}.workspace{grid-template-columns:1fr;grid-template-rows:430px 560px 580px}.roster-panel{grid-template-rows:58px 46px minmax(0,1fr) 62px}.roster-scroll{display:block;padding:5px 8px 10px}.class-overview-item{margin-bottom:8px}.student-item{margin-bottom:6px}.roster-summary{display:flex}.roster-panel,.island-stage,.ai-panel{grid-column:1}.stage-head{padding:0 9px}.stage-actions button{width:31px;justify-content:center;padding:0;font-size:0}.orbit-hint{top:10px;right:10px}.scene-legend{bottom:10px;left:10px}.scene-legend span{padding-inline:8px}.celebration{display:none}.modal-backdrop{padding:8px}.student-modal{max-height:96vh;grid-template-rows:102px auto minmax(0,1fr)}.modal-stats{display:grid;grid-template-columns:1fr 1fr}.modal-stats span{min-height:54px;border-bottom:1px solid var(--line)}.modal-content{display:block;overflow-y:auto}.modal-column{display:block}.reward-card,.houses-card,.history-card{margin-bottom:10px}.reward-confirmation{grid-template-columns:34px minmax(0,1fr)}.reward-confirmation>button{grid-column:1 / -1;justify-content:center}.house-list,.history-list{max-height:none;overflow:visible}}.stage-actions button.layout-active{border-color:#ffb72b;background:#ffce52;color:#174d47}.leaderboard-backdrop{z-index:120}.leaderboard-modal{width:min(760px,92vw);max-height:min(760px,88vh);display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;border:1px solid rgba(14,78,70,.35);background:#fffdf3;box-shadow:0 24px 80px #04393557}.leaderboard-modal>header{display:grid;grid-template-columns:52px minmax(0,1fr) 38px;gap:14px;align-items:center;padding:18px 20px;color:#fff;background:linear-gradient(125deg,#075c52,#168d77)}.leaderboard-modal>header h2,.leaderboard-modal>header p{margin:0}.leaderboard-modal>header h2{font-size:22px}.leaderboard-modal>header p,.leaderboard-modal>header small{opacity:.82;font-size:10px}.leaderboard-modal>header button{width:36px;height:36px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.4);background:transparent;cursor:pointer}.leaderboard-icon{width:48px;height:48px;display:grid;place-items:center;color:#075c52;border-radius:50%;background:#ffd354}.leaderboard-summary{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);background:#f3fbe8}.leaderboard-summary span{min-height:52px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--muted);border-right:1px solid var(--line);font-size:10px}.leaderboard-summary b{color:var(--ink);font-size:17px}.leaderboard-list{overflow-y:auto;padding:10px 14px 16px}.leaderboard-row{width:100%;min-height:58px;display:grid;grid-template-columns:42px 42px minmax(140px,1fr) 74px 74px 74px 20px;gap:8px;align-items:center;padding:6px 10px;color:var(--ink);border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.leaderboard-row:hover{background:#ecf9e5}.leaderboard-row.rank-1{background:linear-gradient(90deg,#fff2b8,transparent 72%)}.leaderboard-row.rank-2,.leaderboard-row.rank-3{background:linear-gradient(90deg,#f3f8e8,transparent 72%)}.leaderboard-rank{color:#846417;font-family:var(--mono);font-size:18px;text-align:center}.leaderboard-portrait{width:38px;height:38px;overflow:hidden;border:1px solid #a8c7a9;border-radius:50%;object-fit:cover}.leaderboard-student,.leaderboard-row>span:not(.leaderboard-student){display:flex;flex-direction:column;gap:2px}.leaderboard-student b{font-size:12px}.leaderboard-student small,.leaderboard-row>span small{color:var(--muted);font-size:8px;font-style:normal}.leaderboard-row>span:not(.leaderboard-student){align-items:center;justify-content:center;color:var(--muted)}.leaderboard-row>span:not(.leaderboard-student) b{color:var(--ink);font-size:13px}@media(max-width:720px){.leaderboard-row{grid-template-columns:34px 38px minmax(100px,1fr) 54px 54px 18px}.leaderboard-row>span:nth-of-type(4){display:none}}