/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.hidden{display:none}.table{display:table}.grow{flex-grow:1}}.unified-home{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 10% 10%,#e9e7ff 0,#0000 25%),radial-gradient(circle at 90% 15%,#e4f7f1 0,#0000 23%),#f8f9fd;padding:22px clamp(18px,4vw,64px) 30px}.unified-header{justify-content:space-between;align-items:center;gap:24px;max-width:1500px;height:72px;margin:auto;display:flex}.unified-brand,.unified-user{align-items:center;gap:12px;display:flex}.unified-brand .school-logo{width:54px;height:54px}.unified-brand b,.unified-brand small{display:block}.unified-brand b{color:var(--navy);font-size:19px}.unified-brand small{color:var(--muted);margin-top:4px;font-size:11px}.unified-user span{color:#6357c8;background:#eeeaff;border-radius:18px;padding:6px 9px;font-size:10px}.unified-user b{color:var(--navy)}.unified-user button,.portal-home-button{border:1px solid var(--line);color:#526778;background:#fff;border-radius:10px;align-items:center;gap:6px;height:36px;padding:0 12px;font-weight:700;display:inline-flex}.unified-user button svg,.portal-home-button svg{width:15px}.unified-intro{text-align:center;max-width:1100px;margin:24px auto 20px}.unified-intro h1{color:#18285b;margin:10px 0;font-size:clamp(27px,3vw,45px)}.unified-intro p{color:#697b8d;font-size:13px;line-height:1.8}.unified-board{aspect-ratio:1672/941;background:#fff;border-radius:30px;max-width:1280px;margin:auto;position:relative;overflow:hidden;box-shadow:0 24px 70px #363e7825}.unified-board-image{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.unified-card-patch{object-fit:cover;border-radius:16px;position:absolute;box-shadow:0 8px 26px #3b3d8520}.unified-card-patch.student{width:29.5%;height:31.5%;top:58.3%;left:35.1%}.unified-card-patch.teacher{width:29.2%;height:31.5%;top:58.3%;left:66.9%}.module-hotspots{position:absolute;inset:0}.module-hotspot{cursor:pointer;background:0 0;border:2px solid #0000;border-radius:20px;width:29%;height:27%;transition:all .2s;position:absolute}.module-hotspot:first-child{top:30%;left:4.2%}.module-hotspot:nth-child(2){top:30%;left:35.4%}.module-hotspot:nth-child(3){top:30%;left:66.8%}.module-hotspot:nth-child(4){top:60.5%;left:4.2%}.module-hotspot:nth-child(5){top:60.5%;left:35.4%}.module-hotspot:nth-child(6){top:60.5%;left:66.8%}.module-hotspot>span{opacity:0;color:#fff;text-align:left;background:linear-gradient(#0000,#111c55dc);border-radius:14px;flex-direction:column;justify-content:flex-end;align-items:flex-start;padding:18px;transition:all .2s;display:flex;position:absolute;inset:12px}.module-hotspot b{font-size:18px}.module-hotspot small{margin:4px 0 8px;font-size:10px}.module-hotspot em{align-items:center;gap:4px;font-size:10px;font-style:normal;display:flex}.module-hotspot em svg{width:13px}.module-hotspot:hover,.module-hotspot:focus-visible{border-color:#7466eb;outline:0;box-shadow:0 0 0 5px #7466eb22}.module-hotspot:hover>span,.module-hotspot:focus-visible>span{opacity:1}.unified-footnote{color:#748494;justify-content:center;align-items:center;gap:7px;margin:16px 0 0;font-size:11px;display:flex}.unified-footnote svg{color:#48a187;width:16px}.portal-home-button{margin-right:12px}.research-grid{grid-template-columns:1.15fr .85fr;gap:20px;margin-bottom:20px;display:grid}.dimension-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px;display:grid}.dimension-grid>div{border:1px solid var(--line);border-radius:12px;grid-template-columns:12px 1fr auto;align-items:center;gap:8px;padding:12px;display:grid}.dimension-grid b{color:var(--navy);font-size:11px}.dimension-grid strong{color:#398a74;font-size:12px}.dimension-grid small{color:var(--muted);grid-column:2/4;font-size:9px}.research-advice{margin:18px 0 0;padding-left:22px}.research-advice li{color:#526a7a;padding:7px 0;font-size:11px;line-height:1.65}@media (width<=900px){.unified-home{padding:14px 12px 26px}.unified-header{height:60px}.unified-brand small,.unified-user span{display:none}.unified-user b{font-size:11px}.unified-intro{margin:18px auto 14px}.unified-intro p{font-size:11px}.unified-board{border-radius:16px}.unified-card-patch{border-radius:8px}.module-hotspot{border-radius:9px}.module-hotspot>span{border-radius:7px;padding:5px;inset:3px}.module-hotspot b{font-size:11px}.module-hotspot small{display:none}.research-grid{grid-template-columns:1fr}.dimension-grid{grid-template-columns:repeat(2,1fr)}}:root{--navy:#17324d;--ink:#203247;--muted:#6d7f91;--line:#e4ebef;--canvas:#f4f7f6;--blue:#3d78a7;--mint:#46a990;--coral:#e77b69;--amber:#e8ac52;--white:#fff}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);margin:0;font-family:PingFang SC,Noto Sans SC,Microsoft YaHei,Segoe UI,sans-serif;font-size:15px}button,input,select{font:inherit}button{cursor:pointer}svg{stroke-width:1.8px}.splash{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:18px;display:grid}.brand-mark{color:#fff;background:linear-gradient(145deg,#54b59c,#2e8a79);border-radius:15px;place-items:center;width:45px;height:45px;display:grid;box-shadow:0 12px 30px #2e8a7938}.school-logo{object-fit:contain;object-position:center;background:#fff;border-radius:50%;flex:none;width:48px;height:48px;display:block;box-shadow:0 7px 20px #0b223533}.splash .school-logo{width:64px;height:64px}.login-brand .school-logo{border:2px solid #fff6;width:58px;height:58px}.side-brand .school-logo{border:2px solid #ffffff3d;width:46px;height:46px;box-shadow:0 5px 14px #071a2938}.login-page{background:#fbfcfc;grid-template-columns:minmax(520px,1.08fr) minmax(500px,.92fr);min-height:100vh;display:grid}.login-story{color:#fff;background:radial-gradient(circle at 85% 18%,#4f7b9228 0 22%,#0000 22.5%),radial-gradient(circle at 8% 86%,#59b79b20 0 20%,#0000 20.5%),linear-gradient(145deg,#173b56,#122f48 58%,#123b46);flex-direction:column;justify-content:space-between;padding:42px clamp(40px,6vw,92px);transition:background .3s;display:flex;position:relative;overflow:hidden}.login-story.role-teacher{background:radial-gradient(circle at 85% 18%,#6395bf2d 0 22%,#0000 22.5%),radial-gradient(circle at 8% 86%,#758fd625 0 20%,#0000 20.5%),linear-gradient(145deg,#173b56,#173b5d 58%,#253d62)}.login-story.role-admin{background:radial-gradient(circle at 85% 18%,#d6a75c2d 0 22%,#0000 22.5%),radial-gradient(circle at 8% 86%,#b7803c20 0 20%,#0000 20.5%),linear-gradient(145deg,#24394c,#293a4d 58%,#4a3c2c)}.login-story:after{content:"";border:1px solid #ffffff12;border-radius:50%;width:440px;height:440px;position:absolute;bottom:-150px;right:-210px;box-shadow:0 0 0 70px #ffffff08,0 0 0 140px #ffffff05}.login-brand{letter-spacing:.06em;z-index:1;align-items:center;gap:14px;font-size:20px;font-weight:700;display:flex;position:relative}.login-brand .brand-mark{box-shadow:none;background:#ffffff17;border:1px solid #ffffff20}.story-copy{z-index:1;max-width:660px;position:relative}.eyebrow{letter-spacing:.17em;color:var(--mint);font-size:12px;font-weight:800}.eyebrow.light{color:#83d7c2}.role-teacher .eyebrow.light,.role-teacher .story-copy h1 span,.role-teacher .story-features svg{color:#9bc9f0}.role-admin .eyebrow.light,.role-admin .story-copy h1 span,.role-admin .story-features svg{color:#efc278}.story-copy h1{letter-spacing:-.045em;margin:22px 0;font-size:clamp(46px,5.2vw,76px);font-weight:760;line-height:1.14}.story-copy h1 span{color:#83d7c2}.story-copy>p{color:#d5e0e7;max-width:600px;font-size:17px;line-height:2}.story-features{gap:36px;margin-top:50px;display:flex}.story-features>div{grid-template-rows:auto auto;grid-template-columns:34px auto;column-gap:10px;display:grid}.story-features svg{color:#83d7c2;grid-row:1/3;margin-top:5px}.story-features b{font-size:14px}.story-features small{color:#aabdc8;margin-top:4px}.sound-wave{opacity:.22;z-index:1;align-items:center;gap:7px;height:76px;display:flex;position:relative}.sound-wave i{background:#a4e4d4;border-radius:4px;width:3px}.login-panel{place-items:center;padding:48px;display:grid}.login-form{width:min(520px,100%)}.login-form h2{color:var(--navy);margin:10px 0 8px;font-size:34px}.login-form>div:first-child>p{color:var(--muted)}.account-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin:32px 0 28px;display:grid}.account-card{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:18px;flex-direction:column;align-items:flex-start;gap:5px;padding:18px 15px;transition:all .2s;display:flex;position:relative}.account-card:hover,.account-card.selected{border-color:#6eaa99;transform:translateY(-2px);box-shadow:0 10px 25px #15344b0c}.account-card.selected:after{content:"✓";background:var(--mint);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;display:grid;position:absolute;top:10px;right:12px}.login-page.role-teacher .account-card.selected{border-color:#75a7cf}.login-page.role-teacher .account-card.selected:after{background:#4d86b3}.login-page.role-admin .account-card.selected{border-color:#d8a45c}.login-page.role-admin .account-card.selected:after{background:#c68a35}.account-icon,.section-icon{border-radius:13px;place-items:center;width:40px;height:40px;margin-bottom:7px;display:grid}.account-icon svg,.section-icon svg{width:20px}.account-icon.mint,.section-icon.mint{color:#318b74;background:#e6f5f0}.account-icon.blue,.section-icon.blue{color:#39749f;background:#e8f1f8}.account-icon.amber,.section-icon.amber{color:#c3852b;background:#fff3df}.section-icon.coral{color:#cf6757;background:#fcecea}.account-card b{font-size:15px}.account-card small{color:var(--muted);font-size:11px;line-height:1.5}.field{margin:16px 0;display:block}.field>span{color:#526577;margin-bottom:8px;font-size:13px;font-weight:650;display:block}.field input,.field select{border:1px solid var(--line);width:100%;height:48px;color:var(--ink);background:#fafcfc;border-radius:13px;outline:0;padding:0 14px}.field input:focus,.field select:focus{background:#fff;border-color:#6aa996;box-shadow:0 0 0 3px #4aaa8f12}.primary-button,.secondary-button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;height:46px;padding:0 19px;font-weight:700;transition:all .2s;display:inline-flex}.primary-button{background:var(--navy);color:#fff;box-shadow:0 8px 18px #17324d18}.primary-button:hover{background:#0f2941;transform:translateY(-1px)}.primary-button:disabled{opacity:.48;cursor:not-allowed;transform:none}.primary-button svg,.secondary-button svg{width:18px}.primary-button.large{width:100%;height:54px;margin-top:8px;font-size:15px}.secondary-button{color:var(--navy);border:1px solid var(--line);background:#fff}.form-error,.inline-message{color:#b64b3d;background:#fdf0ee;border-radius:12px;align-items:center;gap:9px;padding:12px 14px;font-size:13px;display:flex}.form-error svg,.inline-message svg{width:18px}.demo-note{text-align:center;color:#81909e;margin-top:18px;font-size:12px}.portal-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#d8e3ea;z-index:10;background:#17344e;flex-direction:column;width:248px;padding:25px 17px;display:flex;position:fixed;inset:0 auto 0 0;box-shadow:8px 0 30px #17324d0b}.side-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:11px;padding:0 5px 25px;display:flex}.side-brand b,.side-brand small{display:block}.side-brand b{color:#fff;letter-spacing:.02em;white-space:nowrap;font-size:14px;line-height:1.35}.side-brand small{color:#90a9b8;margin-top:3px;font-size:10px}.sidebar nav{flex-direction:column;gap:5px;margin-top:26px;display:flex}.sidebar nav button,.logout-button{color:#aebfca;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:12px;height:46px;padding:0 14px;display:flex}.sidebar nav button span{flex:1}.sidebar nav button:hover,.sidebar nav button.active{color:#fff;background:#ffffff12}.sidebar nav button.active{box-shadow:inset 3px 0 #70ccb4}.side-help{background:#ffffff0b;border:1px solid #ffffff10;border-radius:16px;margin-top:auto;padding:16px}.side-help svg{color:#6ed0b5;width:19px}.side-help b{color:#fff;margin:7px 0;font-size:13px;display:block}.side-help p{color:#9eb2bf;margin:0;font-size:11px;line-height:1.7}.logout-button{width:100%;margin-top:12px}.logout-button svg{width:18px}.portal-main{grid-column:2;min-width:0}.topbar{border-bottom:1px solid var(--line);z-index:8;background:#fff;justify-content:space-between;align-items:center;height:72px;padding:0 clamp(24px,3vw,46px);display:flex;position:sticky;top:0}.breadcrumb{color:#81909d;align-items:center;gap:7px;font-size:12px;display:flex}.top-actions{align-items:center;gap:11px;display:flex}.system-ok{color:#668071;background:#f1f8f5;border-radius:30px;align-items:center;gap:7px;margin-right:8px;padding:7px 11px;font-size:11px;display:flex}.system-ok i{background:#4caf8f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #4caf8f19}.avatar,.mini-avatar{color:#fff;background:linear-gradient(145deg,#e8b769,#d98d62);border-radius:11px;place-items:center;width:36px;height:36px;font-style:normal;font-weight:800;display:grid}.user-meta b,.user-meta small{display:block}.user-meta b{font-size:12px}.user-meta small{color:#8997a4;margin-top:2px;font-size:10px}.mobile-brand{display:none}.notice{z-index:30;color:#b24e41;background:#fff3f1;border:1px solid #f2b3a9;border-radius:12px;gap:9px;padding:12px 16px;display:flex;position:fixed;top:84px;right:24px;box-shadow:0 14px 30px #743d3218}.edit-toolbar{border:1px solid var(--line);background:#f7f9f9;border-radius:12px;align-items:center;gap:5px;padding:4px;display:flex}.edit-toolbar.active{background:#f0f8f5;border-color:#92c7b7}.edit-toolbar button{color:#617483;white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:5px;height:32px;padding:0 9px;font-size:11px;font-weight:700;display:flex}.edit-toolbar button:hover:not(:disabled),.edit-toolbar button.active{color:#2f7f69;background:#fff;box-shadow:0 3px 10px #18374d10}.edit-toolbar button:disabled{opacity:.34;cursor:not-allowed}.edit-toolbar button svg{width:14px}.edit-toolbar .save-button{background:var(--navy);color:#fff}.edit-toolbar .save-button:hover:not(:disabled){color:#fff;background:#0f2941}.editor-hint{color:#347963;background:#eff8f5;border:1px solid #b9ddcf;border-radius:13px;align-items:center;gap:9px;margin:16px clamp(24px,3vw,46px) 0;padding:11px 14px;font-size:11px;font-weight:650;display:flex}.editor-hint svg{width:16px}.editor-hidden{display:none!important}.editing-surface [data-edit-block]{outline-offset:4px;cursor:move;outline:1px dashed #64ad98;transition:outline-color .15s,box-shadow .15s;position:relative}.editing-surface [data-edit-block]:hover{outline:2px dashed #3f9b82}.editing-surface [data-edit-block].editor-selected{outline:3px solid #e7a14b;box-shadow:0 0 0 7px #e7a14b1c}.editing-surface [contenteditable=true]{cursor:text;border-radius:4px;min-width:10px}.editing-surface [contenteditable=true]:hover{background:#fff3d9;box-shadow:0 0 0 3px #fff3d9}.editing-surface [contenteditable=true]:focus{background:#fff9eb;outline:2px solid #e7a14b}.editing-surface button,.editing-surface input,.editing-surface select,.editing-surface label{cursor:not-allowed}.dashboard{max-width:1600px;margin:auto;padding:32px clamp(24px,3vw,46px) 60px}.welcome-row{justify-content:space-between;align-items:center;gap:24px;margin-bottom:26px;display:flex}.welcome-row h1{letter-spacing:-.025em;color:var(--navy);margin:7px 0;font-size:28px}.welcome-row p{color:var(--muted);margin:0;font-size:13px}.streak{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px 18px;display:flex}.streak>span{color:#cf8a32;background:#fff0dc;border-radius:12px;place-items:center;width:37px;height:37px;display:grid}.streak small,.streak b{display:block}.streak small{color:var(--muted);font-size:10px}.streak b{margin-top:2px}.card{border:1px solid var(--line);background:#fff;border-radius:20px;box-shadow:0 9px 28px #1d3f5710}.student-grid{grid-template-columns:minmax(0,1.9fr) minmax(280px,.7fr);gap:20px;display:grid}.main-column,.student-side{flex-direction:column;gap:20px;display:flex}.task-card{padding:26px}.card-heading,.section-title,.task-actions{justify-content:space-between;align-items:center;gap:18px;display:flex}.card-heading h2,.section-title h2{color:var(--navy);margin:8px 0 5px}.card-heading h2{font-size:21px}.card-heading p,.section-title p{color:var(--muted);margin:0;font-size:12px}.tag{color:#358a75;background:#eef8f4;border-radius:30px;align-items:center;gap:6px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.tag svg{width:13px}.task-progress{color:#c2782a;background:#fff5e6;border-radius:20px;padding:7px 11px;font-size:11px;font-weight:700}.mode-picker{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.mode-picker button{text-align:left;border:1px solid var(--line);color:var(--ink);background:#fbfcfc;border-radius:16px;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:15px;display:grid}.mode-picker button.active{background:#f3faf7;border-color:#4b9a85;box-shadow:0 0 0 3px #4b9a850d}.mode-icon{border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.mode-icon svg{width:19px}.mode-icon.quick{color:#348d75;background:#e6f5f0}.mode-icon.pro{color:#38749e;background:#e8f0f7}.mode-picker b,.mode-picker small{display:block}.mode-picker small{color:var(--muted);margin-top:4px;font-size:11px;line-height:1.5}.mode-picker i{color:#718392;border:1px solid var(--line);background:#fff;border-radius:20px;padding:5px 8px;font-size:10px;font-style:normal}.recorder{background:linear-gradient(145deg,#f8fbfb,#f4f8f7);border:1px dashed #b8cbd2;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:150px;padding:25px;display:grid}.record-visual{place-items:center;width:88px;height:88px;display:grid;position:relative}.record-visual button{z-index:2;background:var(--mint);color:#fff;border:0;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative;box-shadow:0 8px 25px #429e863a}.record-visual button svg{width:26px}.pulse-ring{border:1px solid #55b69e55;border-radius:50%;position:absolute;inset:5px;box-shadow:0 0 0 10px #55b69e0c}.is-recording .record-visual button{background:var(--coral)}.is-recording .pulse-ring{border-color:#e77b6966;animation:1.4s infinite pulse}.recorder h3{color:var(--navy);margin:0 0 7px;font-size:16px}.recorder p{color:var(--muted);margin:0;font-size:11px}.upload-link{color:#4f7088;border:1px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:12px;font-weight:700;display:flex;position:relative}.upload-link svg{width:16px}.upload-link input{opacity:0;cursor:pointer;position:absolute;inset:0}.inline-message{color:#376e94;background:#edf6fb;margin-top:14px}.task-actions{margin-top:20px}.privacy-note{color:#82909b;align-items:center;gap:7px;font-size:10px;display:flex}.privacy-note svg{color:#4d9d87;width:15px}.section-title>div{align-items:center;gap:12px;display:flex}.section-title .section-icon{margin:0}.section-title h2{margin-top:0;font-size:17px}.history-card,.tips-card,.checklist,.score-card,.teacher-grid>.card,.admin-grid>.card,.create-task{padding:22px}.text-button{color:#55758d;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;display:flex}.text-button svg{width:14px}.history-list{margin-top:16px}.history-list>div,.task-list>div,.service-list>div,.port-list>div{border-top:1px solid #edf1f3;align-items:center;gap:12px;padding:13px 0;display:flex}.history-icon,.mode-mini{border-radius:11px;place-items:center;width:37px;height:37px;display:grid}.history-icon svg,.mode-mini svg{width:17px}.history-icon.quick,.mode-mini.quick{color:#378f77;background:#e8f6f1}.history-icon.professional,.mode-mini.professional{color:#39739d;background:#eaf1f8}.grow{flex:1;min-width:0}.grow b,.grow small{display:block}.grow b{color:var(--navy);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.grow small{color:var(--muted);margin-top:4px;font-size:10px}.status{white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:10px;font-weight:750}.status.completed,.status.online,.status.published{color:#32856f;background:#eaf7f2}.status.processing,.status.queued,.status.warning{color:#b77624;background:#fff3df}.status.failed,.status.offline{color:#bf5b4e;background:#fcecea}.history-list strong{color:var(--navy);text-align:right;min-width:42px;font-size:13px}.score-card{text-align:center;padding-top:25px}.score-card .section-icon{margin:auto}.score-card>small{color:var(--muted);margin:10px 0 2px;display:block}.score-card>b{color:var(--navy);font-size:40px}.score-card em{font-size:12px;font-style:normal}.score-track,.weak-bar{background:#edf2f2;border-radius:10px;height:6px;overflow:hidden}.score-track{margin:12px 0}.score-track i,.weak-bar i{background:linear-gradient(90deg,#4dae95,#74c8b2);border-radius:10px;height:100%;display:block}.score-card p{color:var(--muted);font-size:10px}.tip-word{color:var(--navy);margin:20px 0 10px;font-size:30px;font-weight:800}.tip-word span{color:#c47b2c;vertical-align:middle;background:#fff2df;border-radius:20px;margin-left:8px;padding:5px 8px;font-size:10px}.tips-card>p{color:#637687;font-size:12px;line-height:1.8}.tips-card>button{color:#3f846f;background:#f2f7f5;border:0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.tips-card>button svg{width:14px}.checklist h3{color:var(--navy);align-items:center;gap:8px;margin:0 0 14px;font-size:14px;display:flex}.checklist h3 svg{color:#4da48c;width:18px}.checklist p{color:#6e7e8b;align-items:center;gap:8px;font-size:11px;display:flex}.checklist p svg{color:#59ac94;width:15px}.result-card{padding:22px}.result-card.failed{color:#b45144;gap:14px;display:flex}.result-summary{align-items:center;gap:18px;display:flex}.score-badge{text-align:center;color:#fff;background:linear-gradient(145deg,#3aa087,#67bda6);border-radius:20px;flex:none;place-content:center;width:72px;height:72px;font-size:26px;font-weight:800;display:grid}.score-badge small{font-size:10px}.result-summary h2{color:var(--navy);margin:8px 0 4px}.result-summary p{color:var(--muted);margin:0;font-size:11px}.word-results{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:18px;display:grid}.word-results>div{border:1px solid var(--line);border-radius:13px;grid-template-columns:120px auto;gap:6px 12px;padding:13px;display:grid}.word-results b,.word-results span{display:block}.word-results>div>div:first-child span{color:var(--muted);margin-top:3px;font-size:10px}.checks{gap:4px;display:flex}.checks span{border-radius:12px;height:max-content;padding:4px 6px;font-size:9px}.checks .pass{color:#33876f;background:#e7f5f0}.checks .fail{color:#bd5a4c;background:#fcecea}.word-results p{color:#6d7c89;grid-column:1/3;margin:0;font-size:10px;line-height:1.6}.retry-upload{color:#a84d40;cursor:pointer;background:#fff5f2;border:1px solid #e6b7ae;border-radius:9px;grid-column:1/3;justify-self:start;align-items:center;gap:6px;padding:7px 10px;font-size:10px;font-weight:700;display:inline-flex;position:relative}.retry-upload svg{width:14px;height:14px}.retry-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.metric{align-items:center;gap:15px;padding:18px;display:flex}.metric .section-icon{flex:none;margin:0}.metric small,.metric b,.metric p{margin:0;display:block}.metric small{color:var(--muted);font-size:10px}.metric b{color:var(--navy);margin:2px 0;font-size:27px}.metric p{color:#93a0aa;font-size:9px}.create-task{margin-bottom:20px}.create-grid{grid-template-columns:2fr 1fr;gap:16px;display:grid}.word-select{flex-wrap:wrap;gap:8px;margin:18px 0;display:flex}.word-select button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fbfcfc;border-radius:12px;grid-template-columns:16px auto;column-gap:6px;padding:9px 11px;display:grid}.word-select button svg{color:#aab5bd;width:15px}.word-select button span{color:var(--muted);grid-column:2;font-size:9px}.word-select button.selected{background:#eff9f5;border-color:#55a58e}.word-select button.selected svg{color:#42a087}.teacher-grid,.admin-grid{grid-template-columns:1.25fr .75fr;gap:20px;margin-bottom:20px;display:grid}.teacher-grid.bottom{grid-template-columns:1.15fr .85fr}.task-list,.service-list,.port-list{margin-top:14px}.task-data{text-align:center;min-width:50px}.task-data b,.task-data small{display:block}.task-data b{color:var(--navy)}.task-data small{color:var(--muted);font-size:9px}.weak-list{margin-top:18px}.weak-list>div{grid-template-columns:24px 80px 1fr 36px;align-items:center;gap:9px;padding:9px 0;display:grid}.weak-list>div>span{background:#f1f4f5;border-radius:7px;place-items:center;width:21px;height:21px;font-size:9px;display:grid}.weak-list b{font-size:12px}.weak-list small{color:var(--muted);text-align:right;font-size:9px}.student-table{margin-top:15px}.student-table>div{border-top:1px solid #edf1f3;grid-template-columns:1.3fr 1fr .7fr .6fr;align-items:center;gap:10px;padding:10px;font-size:11px;display:grid}.student-table .table-head{color:#83919d;background:#f7f9f9;border:0;border-radius:10px;font-size:9px}.student-table>div>span:first-child{align-items:center;gap:8px;display:flex}.mini-avatar{border-radius:9px;width:28px;height:28px;font-size:9px}.student-table strong{color:var(--navy)}.word-library{grid-template-columns:1fr 1fr;gap:9px;margin-top:16px;display:grid}.word-library>div{border:1px solid var(--line);border-radius:12px;padding:12px;position:relative}.word-library b,.word-library span,.word-library small{display:block}.word-library b{color:var(--navy)}.word-library span{color:#71818e;margin:3px 0;font-size:9px}.word-library small{color:#536a7a;font-size:9px}.word-library em{color:#82909a;background:#f2f5f5;border-radius:8px;padding:3px 5px;font-size:7px;font-style:normal;position:absolute;top:8px;right:8px}.service-dot{background:#a8b2b8;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #a8b2b814}.service-dot.online{background:#4bab91;box-shadow:0 0 0 5px #4bab9114}.service-dot.offline{background:#db7464;box-shadow:0 0 0 5px #db746414}.service-list code,.port-list code{color:#4d7087;background:#f3f6f7;border-radius:7px;padding:5px 7px;font-family:Consolas,monospace;font-size:11px}.port-list code{text-align:center;width:58px}.port-state{color:#3e8975;background:#edf5f2;border-radius:10px;padding:5px 7px;font-size:9px}.port-state.blocked{color:#be594b;background:#fcebe8}.port-state.active{color:#3e7397;background:#eaf1f8}.admin-grid.config-row{grid-template-columns:1.2fr .8fr}.config-grid{grid-template-columns:1fr 1fr;gap:0 14px;margin-top:14px;display:grid}.config-grid .field{margin:8px 0}.config-grid .field input{height:42px;font-size:11px}.save-ok{color:#31896f}.log-list{max-height:280px;margin-top:14px;overflow:auto}.log-list>div{border-top:1px solid #edf1f3;grid-template-columns:8px 1fr auto;gap:9px;padding:9px 0;display:grid}.log-dot{background:#72b7a4;border-radius:50%;width:7px;height:7px;margin-top:5px}.log-list b,.log-list small{display:block}.log-list b{font-size:10px}.log-list small,.log-list time{color:var(--muted);margin-top:3px;font-size:8px}.empty{text-align:center;color:#91a0aa;place-items:center;padding:28px;display:grid}.empty svg{opacity:.5;width:25px}.empty p{font-size:10px}.spin{animation:1s linear infinite spin}.export-button{white-space:nowrap;text-decoration:none}.report-dashboard{flex-direction:column;gap:20px;display:flex}.report-dashboard>.welcome-row{margin-bottom:2px}.report-metrics{margin-bottom:0}.report-card{padding:24px}.report-loading{min-height:180px;color:var(--muted);place-content:center;justify-items:center;gap:10px;display:grid}.report-loading svg{width:24px}.count-pill{color:#387c69;background:#edf8f4;border-radius:20px;padding:6px 10px;font-size:10px;font-weight:800}.report-table{margin-top:18px;overflow-x:auto}.report-row{border-top:1px solid #edf1f3;align-items:center;gap:12px;min-width:830px;padding:13px 12px;font-size:11px;display:grid}.report-row.report-head{color:#778995;text-transform:uppercase;background:#f4f7f7;border:0;border-radius:11px;font-size:9px;font-weight:800}.attempt-table .report-row,.all-attempt-table .report-row{grid-template-columns:1fr 1.35fr 2fr .6fr .6fr .6fr .65fr}.teacher-report-table .report-row{grid-template-columns:1.1fr 1fr .55fr .65fr .6fr .6fr .65fr 1.25fr}.report-row>span{min-width:0}.report-row>span:first-child{align-items:center;gap:8px;display:flex}.report-row b,.report-row small{display:block}.report-row b{color:var(--navy);font-size:11px}.report-row small{color:var(--muted);margin-top:4px;font-size:9px}.report-row strong{color:var(--navy)}.good-number{color:#27856d;font-weight:800}.bad-number{color:#c35f50;font-weight:800}.row-actions{align-items:center;gap:7px;display:flex!important}.row-actions button,.row-actions a{color:#367e6a;background:#edf6f3;border:0;border-radius:8px;justify-content:center;align-items:center;height:30px;text-decoration:none;display:inline-flex}.row-actions button{padding:0 10px;font-size:10px}.row-actions a{width:30px}.row-actions svg{width:14px}.attempt-errors>section{margin-top:18px}.attempt-error-heading{align-items:center;gap:12px;margin:16px 0 10px;display:flex}.attempt-error-heading b{color:var(--navy);font-size:12px}.attempt-error-heading span{color:var(--muted);font-size:10px}.notebook-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.notebook-grid>article{border:1px solid var(--line);background:linear-gradient(145deg,#fff,#fbfcfc);border-radius:15px;padding:15px}.notebook-grid>article>div{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.notebook-grid b{color:var(--navy);font-size:15px}.notebook-grid span{color:#61788a;font-size:10px}.notebook-grid em{color:#b75b4e;background:#fcecea;border-radius:20px;margin-left:auto;padding:4px 7px;font-size:9px;font-style:normal;font-weight:800}.notebook-grid p{color:#536b7b;margin:11px 0 5px;font-size:11px;line-height:1.75}.notebook-grid small{color:#8b99a3;font-size:9px}.selected-student-report{border-color:#b9d9cf;box-shadow:0 12px 34px #2d806b17}.attempt-table>.report-row,.attempt-summary-row{grid-template-columns:.8fr 1.15fr 1.55fr .55fr .85fr .85fr .65fr .8fr .55fr;min-width:1180px}.attempt-summary-row{width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;background:#fff;border:0;border-top:1px solid #edf1f3}.attempt-summary-row:hover,.attempt-summary-row[aria-expanded=true]{background:#f0f8f5}.attempt-record:first-of-type .attempt-summary-row{border-top:0}.attempt-detail-panel{background:#fbfdfc;border:1px solid #cfe2dc;border-radius:0 0 16px 16px;margin:0 8px 16px;padding:18px}.attempt-detail-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.attempt-detail-heading b{color:var(--navy);font-size:12px;display:block}.attempt-detail-heading small{color:var(--muted);font-size:9px}.attempt-export-actions{flex-wrap:wrap;gap:8px;display:flex}.attempt-export-actions a,.notebook-attempt-exports a{color:#337b68;background:#e9f5f1;border-radius:9px;align-items:center;gap:6px;height:34px;padding:0 11px;font-size:10px;font-weight:800;text-decoration:none;display:inline-flex}.attempt-export-actions svg,.notebook-attempt-exports svg{width:13px}.attempt-detail-table .report-row{grid-template-columns:1.1fr .55fr .55fr .7fr 3fr;min-width:900px}.practice-list{color:#61788a;margin:8px 0 0;padding-left:17px;font-size:9px;line-height:1.65}.notebook-practices{background:#f5f9f7;border-radius:10px;padding:10px 12px 10px 28px}.notebook-attempt-exports{border-top:1px solid var(--line);margin-top:20px;padding-top:18px}.notebook-attempt-exports h3{color:var(--navy);margin:0 0 10px;font-size:13px}.notebook-attempt-exports>div{border-top:1px solid #edf1f3;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.notebook-attempt-exports span b,.notebook-attempt-exports span small{display:block}.notebook-attempt-exports span b{color:var(--navy);font-size:11px}.notebook-attempt-exports span small{color:var(--muted);margin-top:4px;font-size:9px}.attempt-category-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:16px 0;display:grid}.attempt-category-summary article{border:1px solid var(--line);background:#fff;border-radius:12px;min-height:74px;padding:12px 14px}.attempt-category-summary article.is-correct{border-left:4px solid #4aa88d}.attempt-category-summary article.is-error{border-left:4px solid #db7868}.attempt-category-summary b{color:var(--navy);font-size:10px;display:block}.attempt-category-summary p{color:#5d7382;word-break:break-word;margin:7px 0 0;font-size:10px;line-height:1.65}@keyframes pulse{50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1250px){.system-ok{display:none}.edit-toolbar button{padding:0 7px}}@media (width<=1100px){.login-page{grid-template-columns:1fr}.login-story{min-height:430px}.sound-wave{display:none}.portal-shell{grid-template-columns:82px 1fr}.sidebar{width:82px;padding:20px 10px}.side-brand>div,.sidebar nav span,.sidebar nav svg:last-child,.side-help,.logout-button{display:none}.side-brand{border:0;padding:0 10px 20px}.sidebar nav button{justify-content:center}.portal-main{grid-column:2}.student-grid{grid-template-columns:1fr}.student-side{grid-template-columns:repeat(3,1fr);display:grid}.teacher-grid,.admin-grid,.admin-grid.config-row{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.edit-toolbar button{justify-content:center;width:32px;padding:0;font-size:0}.edit-toolbar button svg{width:15px}}@media (width<=700px){.login-story{min-height:360px;padding:28px 24px}.story-copy h1{font-size:40px}.story-copy>p{font-size:14px}.story-features{gap:15px;margin-top:24px}.story-features small{display:none}.login-panel{padding:30px 20px}.account-grid{grid-template-columns:1fr}.account-card{grid-template-rows:auto auto;grid-template-columns:42px 1fr;display:grid}.account-icon{grid-row:1/3;margin:0}.portal-shell{display:block}.sidebar{z-index:50;border-radius:18px;width:calc(100% - 24px);height:62px;padding:7px;display:block;position:fixed;inset:auto 12px 12px}.side-brand,.sidebar nav button:nth-child(n+4),.logout-button{display:none}.sidebar nav{grid-template-columns:repeat(3,1fr);gap:3px;margin:0;display:grid}.sidebar nav button{flex-direction:column;gap:2px;height:48px;padding:4px;font-size:9px;display:flex}.sidebar nav span{display:block}.portal-main{padding-bottom:80px}.topbar{height:60px;padding:0 12px}.breadcrumb,.system-ok,.user-meta,.mobile-brand,.avatar{display:none}.edit-toolbar{margin-left:auto}.edit-toolbar button{width:30px;height:30px}.editor-hint{margin:10px 16px 0;font-size:10px}.dashboard{padding:23px 16px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:23px}.welcome-row .primary-button{padding:0 13px}.metric-grid{grid-template-columns:1fr 1fr;gap:10px}.metric{gap:9px;padding:13px}.metric b{font-size:21px}.task-card{padding:18px}.mode-picker{grid-template-columns:1fr}.recorder{text-align:center;grid-template-columns:1fr;justify-items:center}.task-actions{align-items:flex-end}.privacy-note{max-width:120px}.student-side,.word-results{grid-template-columns:1fr}.word-results>div{grid-template-columns:95px auto}.teacher-grid,.teacher-grid.bottom,.admin-grid,.admin-grid.config-row{display:block}.teacher-grid>.card,.admin-grid>.card{margin-bottom:14px}.config-grid,.create-grid{grid-template-columns:1fr}.student-table{overflow-x:auto}.student-table>div{min-width:520px}.top-actions{margin-left:auto}}@media (width<=900px){.notebook-grid,.attempt-category-summary{grid-template-columns:1fr}.report-card{padding:18px}.report-dashboard>.welcome-row{flex-direction:column;align-items:flex-start}.report-dashboard>.welcome-row .export-button{align-self:flex-start}.login-brand{font-size:17px}.login-brand .school-logo{width:50px;height:50px}}