:root{--font-body:"Noto Sans JP", "Hiragino Sans", "Yu Gothic UI", system-ui, sans-serif;--font-display:"M PLUS Rounded 1c", "Noto Sans JP", system-ui, sans-serif;--bg:#f2f5fb;--surface:#fff;--surface-2:#f6f8fc;--surface-3:#eef2f9;--border:#e3e8f2;--border-strong:#cfd7e6;--text:#17203a;--text-2:#4a5470;--muted:#7a839c;--primary:#2563eb;--primary-strong:#1d4ed8;--primary-soft:#e8f0ff;--on-primary:#fff;--success:#16a34a;--success-soft:#e6f6ec;--warning:#d97706;--warning-soft:#fdf2e0;--danger:#dc2626;--danger-soft:#fdeaea;--brand:#0c1f4f;--admin-top:#0c1f4f;--admin-top-2:#1a3a86;--student-accent:#2563eb;--student-soft:#e7f0ff;--parent-accent:#e0457f;--parent-soft:#fdebf2;--teacher-accent:#0f9d8a;--teacher-soft:#e3f6f2;--c-qureo:#2f6fe4;--c-minecraft:#1f9d55;--c-roblox:#7b4ad9;--c-ai:#0aa1c2;--c-game:#e5487d;--radius-lg:18px;--radius:14px;--radius-sm:10px;--shadow:0 1px 2px #1120460a, 0 6px 20px #1120460f;--shadow-lift:0 10px 28px #1120461f;--focus:0 0 0 3px #2563eb59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0d1324;--surface:#151c31;--surface-2:#1a2238;--surface-3:#212a44;--border:#283252;--border-strong:#35416a;--text:#e8ecf7;--brand:#e8ecf7;--text-2:#b8c0d8;--muted:#8a93ae;--primary:#5b8cff;--primary-strong:#7aa2ff;--primary-soft:#1d2a52;--success-soft:#12301f;--warning-soft:#33260f;--danger-soft:#3a1717;--student-soft:#1b2950;--parent-soft:#3a1a2a;--teacher-soft:#10302b;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040;--focus:0 0 0 3px #7aa2ff73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#0d1324;--surface:#151c31;--surface-2:#1a2238;--surface-3:#212a44;--border:#283252;--border-strong:#35416a;--text:#e8ecf7;--brand:#e8ecf7;--text-2:#b8c0d8;--muted:#8a93ae;--primary:#5b8cff;--primary-strong:#7aa2ff;--primary-soft:#1d2a52;--success-soft:#12301f;--warning-soft:#33260f;--danger-soft:#3a1717;--student-soft:#1b2950;--parent-soft:#3a1a2a;--teacher-soft:#10302b;--shadow:0 1px 2px #0000004d, 0 6px 20px #00000040;--focus:0 0 0 3px #7aa2ff73;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.6}h1,h2,h3{font-family:var(--font-display);letter-spacing:.01em;margin:0;line-height:1.35}p{margin:0}ul{margin:0;padding:0;list-style:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--primary);text-decoration:none}:focus-visible{box-shadow:var(--focus);border-radius:8px;outline:none}img{max-width:100%;display:block}.num{font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.small{font-size:13px}.pre{white-space:pre-wrap}.ok{color:var(--success);flex:none}.warn{color:var(--warning);flex:none}.truncate{text-overflow:ellipsis;white-space:nowrap;max-width:220px;overflow:hidden}.login{background:radial-gradient(circle at 90% 0%, #2563eb24, transparent 45%), radial-gradient(circle at 0% 100%, #e0457f1a, transparent 40%), var(--bg);grid-template-columns:minmax(320px,420px) minmax(0,1fr);align-items:center;gap:32px;min-height:100vh;padding:40px clamp(16px,5vw,64px);display:grid}.login__panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px}.login__brand{align-items:center;gap:10px;margin-bottom:24px;display:flex}.login__brand .logo__text{font-size:26px}.login__brand p{font-family:var(--font-display);color:var(--muted);font-weight:700}.login__form{gap:14px;display:grid}.login__note{color:var(--text-2);background:var(--surface-2);border-radius:var(--radius-sm);align-items:flex-start;gap:8px;padding:10px 12px;font-size:13px;display:flex}.login__note svg{color:var(--success);flex:none;margin-top:2px}.login__demo h1{font-size:clamp(22px,3vw,30px)}.login__demo>p{color:var(--text-2);margin:6px 0 20px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.role-card{text-align:left;border:1px solid var(--border);background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:18px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.role-card:hover{box-shadow:var(--shadow-lift);border-color:var(--rc);transform:translateY(-2px)}.role-card__icon{background:var(--rc);color:#fff;border-radius:14px;flex:none;place-items:center;width:46px;height:46px;display:grid}.role-card__text{display:grid}.role-card__text strong{font-family:var(--font-display);font-size:16px}.role-card__text small{color:var(--muted);font-size:13px}.shell{flex-direction:column;min-height:100vh;display:flex}.topbar{top:env(safe-area-inset-top,0px);z-index:20;background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:10px clamp(12px,2vw,24px);display:flex;position:sticky}.shell--admin .topbar{background:linear-gradient(100deg, var(--admin-top) 0%, var(--admin-top-2) 70%, #3b2a8f 100%);color:#fff;border-bottom:0}.topbar__brand{align-items:center;gap:12px;min-width:0;display:flex}.topbar__right{align-items:center;gap:10px;display:flex}.logo{color:var(--brand);align-items:center;gap:8px;display:inline-flex}.shell--admin .logo{color:#fff}.logo__text{font-family:var(--font-display);letter-spacing:.01em;font-size:21px;font-weight:800}.badge{white-space:nowrap;font-size:13px;font-weight:700;font-family:var(--font-display);border-radius:999px;align-items:center;gap:5px;padding:3px 10px;display:inline-flex}.badge--admin{color:#fff;background:#ffffff29}.badge--student{background:var(--student-soft);color:var(--student-accent)}.badge--parent{background:var(--parent-soft);color:var(--parent-accent)}.badge--teacher{background:var(--teacher-soft);color:var(--teacher-accent)}.demo-chip{background:var(--warning-soft);color:var(--warning);white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:700}.shell--admin .demo-chip{color:#ffd98a;background:#ffc85033}.icon-btn{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:12px;place-items:center;display:grid;position:relative}.icon-btn:hover{background:var(--surface-3)}.shell--admin .icon-btn:hover{background:#ffffff1f}.icon-btn__dot{color:#fff;border:2px solid var(--surface);background:#ef4466;border-radius:9px;place-items:center;min-width:17px;height:17px;font-size:11px;font-weight:700;display:grid;position:absolute;top:4px;right:4px}.shell--admin .icon-btn__dot{border-color:var(--admin-top-2)}.usermenu{position:relative}.usermenu__btn{color:inherit;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;padding:4px 6px;display:flex}.usermenu__btn:hover{background:var(--surface-3)}.shell--admin .usermenu__btn:hover{background:#ffffff1f}.usermenu__name{text-align:left;line-height:1.25;display:grid}.usermenu__name strong{font-size:14px}.usermenu__name small{opacity:.75;font-size:12px}.usermenu__pop{background:var(--surface);color:var(--text);border:1px solid var(--border);box-shadow:var(--shadow-lift);border-radius:12px;min-width:240px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.usermenu__pop button{text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;width:100%;padding:10px 12px;display:flex}.usermenu__pop button:hover{background:var(--surface-3)}.shell__body{flex:1;grid-template-columns:236px minmax(0,1fr);display:grid}.sidenav{align-self:start;gap:4px;padding:18px 14px;display:grid;position:sticky;top:60px}.sidenav__item{color:var(--text-2);border-radius:12px;align-items:center;gap:12px;padding:11px 14px;font-weight:500;transition:background .12s,color .12s;display:flex}.sidenav__item:hover{background:var(--surface-3);color:var(--text)}.sidenav__item.is-active{background:var(--primary-soft);color:var(--primary);font-weight:700}.shell--guardian .sidenav__item.is-active{background:var(--parent-soft);color:var(--parent-accent)}.shell--teacher .sidenav__item.is-active{background:var(--teacher-soft);color:var(--teacher-accent)}.main{align-content:start;gap:18px;min-width:0;padding:22px clamp(14px,2.4vw,32px) 48px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;padding:18px 20px}.card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.card-head__title{align-items:center;gap:8px;min-width:0;display:flex}.card-head__title h2{font-size:17px;font-weight:800}.card-head__icon{color:var(--primary);display:inline-flex}.shell--guardian .card-head__icon{color:var(--parent-accent)}.shell--teacher .card-head__icon{color:var(--teacher-accent)}.card-head__sub{color:var(--muted);font-size:13px}.more-link{color:var(--primary);white-space:nowrap;align-items:center;gap:2px;font-size:14px;font-weight:700;display:inline-flex}.shell--guardian .more-link{color:var(--parent-accent)}.page-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.page-title h1{font-size:24px;font-weight:800}.page-title p{color:var(--text-2);max-width:70ch;margin-top:4px}.empty{color:var(--muted);text-align:center;padding:18px 0}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stack{align-content:start;gap:18px;display:grid}.sep{border:0;border-top:1px solid var(--border);margin:20px 0 16px}.mini-h{margin-bottom:10px;font-size:15px}.tag{color:var(--tag);background:color-mix(in srgb, var(--tag) 13%, transparent);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.tag--solid{background:var(--tag);color:#fff;box-shadow:0 2px 6px #00000026}.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.pill--gray{background:var(--surface-3);color:var(--text-2)}.pill--green{background:var(--success-soft);color:var(--success)}.pill--blue{background:var(--primary-soft);color:var(--primary)}.pill--pink{background:var(--parent-soft);color:var(--parent-accent)}.pill--purple{background:color-mix(in srgb, var(--c-roblox) 14%, transparent);color:var(--c-roblox)}.pill--orange{background:var(--warning-soft);color:var(--warning)}.pill--red{background:var(--danger-soft);color:var(--danger)}.chips{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.btn{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:7px;font-weight:700;transition:background .12s,transform .1s,box-shadow .12s;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45}.btn--sm{border-radius:10px;padding:6px 12px;font-size:13px}.btn--md{padding:9px 16px;font-size:14px}.btn--lg{padding:13px 22px;font-size:16px}.btn--block{width:100%}.btn--primary{background:var(--primary);color:var(--on-primary);box-shadow:0 4px 12px #2563eb40}.btn--primary:hover:not(:disabled){background:var(--primary-strong)}.btn--soft{background:var(--primary-soft);color:var(--primary);border-color:color-mix(in srgb, var(--primary) 25%, transparent)}.btn--ghost{color:var(--text-2);border-color:var(--border-strong);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--surface-3)}.btn--danger{background:var(--danger);color:#fff}.btn--parent{background:var(--parent-soft);color:var(--parent-accent);border-color:color-mix(in srgb, var(--parent-accent) 25%, transparent)}.btn--teacher{background:var(--teacher-accent);color:#fff;box-shadow:0 4px 12px #0f9d8a40}.btn-row{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.progress{background:var(--surface-3);border-radius:99px;flex:1;min-width:50px;height:8px;overflow:hidden}.progress span{border-radius:99px;height:100%;transition:width .3s;display:block}.field{color:var(--text-2);gap:6px;font-size:13px;font-weight:700;display:grid}.field input,.field select,.field textarea,.filters select,.reflect textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:10px 12px;font-size:15px;font-weight:400}.field input:disabled{background:var(--surface-2)}.field textarea,.reflect textarea{resize:vertical}.form-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:12px 0 14px;display:grid}.form-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=600px){.form-grid--2{grid-template-columns:1fr}}.check{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;font-size:14px;display:flex}.check input{width:18px;height:18px;accent-color:var(--primary);flex:none;margin-top:2px}.hint{color:var(--text-2);background:var(--warning-soft);border-radius:10px;align-items:center;gap:6px;margin-bottom:12px;padding:8px 12px;font-size:13px;display:flex}.notice-ok{background:var(--success-soft);color:var(--success);border-radius:10px;margin-top:12px;padding:10px 12px;font-size:14px;font-weight:700}.notice-warn{background:var(--warning-soft);color:var(--warning);border-radius:10px;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.seg{background:var(--surface-3);border-radius:12px;gap:6px;margin-bottom:14px;padding:4px;display:inline-flex}.seg--wrap{background:0 0;flex-wrap:wrap;padding:0}.seg button{color:var(--text-2);background:0 0;border:0;border-radius:9px;padding:7px 14px;font-size:14px;font-weight:700}.seg--wrap button{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:6px 16px}.seg button.is-on{background:var(--surface);color:var(--primary);box-shadow:var(--shadow)}.seg--wrap button.is-on{background:var(--primary);color:#fff;border-color:var(--primary)}.shell--guardian .seg--wrap button.is-on{background:var(--parent-accent);border-color:var(--parent-accent)}.shell--teacher .seg--wrap button.is-on{background:var(--teacher-accent);border-color:var(--teacher-accent)}.chip-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:999px;align-items:center;gap:6px;padding:7px 14px;font-size:14px;font-weight:700;display:inline-flex}.chip-btn.is-on{background:var(--primary);color:#fff;border-color:var(--primary)}.avatar{object-fit:cover;border-radius:50%;flex:none;place-items:center;display:inline-grid;box-shadow:inset 0 0 0 2px #fff9}.avatar--initial{color:#fff;font-weight:800;font-family:var(--font-display)}.who{align-items:center;gap:10px;min-width:0;display:inline-flex}.who>span{line-height:1.3;display:grid}.who small{color:var(--muted);font-size:12px}.who--sm{gap:6px;font-size:13px}.who--sm time{margin-left:auto}.thumb{background:linear-gradient(140deg, color-mix(in srgb, var(--tc) 70%, #fff) 0%, var(--tc) 100%);color:#fff;object-fit:cover;border-radius:12px;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.thumb__grid{width:100%;height:100%;position:absolute;inset:0}.thumb__icon{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fff3;border-radius:18px;place-items:center;width:64px;height:64px;display:grid;position:relative}.thumb__label{background:#00000059;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700;position:absolute;bottom:8px;left:10px}.donut{flex:none;position:relative}.donut__center{text-align:center;place-content:center;line-height:1.1;display:grid;position:absolute;inset:0}.donut__center small{color:var(--muted);font-size:13px;font-weight:700}.donut__center strong{font-family:var(--font-display);font-size:34px}.donut__center strong span{margin-left:2px;font-size:15px}.bars{width:100%;height:auto;display:block}.bars__tick{fill:var(--muted);font-size:11px}.bars__label{fill:var(--text-2);font-size:12px;font-weight:700}.legend{color:var(--text-2);flex-wrap:wrap;gap:6px 16px;margin-bottom:6px;font-size:13px;display:flex}.legend li{align-items:center;gap:6px;display:inline-flex}.legend__dot{border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.grid-dash{grid-template-columns:repeat(12,minmax(0,1fr));gap:18px;display:grid}.stats{grid-column:span 12;grid-template-columns:repeat(4,minmax(0,1fr));align-self:start;gap:18px;display:grid}.dash-course{grid-column:span 4}.dash-week{grid-column:span 5}.dash-notice{grid-column:span 3}.dash-recent{grid-area:3/1/auto/span 9;align-self:start}.dash-table{grid-area:4/1/auto/span 9;align-self:start}.dash-side{grid-area:3/10/span 2/span 3;align-content:start;gap:18px;display:grid}.stat{align-items:center;gap:14px;padding:16px 18px;display:flex}.stat__icon{border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid}.tone-blue{background:var(--primary-soft);color:var(--primary)}.tone-pink{background:var(--parent-soft);color:var(--parent-accent)}.tone-orange{background:var(--warning-soft);color:var(--warning)}.tone-purple{background:color-mix(in srgb, var(--c-roblox) 14%, transparent);color:var(--c-roblox)}.tone-green{background:var(--success-soft);color:var(--success)}.stat__label{color:var(--text-2);font-size:13px;font-weight:700}.stat__value{font-family:var(--font-display);font-size:30px;font-weight:800;line-height:1.1}.stat__value small{color:var(--text-2);margin-left:3px;font-size:14px}.todo__list{gap:6px;display:grid}.todo__list a{color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;font-size:14px;display:flex}.todo__list a:hover{background:var(--surface-3)}.todo__list svg{color:var(--primary);flex:none}.todo__list b{text-align:center;background:var(--parent-accent);color:#fff;border-radius:999px;min-width:26px;margin-left:auto;padding:1px 8px;font-size:12px}.course-split{flex-wrap:wrap;justify-content:center;align-items:center;gap:18px;display:flex}.course-split__list{flex:1;gap:10px;min-width:170px;display:grid}.course-split__list li{grid-template-columns:12px 1fr auto auto;align-items:center;gap:10px;font-size:14px;display:grid}.notice-list{display:grid}.notice-list li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:10px 0;display:flex}.notice-list li:last-child{border-bottom:0}.notice-list__icon{border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.kind-event{background:var(--parent-soft);color:var(--parent-accent)}.kind-schedule{background:var(--primary-soft);color:var(--primary)}.kind-info{background:var(--surface-3);color:var(--text-2)}.notice-list__body{flex:1;min-width:0;line-height:1.4;display:grid}.notice-list__body strong{font-size:14px}.notice-list__body small{color:var(--text-2);font-size:13px}.notice-list time{align-self:flex-start;font-size:13px}.activity-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.activity-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.activity-card__media{position:relative}.activity-card__media .thumb{border-radius:0}.activity-card__tag{position:absolute;bottom:-10px;left:10px}.activity-card__body{gap:6px;padding:16px 12px 12px;display:grid}.activity-card__body h3{font-size:15px}.drive{color:var(--text-2);justify-items:start;gap:10px;font-size:13px;display:grid}.drive__logo{background:var(--success-soft);width:48px;height:48px;color:var(--success);border-radius:14px;place-items:center;display:grid}.status-ok{color:var(--success);align-items:center;gap:6px;font-size:13px;font-weight:700;display:inline-flex}.status-ok .dot{background:var(--success);border-radius:50%;width:8px;height:8px}.sys{gap:12px;display:grid}.sys li{grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:4px 10px;font-size:14px;display:grid}.sys li>span{line-height:1.35;display:grid}.sys small{color:var(--muted);font-size:12px}.sys .progress{grid-column:2/4}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.filters select{width:auto;min-width:150px}.filters__new{margin-left:auto}.search{border:1px solid var(--border-strong);background:var(--surface-2);min-width:200px;max-width:320px;color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 12px;display:flex}.search input{width:100%;color:var(--text);background:0 0;border:0;outline:none;padding:10px 0}.search:focus-within{box-shadow:var(--focus)}.table-scroll{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:14px}.table th{text-align:left;color:var(--text-2);background:var(--surface-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:12px;font-weight:700}.table td{border-bottom:1px solid var(--border);vertical-align:middle;white-space:nowrap;padding:10px 14px}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.cell-progress{min-width:150px}.cell-progress__in{align-items:center;gap:8px;display:flex}.cell-progress span{text-align:right;width:36px;font-size:13px}.course-dot{vertical-align:middle;border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.table-foot{text-align:right;padding-top:10px}.link-list{display:grid}.link-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1.3fr) 24px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 0;display:grid}.link-row:last-child{border-bottom:0}.link-row__who{display:grid}.link-row__act{align-items:center;gap:8px;display:flex}.av-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;display:grid}.av-item{border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;align-items:center;gap:14px;padding:14px;display:flex}.av-item__meta{flex:1;min-width:100px;display:grid}.av-item__act{gap:8px;width:100%;display:flex}.sec-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.sec-list{display:grid}.sec-list li{border-bottom:1px solid var(--border);align-items:flex-start;gap:12px;padding:10px 0;display:flex}.sec-list li:last-child{border-bottom:0}.sec-list li>span{display:grid}.sec-list small{color:var(--text-2);font-size:13px}.sec-list li.is-warn{background:var(--warning-soft);border-radius:10px;margin:0 -10px;padding:10px}.draft-list{display:grid}.draft-list li{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0;display:flex}.draft-list li:last-child{border-bottom:0}.draft-list__text{flex:1;min-width:160px}.tcards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.tcard{align-content:start;gap:12px;display:grid}.tcard__head{align-items:center;gap:12px;display:flex}.tcard__head>div{flex:1;line-height:1.35;display:grid}.tcard__progress{align-items:center;gap:10px;font-size:13px;display:flex}.tcard__last{background:var(--surface-2);border-radius:12px;gap:4px;padding:10px 12px;font-size:14px;display:grid}.tcard__last .pill{margin-left:6px}.post-layout{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:18px;display:grid}.post-form{gap:18px;display:grid}.post-preview{position:sticky;top:80px}.post-preview .card{gap:12px;display:grid}.preview-empty{aspect-ratio:16/10;border:2px dashed var(--border-strong);color:var(--muted);border-radius:12px;place-items:center;display:grid}.preview-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.student-pick{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.student-pick__item{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;align-items:center;gap:8px;padding:5px 14px 5px 5px;font-weight:700;display:inline-flex}.student-pick__item.is-on{border-color:var(--teacher-accent);background:var(--teacher-soft);color:var(--teacher-accent)}.photo-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.photo-slot{aspect-ratio:1;border:2px dashed var(--border-strong);background:var(--surface-2);color:var(--muted);border-radius:12px;place-content:center;justify-items:center;gap:4px;padding:0;font-size:12px;display:grid;position:relative;overflow:hidden}.photo-slot.is-filled{border:0}.photo-slot.is-filled .thumb{height:100%;position:absolute;inset:0}.photo-slot__x{color:#fff;opacity:0;background:#0000008c;border-radius:999px;padding:1px 8px;font-size:11px;transition:opacity .15s;position:absolute;top:6px;right:6px}.photo-slot.is-filled:hover .photo-slot__x,.photo-slot.is-filled:focus-visible .photo-slot__x{opacity:1}.voices{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.voice{border-radius:var(--radius-lg);gap:8px;padding:16px 18px;font-size:15px;display:grid}.voice--student{background:var(--parent-soft)}.voice--teacher{background:var(--primary-soft)}.voice__who{font-family:var(--font-display);align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.voice--student .voice__who{color:var(--parent-accent)}.voice--teacher .voice__who{color:var(--primary)}.student{gap:18px;display:grid}.hello{border-radius:var(--radius-lg);color:#fff;background:radial-gradient(circle at 85% 20%,#ffffff40,#0000 35%),linear-gradient(110deg,#1d4ed8 0%,#2b7bf3 55%,#33b5e5 100%);padding:22px 26px;box-shadow:0 10px 30px #2563eb40}.hello h1{font-size:clamp(20px,3vw,28px);font-weight:800}.hello__date{opacity:.85;font-weight:700}.hello p:last-child{opacity:.92;margin-top:4px}.goal__body{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:20px;display:grid}.goal__main{gap:12px;display:grid}.goal__main h2{font-size:20px}.goal__btns{flex-wrap:wrap;gap:8px;display:flex}.steps{gap:8px;display:grid}.steps li{align-items:center;gap:10px;font-size:15px;display:flex}.steps__box{border:2px solid var(--border-strong);color:#fff;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.steps li.is-done .steps__box{background:var(--success);border-color:var(--success)}.steps li.is-done{color:var(--text-2)}.mission-row{grid-auto-columns:minmax(220px,1fr);grid-auto-flow:column;gap:14px;padding-bottom:4px;display:grid;overflow-x:auto}.mission-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.mission{border:2px solid var(--border);background:var(--surface);border-radius:16px;grid-template-rows:auto 1fr;transition:border-color .15s,transform .15s;display:grid;overflow:hidden}.mission:hover{transform:translateY(-2px)}.mission.is-on{border-color:var(--primary)}.mission .thumb{border-radius:0;aspect-ratio:16/8!important}.mission__body{align-content:start;gap:8px;padding:12px;display:grid}.mission__body h3{font-size:16px}.mission__sum{color:var(--text-2);font-size:13px}.mission__foot{align-items:center;gap:8px;display:flex}.stars{color:#f5b301;display:inline-flex}.work-row,.work-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;display:grid}.work{border:1px solid var(--border);background:var(--surface);border-radius:14px;overflow:hidden}.work .thumb{border-radius:0}.work__body{gap:6px;padding:10px 12px 12px;display:grid}.work__body h3{font-size:15px}.work__foot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.work__foot time{margin-left:auto;font-size:12px}.records{display:grid}.record{border-bottom:1px solid var(--border);grid-template-columns:74px minmax(0,1fr) 84px;align-items:start;gap:14px;padding:14px 0;display:grid}.record:last-child{border-bottom:0}.record__date{justify-items:center;gap:4px;font-size:14px;font-weight:700;display:grid}.record__w{background:var(--primary-soft);color:var(--primary);border-radius:8px;padding:0 12px;font-size:13px}.record__main{gap:6px;display:grid}.record__main h3{font-size:16px}.record__main p{color:var(--text-2);font-size:14px}.record__tags{flex-wrap:wrap;gap:6px;display:flex}.record__teacher{background:var(--surface-2);border-radius:10px;padding:8px 10px}.record__thumb{width:84px}.reflect{gap:22px;max-width:760px;display:grid}.reflect fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.reflect legend{font-family:var(--font-display);margin-bottom:10px;font-size:17px;font-weight:800}.mood{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.mood__btn{border:2px solid var(--border);background:var(--surface);font-weight:800;font-family:var(--font-display);border-radius:16px;justify-items:center;gap:6px;padding:18px 10px;font-size:16px;display:grid}.mood__btn.tone-green{color:var(--success)}.mood__btn.tone-blue{color:var(--primary)}.mood__btn.tone-orange{color:var(--warning)}.mood__btn.is-on{background:color-mix(in srgb, currentColor 10%, var(--surface));border-color:currentColor}.me-avatar{font-family:var(--font-display);align-items:center;gap:16px;margin-bottom:20px;font-size:20px;display:flex}.preset-grid{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:10px;display:grid}.preset{background:var(--surface-2);color:var(--text-2);border:2px solid #0000;border-radius:14px;justify-items:center;gap:4px;padding:10px 4px;font-size:12px;font-weight:700;display:grid}.preset.is-on{border-color:var(--primary);background:var(--primary-soft);color:var(--primary)}.selfcheck{background:var(--surface-2);border-radius:14px;grid-template-columns:120px minmax(0,1fr);gap:16px;margin-top:16px;padding:14px;display:grid}.selfcheck img{object-fit:cover;border-radius:50%;width:120px;height:120px}.selfcheck>div{gap:8px;display:grid}.selfcheck__title{color:var(--primary);align-items:center;gap:6px;font-weight:800;display:flex}.parent{gap:18px;display:grid}.child-head{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.child-head__main{flex:1;min-width:140px}.child-head h1{font-size:22px}.child-switch{flex-wrap:wrap;gap:6px;display:flex}.child-switch button{border:1px solid var(--border-strong);background:var(--surface);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 4px;font-size:14px;font-weight:700;display:inline-flex}.child-switch button.is-on{border-color:var(--parent-accent);background:var(--parent-soft);color:var(--parent-accent)}.week{gap:12px;display:grid}.week__media{grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:10px;height:clamp(200px,32vw,360px);display:grid}.week__media>.thumb{height:100%;aspect-ratio:auto!important}.week__media:has(>:only-child){grid-template-columns:1fr}.week__subs{grid-auto-rows:1fr;gap:10px;min-height:0;display:grid}.week__subs .thumb{height:100%;aspect-ratio:auto!important}.week__title{font-size:20px}.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.ring-wrap{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.ring-num{font-family:var(--font-display);font-size:30px}.ring-num small{font-size:15px}.ring-legend{gap:8px;font-size:14px;display:grid}.ring-legend li{align-items:center;gap:8px;display:flex}.ring-legend b{margin-left:10px}.skills{gap:12px;margin-bottom:8px;display:grid}.skills li{gap:4px;font-size:14px;display:grid}.work-mini{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.work-mini__item{text-align:left;background:0 0;border:0;gap:4px;padding:0;display:grid;position:relative}.work-mini__item strong{font-size:13px;line-height:1.35}.work-mini__item small{font-size:11px}.work-mini__item:disabled{opacity:.6}.work-mini__open{color:#fff;background:#00000080;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:11px;display:inline-flex;position:absolute;top:6px;right:6px}.certs{gap:12px;display:grid}.certs li{align-items:center;gap:12px;display:flex}.certs li>span:nth-child(2){flex:1;line-height:1.35;display:grid}.certs strong{font-family:var(--font-display);font-size:16px}.certs__icon{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;display:grid}.certs__icon.exam{color:#b07d00;background:#fff4d6}.certs__icon.contest{background:var(--parent-soft);color:var(--parent-accent)}@media (width<=1280px){.dash-course{grid-column:span 8}.dash-week{grid-column:span 7}.dash-notice{grid-column:span 5}.dash-recent,.dash-table{grid-area:auto/span 12}.dash-side{grid-area:auto/span 12;grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1080px){.post-layout{grid-template-columns:1fr}.post-preview{position:static}.activity-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.shell__body{grid-template-columns:1fr}.sidenav{z-index:30;padding:6px 6px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);gap:2px;display:flex;position:fixed;inset:auto 0 0;overflow-x:auto;box-shadow:0 -4px 16px #11204614}.sidenav__item{flex-direction:column;flex:1 0 auto;justify-content:center;gap:2px;min-width:64px;padding:6px 8px;font-size:11px}.main{padding-bottom:96px}.usermenu__name{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-course,.dash-week,.dash-notice{grid-column:span 12}.dash-side,.two-col,.voices,.sec-grid,.progress-grid{grid-template-columns:1fr}.login{grid-template-columns:1fr;padding:20px 16px}.login__demo{order:-1}}@media (width<=600px){body{font-size:14px}.card{border-radius:16px;padding:16px}.main{gap:14px;padding-left:12px;padding-right:12px}.topbar{padding:8px 12px}.logo__text{font-size:18px}.demo-chip{display:none}.role-grid{grid-template-columns:1fr}.activity-row{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:72%;grid-auto-flow:column;padding-bottom:6px;overflow-x:auto}.activity-card{scroll-snap-align:start}.goal__body{grid-template-columns:1fr}.goal__thumb{max-width:260px}.record{grid-template-columns:56px minmax(0,1fr)}.record__thumb{display:none}.mood{gap:8px}.mood__btn{padding:14px 4px;font-size:14px}.photo-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.link-row{grid-template-columns:1fr;gap:8px}.link-row>svg{display:none}.work-mini{grid-template-columns:repeat(2,minmax(0,1fr))}.selfcheck{grid-template-columns:1fr}.search{max-width:none}.filters select{flex:1}.filters__new{width:100%;margin-left:0}.stat__value{font-size:24px}.stat__icon{width:44px;height:44px}}.today{gap:18px;width:100%;max-width:880px;margin:0 auto;display:grid}.today__head h1{font-size:clamp(22px,3.2vw,30px);font-weight:800}.today__head p{color:var(--text-2);margin-top:4px;font-size:1.05em}.today__body{gap:16px;display:grid}.stepbar{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.stepbar li{background:var(--surface);border:2px solid var(--border);color:var(--muted);font-weight:700;font-family:var(--font-display);border-radius:14px;align-items:center;gap:10px;padding:10px 14px;display:flex;position:relative}.stepbar__dot{background:var(--surface-3);width:30px;height:30px;color:var(--text-2);border-radius:50%;flex:none;place-items:center;font-size:15px;display:grid}.stepbar li.is-now{border-color:var(--primary);color:var(--primary);background:var(--primary-soft)}.stepbar li.is-now .stepbar__dot{background:var(--primary);color:#fff}.stepbar li.is-done{color:var(--success)}.stepbar li.is-done .stepbar__dot{background:var(--success);color:#fff}.lasttime{background:var(--surface-2);border:1px dashed var(--border-strong);border-radius:14px;gap:6px;padding:14px 16px;font-size:14px;display:grid}.lasttime__label{color:var(--text-2);font-weight:700}.lasttime__teacher b{color:var(--primary);margin-right:8px}.bigcard{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;gap:16px;padding:clamp(18px,3vw,28px);display:grid}.bigcard--qureo{border:2px solid color-mix(in srgb, var(--c-qureo) 45%, transparent)}.bigcard__eyebrow{font-family:var(--font-display);color:var(--primary);letter-spacing:.04em;font-size:15px;font-weight:800}.bigcard__main{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:18px;display:grid}.bigcard__text{gap:8px;display:grid}.bigcard__chapter{color:var(--muted);font-weight:700}.bigcard__text h2,.bigcard__title{text-wrap:balance;font-size:clamp(22px,3vw,28px);font-weight:800}.bigcard__meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.bigcard__hint{color:var(--warning);align-items:center;gap:6px;font-size:14px;font-weight:700;display:inline-flex}.cta{background:var(--primary);color:#fff;width:100%;font-family:var(--font-display);letter-spacing:.04em;border:0;border-radius:18px;justify-content:center;align-items:center;gap:10px;padding:18px 24px;font-size:20px;font-weight:800;transition:transform .1s,background .15s,box-shadow .15s;display:inline-flex;box-shadow:0 8px 22px #2563eb4d}.cta:hover:not(:disabled){background:var(--primary-strong)}.cta:active:not(:disabled){transform:translateY(2px);box-shadow:0 4px 12px #2563eb4d}.cta:disabled{background:var(--surface-3);color:var(--muted);box-shadow:none;cursor:not-allowed}.cta--finish{background:var(--success);box-shadow:0 8px 22px #16a34a47}.cta--finish:hover:not(:disabled){background:#12863d}.cta--soft{background:var(--primary-soft);color:var(--primary);box-shadow:none}.cta--soft:hover{background:var(--primary-soft);filter:brightness(.97)}.linkish{color:var(--text-2);text-underline-offset:3px;background:0 0;border:0;justify-self:center;padding:4px 8px;font-size:14px;text-decoration:underline}.linkish--back{justify-self:start;align-items:center;gap:2px;padding-left:0;text-decoration:none;display:inline-flex}.choices{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.choice{text-align:left;border:2px solid var(--border);background:var(--surface-2);border-radius:18px;justify-items:start;gap:6px;padding:18px;transition:border-color .15s,background .15s;display:grid}.choice:hover{border-color:var(--border-strong)}.choice.is-on{border-color:var(--primary);background:var(--primary-soft)}.choice__icon{background:var(--surface);width:48px;height:48px;color:var(--primary);border-radius:14px;place-items:center;display:grid}.choice strong{font-family:var(--font-display);font-size:18px}.choice small{color:var(--text-2);font-size:14px}.selfpick{gap:12px;display:grid}.selfpick__or{color:var(--text-2);font-weight:700}.steps--big{gap:10px}.stepcheck{border:2px solid var(--border);background:var(--surface-2);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:17px;display:flex}.stepcheck .steps__box{border-radius:9px;width:28px;height:28px}.stepcheck.is-done{border-color:color-mix(in srgb, var(--success) 50%, transparent);background:var(--success-soft);color:var(--text-2)}.stepcheck.is-done .steps__box{background:var(--success);border-color:var(--success)}.subactions{flex-wrap:wrap;gap:8px;display:flex}.reflect2 fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.reflect2 legend{font-family:var(--font-display);margin-bottom:10px;font-size:18px;font-weight:800}.reflect2 textarea{border:1px solid var(--border-strong);background:var(--surface);resize:vertical;border-radius:12px;width:100%;padding:12px 14px;font-size:16px}.bigcard--done{text-align:center;justify-items:center}.done__icon{background:var(--success-soft);width:84px;height:84px;color:var(--success);border-radius:50%;place-items:center;display:grid}.bigcard--done h2{font-size:28px}.done__list{text-align:left;gap:8px;width:100%;max-width:520px;margin:0;display:grid}.done__list>div{background:var(--surface-2);border-radius:12px;grid-template-columns:110px minmax(0,1fr);gap:10px;padding:10px 14px;display:grid}.done__list dt{color:var(--muted);font-size:14px;font-weight:700}.done__list dd{margin:0;font-weight:700}.bigcard--done .cta{max-width:360px}.mode-easy{font-size:17px}.mode-easy .today__head h1{font-size:clamp(26px,4vw,34px)}.mode-easy .stepbar li{padding:12px 16px;font-size:18px}.mode-easy .cta{padding:22px;font-size:24px}.mode-easy .choice strong{font-size:21px}.mode-easy .chip-btn{padding:10px 18px;font-size:17px}.mode-easy .mood__btn{padding:22px 8px;font-size:19px}.mode-easy .stepcheck{font-size:19px}.shell.mode-easy .sidenav__item{font-size:17px}.mode-detailed .bigcard{border-radius:16px}.mode-detailed .cta{letter-spacing:.02em;border-radius:14px;padding:15px 22px;font-size:18px}.mode-detailed .choice{border-radius:14px}.role-card.is-open{border-color:var(--rc)}.demo-students{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);gap:8px;margin-top:14px;padding:14px;display:grid}.demo-student{border:1px solid var(--border);background:var(--surface-2);text-align:left;border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.demo-student:hover{border-color:var(--student-accent)}.demo-student>span{line-height:1.35;display:grid}.demo-student small{color:var(--muted)}.usermenu__mode{color:var(--muted);padding:8px 12px 4px;font-size:12px}.phase-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.phase-count{border-radius:12px;justify-content:space-between;align-items:center;padding:12px 14px;font-weight:700;display:flex}.phase-count b{font-size:24px;font-family:var(--font-display)}.tone-gray{background:var(--surface-3);color:var(--text-2)}.tcard__head .pill{flex:none}.nowlearn{background:var(--surface-2);border-radius:12px;gap:4px;margin-top:14px;padding:12px 14px;display:grid}.nowlearn__grade{color:var(--parent-accent);font-size:14px;font-weight:700}@media (width<=600px){.stepbar li{text-align:center;flex-direction:column;gap:4px;padding:8px 4px;font-size:13px}.mode-easy .stepbar li{font-size:15px}.bigcard__main{grid-template-columns:1fr}.bigcard__thumb{max-width:220px}.phase-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.done__list>div{grid-template-columns:1fr;gap:2px}}.qureo-note{background:color-mix(in srgb, var(--c-qureo) 10%, var(--surface));color:var(--text-2);border-radius:12px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:14px;display:flex}.qureo-note svg{color:var(--c-qureo);flex:none;margin-top:2px}.bigcard--center{text-align:center;justify-items:center}.bigcard--center .cta{max-width:420px}.done__icon--idea{background:var(--warning-soft);color:var(--warning)}.plan-head{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:18px;display:grid}.plan-head:not(:has(img)){grid-template-columns:1fr}.plan-head__sketch{aspect-ratio:16/10;object-fit:contain;border:1px solid var(--border);background:#fff;border-radius:14px;width:100%}.plan-head__text{gap:8px;min-width:0;display:grid}.feature-pick{gap:8px;display:grid}.feature-pick__item{border:2px solid var(--border);background:var(--surface-2);text-align:left;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;font-size:17px;font-weight:700;display:flex}.feature-pick__item.is-on{border-color:var(--primary);background:var(--primary-soft)}.feature-pick__item .pill{margin-left:auto}.feature-pick__radio{border:2px solid var(--border-strong);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid}.feature-pick__item.is-on .feature-pick__radio{border-color:var(--primary);box-shadow:inset 0 0 0 5px var(--surface), inset 0 0 0 12px var(--primary)}.subactions--center{justify-content:center}.subactions .chip-btn{text-decoration:none}.plan{gap:18px;width:100%;max-width:880px;margin:0 auto;display:grid}.plan__card{gap:12px;display:grid}.plan__card .form-grid{margin:0}.plan__h{margin-bottom:10px;font-size:17px}.plan textarea{width:100%}.idea-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;display:grid}.idea{text-align:left;border:1px solid var(--border);background:var(--surface-2);border-radius:12px;gap:2px;padding:10px 12px;display:grid}.idea small{color:var(--text-2)}.feature-edit{gap:8px;margin:12px 0;display:grid}.feature-edit li{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:10px 12px;display:flex}.feature-edit li.is-done .feature-edit__label{color:var(--muted);text-decoration:line-through}.feature-edit__label{flex:1;min-width:0;font-weight:700}.feature-add{gap:8px;display:flex}.feature-add input{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;flex:1;min-width:0;padding:10px 12px;font-size:15px}.seg--mini{margin:0;padding:3px}.seg--mini button{padding:4px 10px;font-size:13px}.icon-step{border:1px solid var(--border-strong);background:var(--surface);width:32px;height:32px;color:var(--text-2);border-radius:10px;flex:none;place-items:center;display:grid}.icon-step:disabled{opacity:.4}.sketch{gap:10px;display:grid}.sketch__tools{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.sketch__color{border:3px solid var(--surface);width:32px;height:32px;box-shadow:0 0 0 1px var(--border-strong);border-radius:50%}.sketch__color.is-on{box-shadow:0 0 0 3px var(--primary)}.sketch__tool{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);border-radius:10px;align-items:center;gap:4px;padding:6px 10px;font-size:13px;font-weight:700;display:inline-flex}.sketch__tool.is-on{background:var(--primary-soft);color:var(--primary);border-color:var(--primary)}.sketch__sep{background:var(--border);width:1px;height:24px;margin:0 4px}.sketch__canvas{aspect-ratio:16/10;border:2px dashed var(--border-strong);touch-action:none;cursor:crosshair;background:#fff;border-radius:14px;width:100%;max-width:100%}.qlist{display:grid}.qrow{border-bottom:1px solid var(--border);grid-template-columns:minmax(150px,1fr) minmax(220px,1.6fr) auto auto;align-items:center;gap:10px 16px;padding:14px 0;display:grid}.qrow:last-child{border-bottom:0}.qrow__who{align-items:center;gap:10px;display:flex}.qrow__who>span{line-height:1.35;display:grid}.qrow__chapter{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.qrow__chapter select{border:1px solid var(--border-strong);background:var(--surface);border-radius:10px;max-width:100%;padding:8px}.qrow__chapterbtn{text-align:left;background:0 0;border:0;border-radius:8px;min-width:0;padding:4px 6px;display:grid}.qrow__chapterbtn:hover{background:var(--surface-2)}.qrow__lesson{white-space:nowrap;align-items:center;gap:8px;font-size:14px;display:flex}.qrow__lesson b{font-size:18px;font-family:var(--font-display)}.qrow__exam{background:var(--surface-2);border-radius:10px;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px;padding:8px 12px;display:flex}.qrow__exam select{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;padding:6px 8px}.qrow__exam .pill{gap:4px}.exam-banner{border-color:color-mix(in srgb, #b07d00 35%, var(--border));background:color-mix(in srgb, #fff4d6 55%, var(--surface));align-items:center;gap:14px;display:flex}.exam-banner>div{gap:4px;display:grid}.plan-card__title{font-size:19px}.feature-mini{gap:4px;font-size:14px;display:grid}.feature-mini li.is-done{color:var(--success);font-weight:700}@media (width<=900px){.qrow{grid-template-columns:1fr auto}.qrow__chapter{grid-column:1/-1}}@media (width<=600px){.plan-head{grid-template-columns:1fr}.plan-head__sketch{max-width:320px}.feature-edit li{flex-wrap:wrap}}