@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400-latin.woff2) format("woff2");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:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-500-latin.woff2) format("woff2");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:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700-latin.woff2) format("woff2");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:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-800-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EEF1}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/tajawal-800-latin.woff2) format("woff2");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:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600-latin.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin.woff2) format("woff2")}:root{--teal: #1a73e8;--teal-dark: #145fcb;--teal-tint: #e8f1fe;--brand-gradient: linear-gradient(135deg, #2a82f0, #145fcb);--brand-green: #00c4a7;--brand-green-tint: #dcfaf3;--mint: #2ce0be;--amber: #f59e0b;--bg: #f4f6fb;--surface: #ffffff;--ink: #111827;--muted: #7a828d;--line: #e4e9f0;--danger: #e11d48;--radius: 16px;--shadow: 0 1px 3px rgba(16, 24, 40, .06);--shadow-lg: 0 8px 24px rgba(16, 24, 40, .1);--font-brand: "Poppins", "Tajawal", sans-serif;font-family:Tajawal,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Arabic,Segoe UI,Tahoma,Noto Naskh Arabic,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--bg);display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;background:var(--brand-gradient);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.header .title{font-size:1.15rem;font-weight:700;margin:0}.header-logo{display:block;height:44px;width:auto;flex-shrink:0}.header-right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.header-icon-btn{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.header-icon-btn:active{background:#ffffff47}.header-icon-btn svg{display:block}.sync-pill{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;background:#ffffff2e;color:#fff}.sync-dot{width:8px;height:8px;border-radius:50%;flex:none}.sync-ok .sync-dot{background:var(--mint);box-shadow:0 0 0 3px #2ce0be47}.sync-pending .sync-dot{background:#ffd466;box-shadow:0 0 0 3px #ffd46647}.sync-busy .sync-dot{background:#fff;opacity:.85}.sync-off .sync-dot{background:#ffffff8c}.sync-fail .sync-dot{background:#ff8a80;box-shadow:0 0 0 3px #ff8a8052}.sync-diag{direction:ltr;text-align:left;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;line-height:1.5;white-space:pre-wrap;word-break:break-word;-webkit-user-select:text;user-select:text;background:#f6f7f9;color:#1e293b;border:1px solid #e3e6ea;border-radius:8px;padding:10px;margin:8px 0 0;max-height:40vh;overflow:auto}.sync-code-box{background:#fff7ed;border:1px solid #fed7aa;border-radius:12px;padding:12px 14px;margin-bottom:12px}.sync-code{display:block;direction:ltr;text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.06em;color:#7c2d12;background:#fff;border:1px dashed #fdba74;border-radius:8px;padding:10px 6px;margin:8px 0;-webkit-user-select:all;user-select:all;word-break:break-all}.sync-code-actions{display:flex;gap:8px}.sync-code-actions>*{flex:1}.sync-freshness{display:flex;align-items:flex-start;gap:10px;background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:12px;padding:10px 12px;font-size:.84rem;line-height:1.6;margin-bottom:10px}.sync-freshness>div{flex:1;min-width:0}.sync-freshness .btn{flex:none;padding:6px 10px;font-size:.8rem;white-space:nowrap}.info-box{background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:12px;padding:12px 14px;font-size:.86rem;line-height:1.7;text-align:start;margin-bottom:12px}.welcome-card code{background:#f1f5f9;border-radius:6px;padding:1px 5px;font-size:.85em}.screen{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.content{padding:18px;flex:1}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.section-title h2{font-size:1.05rem;margin:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.list-item{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid transparent;transition:border-color .15s}.list-item:active{border-color:var(--teal-tint)}.list-item .primary{font-weight:600}.list-item .secondary{font-size:.85rem;color:var(--muted);margin-top:2px}.list-item .chevron{margin-inline-start:auto;color:var(--muted);display:grid;place-items:center}.list-item .chevron svg{display:block}.roster-badge{min-width:34px;height:34px;padding:0 6px;border-radius:10px;background:var(--teal-tint);color:var(--teal-dark);font-weight:700;display:grid;place-items:center;font-size:.9rem}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--teal-tint);color:var(--teal-dark);font-size:.78rem;font-weight:600}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 18px;font-size:.98rem;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.btn-primary{background:var(--teal);color:#fff}.btn-primary:active{background:var(--teal-dark)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--teal-dark);border:1px solid var(--line)}.btn-block{width:100%}.btn-danger{background:transparent;color:var(--danger);border:1px solid #fecaca}.btn-sm{padding:8px 12px;font-size:.85rem;border-radius:10px}.gender-pick{display:flex;gap:8px;margin-bottom:14px}.gender-pick .btn{flex:1}.field{margin-bottom:14px}.field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--ink)}.input,.textarea,.select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--surface);color:var(--ink)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint)}.textarea{min-height:180px;resize:vertical;line-height:1.9}.hint{font-size:.82rem;color:var(--muted);margin-top:6px}.error{color:var(--danger);font-size:.85rem;margin-top:6px}.success-box{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px;padding:12px 14px;font-size:.86rem;line-height:1.7;text-align:start}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;right:0;width:min(340px,88vw);background:var(--bg);z-index:61;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-4px 0 24px #0f172a2e;padding-top:env(safe-area-inset-top,0px)}.drawer.is-open{transform:translate(0)}.drawer-head{display:flex;align-items:center;gap:10px;padding:22px 18px;background:var(--brand-gradient);color:#fff}.drawer-head-account{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 auto;background:none;border:none;padding:0;color:inherit;font:inherit;text-align:inherit;cursor:pointer;transition:opacity .12s ease}.drawer-head-account:hover{opacity:.9}.drawer-head-account:active{opacity:.75}.drawer-avatar{width:44px;height:44px;border-radius:50%;background:#fff3;color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.05rem;flex:none}.drawer-identity{min-width:0;line-height:1.3}.drawer-identity-name{font-weight:700;font-size:1rem}.drawer-identity-email{color:#ffffffc7;font-size:.76rem;text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-close{background:#ffffff29;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;cursor:pointer;margin-inline-start:auto;flex:none}.drawer-close:active{background:#ffffff4d}.drawer-body{padding:14px 16px 4px}.drawer-logout{margin-top:2px}@media (min-width: 960px){.app{max-width:none;margin:0;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.app.drawer-collapsed{grid-template-columns:minmax(0,1fr)}.header{grid-column:2;grid-row:1}.app.drawer-collapsed .header{grid-column:1}.screen{grid-column:2;grid-row:2;overflow-y:auto}.app.drawer-collapsed .screen{grid-column:1}.content{width:100%;max-width:920px;margin:0 auto;padding:28px 32px}.drawer-backdrop{display:none}.drawer{position:sticky;top:0;grid-column:1;grid-row:1 / 3;width:100%;max-width:none;height:100vh;transform:none;box-shadow:none;border-inline-start:1px solid var(--line)}.app.drawer-collapsed .drawer{display:none}.bottom-nav{inset-inline-start:300px;inset-inline-end:0;max-width:920px}.app.drawer-collapsed .bottom-nav{inset-inline-start:0}}.account-line{display:flex;align-items:center;gap:8px;font-size:.95rem}.account-card-btn{text-align:inherit;color:inherit;font:inherit;border:none;transition:box-shadow .15s ease,transform .05s ease}.account-card-btn:hover{box-shadow:var(--shadow-lg, var(--shadow))}.account-card-btn:active{transform:scale(.995)}.account-line+.account-line{margin-top:6px}.account-email{color:var(--muted);font-size:.85rem;justify-content:flex-end}.subscription-status{border-radius:12px;padding:12px 14px;font-weight:700;font-size:.95rem;margin-bottom:14px}.subscription-status.is-active{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.subscription-status.is-off{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty-icon{display:flex;justify-content:center;margin-bottom:10px;color:#cbd5e1}.empty-guide .empty-title{margin:0 0 6px;color:var(--text);font-weight:700;font-size:1.02rem}.empty-guide .empty-why{margin:0;max-width:34rem;margin-inline:auto;line-height:1.75}.empty-guide .empty-action{margin-top:16px;min-width:12rem}.empty-guide .empty-link{margin-top:10px}.review-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.review-row:last-child{border-bottom:none}.review-row .num{min-width:28px;color:var(--muted);font-size:.85rem;text-align:center}.review-row .input{flex:1;padding:8px 12px}.link-card{margin-top:12px;padding:13px 15px;border-radius:12px;background:var(--teal-tint);border:1px solid rgba(0,165,140,.35)}.link-head{display:flex;align-items:center;gap:8px;color:var(--teal-dark);font-size:.92rem}.link-head svg{flex:none}.link-lede{margin:7px 0 0;font-size:.84rem;color:var(--ink);line-height:1.85}.link-list{list-style:none;margin:11px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.link-row{display:flex;align-items:center;gap:10px;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:9px 11px}.link-row input[type=checkbox]{flex:none;width:17px;height:17px;accent-color:var(--teal)}.link-roster{flex:none;min-width:26px;text-align:center;font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.link-name{flex:1;font-size:.9rem;font-weight:600;color:var(--ink);min-width:0}.link-alt{display:block;font-size:.75rem;font-weight:400;color:var(--muted);margin-top:2px}.link-act{flex:none;font-size:.74rem;color:var(--teal-dark);font-variant-numeric:tabular-nums}.link-row:has(input:not(:checked)){opacity:.55}.link-row:has(input:not(:checked)) .link-act{text-decoration:line-through}.link-card.warn{background:#f59e0b1a;border-color:#f59e0b73}.link-card.warn .link-head,.link-card.warn .link-act{color:#92400e}.review-row .input.nid{flex:none;width:122px;font-size:.82rem;text-align:center;letter-spacing:.02em}.review-row .input.nid:placeholder-shown{border-color:var(--amber);background:#f59e0b0f}.review-row .remove{background:transparent;border:none;color:var(--danger);font-size:1.3rem;cursor:pointer;width:34px;height:34px;border-radius:8px}.review-row .remove:active{background:#fee2e2}.update-banner{position:fixed;top:0;inset-inline:0;z-index:100;background:var(--teal-dark);color:#fff;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;font-size:.9rem;font-weight:600;box-shadow:0 2px 10px #0f172a40;animation:sheet-up .2s ease-out}.update-banner--inline{position:static;padding:10px 16px;animation:none}.update-banner-dismiss{background:transparent;color:#fff;border:none;font-size:1rem;line-height:1;padding:6px 8px;cursor:pointer;opacity:.8;font-family:inherit}.update-banner-dismiss:active{opacity:1}.update-banner-btn{background:#fff;color:var(--teal-dark);border:none;border-radius:999px;padding:6px 16px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}.update-banner-btn:active{background:var(--teal-tint)}.offline-ready-toast{position:fixed;bottom:calc(16px + env(safe-area-inset-bottom,0px));inset-inline:0;z-index:100;width:max-content;max-width:90%;margin:0 auto;display:flex;align-items:center;gap:8px;padding:10px 18px;border-radius:999px;background:#0a6b3d;color:#fff;font-size:.85rem;font-weight:700;box-shadow:0 2px 10px #0f172a40;animation:sheet-up .2s ease-out}.hard-refresh-hint{margin-top:6px;font-size:.72rem;font-weight:400;line-height:1.7;color:var(--muted)}.hard-refresh-hint .kbd{display:inline-block;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.72rem;padding:1px 6px;border:1px solid var(--line);border-bottom-width:2px;border-radius:6px;background:var(--surface);color:var(--ink);white-space:nowrap}.hard-refresh-hint.on-dark{flex-basis:100%;margin-top:0;text-align:center;color:#ffffffeb}.hard-refresh-hint.on-dark .kbd{background:#ffffff24;border-color:#ffffff59;color:#fff}.install-card{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-inline-start:3px solid var(--teal);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;margin-bottom:14px}.install-card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:12px;background:var(--teal-tint);color:var(--teal-dark)}.install-card-body{min-width:0;flex:1 1 auto}.install-card-title{font-weight:700;font-size:.95rem;margin-bottom:4px}.install-card-text{margin:0 0 10px;font-size:.85rem;color:var(--muted);line-height:1.7}.install-card-actions{display:flex;gap:8px;flex-wrap:wrap}.install-card-hint{margin:8px 0 0;font-size:.75rem}.install-steps{margin:0 0 4px;padding-inline-start:1.25rem;line-height:2;font-size:.9rem}.install-steps li{margin-bottom:6px}.install-warn{background:#fdf1dd;border:1px solid #f2d9a8;color:#7a4b06;border-radius:12px;padding:12px;font-size:.85rem;line-height:1.8;margin-bottom:12px}.version-stamp{margin-top:auto;padding:14px 18px 18px;text-align:center;color:var(--muted);font-size:.72rem;opacity:.7;letter-spacing:.02em}.version-num{font-weight:600}.version-sha{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:inline-block}.version-stamp-btn{background:transparent;border:none;color:inherit;font:inherit;letter-spacing:inherit;padding:4px 8px;cursor:pointer;border-radius:8px}.version-stamp-btn:active{background:var(--teal-tint)}.version-check-msg{margin-top:6px;font-size:.72rem;color:var(--teal-dark);opacity:.95}.action-bar{display:flex;gap:10px;margin-top:16px}.action-bar .btn{flex:1}.cert-preview{margin:0 0 12px}.cert-preview canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.cert-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal{background:var(--surface);width:100%;max-width:640px;border-radius:20px 20px 0 0;padding:20px;max-height:90vh;overflow-y:auto;animation:sheet-up .2s ease-out}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.modal h3{margin:0;font-size:1.1rem}.modal-close{background:var(--bg);border:1px solid var(--line);color:var(--muted);width:38px;height:38px;border-radius:10px;display:grid;place-items:center;cursor:pointer;flex:none}.modal-close:active{background:var(--line);color:var(--ink)}@media (min-width: 960px){.modal-backdrop{align-items:center;padding:24px}.modal{border-radius:20px;max-height:84vh;animation:dialog-in .16s ease-out}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.welcome{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#2a82f0,#145fcb)}.welcome-card{background:var(--surface);border-radius:22px;padding:28px 26px;width:100%;max-width:400px;box-shadow:0 10px 30px #1018282e;text-align:center}.welcome-card .logo{font-size:3rem;margin-bottom:8px}.welcome-card .brand-mark{display:block;width:72px;height:72px;margin:0 auto 8px}.welcome-card .brand-logo{display:block;width:min(260px,78%);height:auto;margin:4px auto 18px}.welcome-card .brand-word{direction:ltr;margin:0 0 4px;font-family:var(--font-brand);font-size:1.9rem;font-weight:700;letter-spacing:-.03em;color:var(--teal)}.welcome-card h1{margin:0 0 4px;font-size:1.5rem;color:var(--teal-dark)}.welcome-card p{color:var(--muted);margin:0 0 22px;font-size:.95rem}.grade-input{width:90px;text-align:center}.grade-value{font-weight:700;color:var(--teal-dark)}.grade-max{color:var(--muted);font-size:.85rem}.scanner-frame{position:relative;width:100%;aspect-ratio:1 / 1;max-height:70vh;background:#0f172a;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-reticle{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:3px solid rgba(44,224,190,.85);border-radius:18px;box-shadow:0 0 0 100vmax #0b122066;pointer-events:none}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;text-align:center;padding:24px;color:#fff;background:#0f172ab8;font-size:.95rem;line-height:1.7}.scanner-overlay p{margin:0;max-width:320px}.scanner-overlay .emoji{font-size:2.4rem}.scanner-overlay-error{color:#fecaca}.scanner-overlay-error .emoji{color:#fff}.result-accept{background:linear-gradient(160deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff;text-align:center}.composite-hero{padding:12px 8px}.composite-label{font-size:.95rem;opacity:.9}.composite-value{font-size:4rem;font-weight:800;line-height:1.1;margin:4px 0}.composite-formula{font-size:.9rem;opacity:.85;direction:ltr}.detail-list{margin:0;padding:0}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--muted);font-size:.9rem}.detail-row dd{margin:0;font-weight:700;color:var(--ink);text-align:end;word-break:break-word}.scan-classbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);color:var(--ink);border-radius:16px;padding:10px 14px;font-size:.88rem;margin-bottom:12px;box-shadow:var(--shadow)}.scan-classbar strong{font-weight:700}.scan-progress{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:10px 14px;margin-bottom:12px}.scan-progress-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.scan-progress-count{font-size:1rem;color:var(--muted)}.scan-progress-count strong{font-size:1.5rem;font-weight:800;color:var(--teal-dark)}.scan-progress-label{font-size:.85rem;color:var(--muted)}.scan-progress-head .btn{margin-inline-start:auto}.scan-progress-unscanned{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.scan-unscanned-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.85rem;color:var(--ink)}.scan-unscanned-chip .roster{background:var(--teal-tint);color:var(--teal-dark);font-weight:700;border-radius:999px;padding:1px 8px;font-size:.78rem}.scan-confirm{border-radius:var(--radius);padding:16px;margin-top:12px;box-shadow:var(--shadow);animation:sheet-up .16s ease-out}.scan-confirm-idle{background:var(--surface);color:var(--muted);text-align:center;font-size:.9rem}.scan-confirm-idle p{margin:0}.scan-confirm-ok{background:linear-gradient(180deg,#effcf7,#fff);border:1.5px solid #b6ecdd;box-shadow:0 8px 24px #00c4a71f;color:var(--ink)}.scan-confirm-top{display:flex;align-items:center;gap:12px}.scan-confirm-roster{min-width:46px;height:46px;padding:0 8px;border-radius:50%;background:var(--teal-tint);color:var(--teal-dark);font-weight:700;font-size:1.05rem;display:grid;place-items:center;flex:none}.scan-confirm-name{flex:1;font-size:1.4rem;font-weight:700;line-height:1.25;letter-spacing:-.3px;min-width:0}.scan-confirm-status{align-self:flex-start;background:var(--brand-green);color:#fff;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700;white-space:nowrap;flex:none}.scan-confirm-score{display:flex;align-items:baseline;gap:12px;margin-top:14px}.scan-confirm-composite{font-size:3.4rem;font-weight:800;line-height:1;color:var(--teal-dark)}.scan-confirm-cm{display:inline-block;background:var(--teal-tint);color:var(--teal-dark);font-weight:700;font-size:.85rem;padding:7px 12px;border-radius:10px}.scan-confirm-la{margin-top:12px;padding-top:10px;border-top:1px solid #d9f3ea;font-size:.88rem;font-weight:600;color:#374151}.scan-confirm-error{background:#fef2f2;border:1.5px solid #fca5a5;text-align:center}.scan-confirm-error-icon{font-size:2.4rem;line-height:1}.scan-confirm-error-text{font-size:1.2rem;font-weight:700;color:#b91c1c;margin-top:6px}.scan-confirm-notin{background:#fff7ed;border-color:#fdba74}.scan-confirm-notin .scan-confirm-error-text{color:#9a3412}.scan-confirm-blocked{background:#eef2f7;border-color:#cbd5e1}.scan-confirm-blocked .scan-confirm-error-text{color:#334155}.scan-confirm-error .hint{margin-top:6px}.scan-confirm-error .btn{margin-top:12px}.scan-decision{margin-top:12px;border:2px solid var(--amber)}.scan-decision h3{margin:0 0 8px;font-size:1.02rem}.scan-warn-line{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:.88rem;line-height:1.7}.scan-decision-danger{border-color:var(--danger)}.scan-decision-danger h3{color:var(--danger)}.scan-warn-line-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.scan-composite-badge{min-width:42px;padding:4px 10px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;font-size:.95rem;text-align:center}.scan-updated-tag{color:var(--amber);font-size:.8rem;font-weight:700}.record-summary{display:flex;gap:10px;margin-bottom:14px}.record-stat{flex:1;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.record-stat-num{font-size:1.5rem;font-weight:800;color:var(--teal-dark);line-height:1.1}.record-stat-ok{color:#166534}.record-stat-muted{color:var(--muted)}.record-stat-label{font-size:.8rem;color:var(--muted)}.record-table-wrap{padding:4px;overflow-x:auto}.record-table{width:100%;border-collapse:collapse;font-size:.9rem}.record-table th,.record-table td{padding:10px 8px;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}.record-table thead th{color:var(--muted);font-size:.8rem;font-weight:700;position:sticky;top:0;background:var(--surface)}.record-table tbody tr{cursor:pointer}.record-table tbody tr:last-child td{border-bottom:none}.record-table tbody tr.is-selected,.record-table tbody tr:active{background:var(--teal-tint)}.record-table .col-roster{width:34px;color:var(--muted);text-align:center}.record-table .col-name{font-weight:600;white-space:normal;min-width:90px}.record-table .col-score{text-align:center}.record-table .col-lesson{color:var(--ink)}.record-table .col-scan{color:var(--muted);font-size:.82rem}.record-score-badge{display:inline-block;min-width:36px;padding:3px 9px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;font-size:.88rem;text-align:center}.record-dash{color:#cbd5e1;font-weight:700}.result-reject{text-align:center}.result-reject .result-icon{font-size:2.8rem;margin-bottom:6px}.result-reject h3{margin:0 0 8px;color:var(--danger)}.result-reason{color:var(--ink);background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;margin:0 0 16px;font-size:.95rem;line-height:1.7}.pill-danger{background:#fee2e2;color:var(--danger)}.input-cell{width:68px;min-width:68px;padding:4px 6px;text-align:center;font-weight:700}.noor-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.noor-cell .btn-sm{padding:1px 8px;font-size:.72rem}.record-table th .secondary{font-weight:500;font-size:.72rem;opacity:.75}.chip-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;margin:2px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit;font:inherit;font-size:.8rem;cursor:pointer}.chip-btn:hover{background:var(--teal-tint)}.rule-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:.85rem;cursor:pointer}.rule-chip.is-active{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-dark)}.hist-row{display:grid;grid-template-columns:minmax(90px,1.4fr) 2fr auto;grid-template-areas:"label track count" "names names names";align-items:center;gap:6px 8px;padding:6px 0;border-bottom:1px solid var(--line)}.hist-row:last-child{border-bottom:none}.hist-label{grid-area:label;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-track{grid-area:track;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.hist-bar{height:100%;background:var(--brand-green);border-radius:999px}.hist-count{grid-area:count;font-weight:800;font-size:.85rem}.hist-names{grid-area:names}.quad-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 520px){.quad-grid{grid-template-columns:1fr}}.quad{border:1px solid var(--line);border-radius:12px;padding:10px}.quad-advanced{border-color:#86efac;background:#f0fdf4}.quad-behind{border-color:#fca5a5;background:#fef2f2}.quad-fastWeak,.quad-slowStrong{background:var(--card)}.quad-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.quad-hint{font-size:.75rem;opacity:.7;margin:2px 0 6px}.heat-wrap{overflow-x:auto}.heat-table{border-collapse:separate;border-spacing:0;font-size:.72rem}.heat-table th,.heat-table td{border:1px solid var(--line);padding:3px 5px;text-align:center;min-width:34px;white-space:nowrap}.heat-table thead th{vertical-align:bottom;height:108px}.heat-col-label{display:block;writing-mode:vertical-rl;transform:rotate(180deg);max-height:100px;overflow:hidden;text-overflow:ellipsis;font-weight:500}.heat-sticky{position:sticky;inset-inline-start:0;z-index:1;background:var(--card);text-align:start;min-width:110px}.heat-table thead .heat-sticky{z-index:2;height:auto}.print-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lesson-block{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.lesson-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lesson-meta{text-align:end}.station-list{list-style:none;margin:8px 0 0;padding:0}.station-list li{display:grid;grid-template-columns:1fr 90px 46px;align-items:center;gap:8px;padding:3px 0;font-size:.84rem}.station-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.station-fill{display:block;height:100%;background:var(--brand-green);border-radius:999px}.station-score{text-align:end;font-weight:700}@media print{.header,.drawer,.drawer-backdrop,.no-print,.btn,.bottom-nav,.class-tabs{display:none!important}.app,.content{padding:0;margin:0;background:#fff}.print-card{border:none;box-shadow:none;padding:0}.lesson-block{break-inside:avoid;page-break-inside:avoid}.station-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.card{break-inside:avoid;page-break-inside:avoid}.hist-bar,.record-score-badge,.quad,.heat-table td,.heat-table th,.pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.portfolio-item{break-inside:avoid;page-break-inside:avoid}.portfolio-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}.ev-cover{break-after:page;page-break-after:always}.ev-doc-el{break-inside:avoid;page-break-inside:avoid}.ev-doc-head{break-after:avoid;page-break-after:avoid}.ev-doc-list{break-before:avoid;page-break-before:avoid}.ev-doc-list li{break-inside:avoid;page-break-inside:avoid}.ev-doc-src{-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc-chart{break-inside:avoid;page-break-inside:avoid}.doc-chart--flow{break-inside:auto;page-break-inside:auto}.doc-groups-grid .doc-group-card{break-inside:avoid;page-break-inside:avoid}.doc-bar-fill,.doc-bar-track,.doc-kpi-value,.doc-group-label,.doc-heat-table td{-webkit-print-color-adjust:exact;print-color-adjust:exact}.doc-rank-table tr,.doc-quad,.doc-student-lesson{break-inside:avoid;page-break-inside:avoid}.ev-export-bar{display:none!important}.cards-doc-item+.cards-doc-item{break-before:page;page-break-before:always}.cards-doc-item{border:none!important;padding:0!important;margin:0!important}.cards-doc-item .card{break-inside:auto;page-break-inside:auto}body.doc-print .app,body.doc-print .screen,body.doc-print .cards-export,body.doc-print .ev-export{max-width:none!important;width:100%!important;margin:0!important}.cards-export{padding-top:0!important}body.doc-print .cards-export,body.doc-print .print-card,body.doc-print .cards-export *,body.doc-print .print-card *{overflow-wrap:anywhere;min-width:0}.ev-export{padding-top:0!important}}.portfolio-cover{text-align:center;padding:8px 0 16px;border-bottom:2px solid var(--line, #e6e9ef);margin-bottom:16px}.portfolio-cover h1{font-size:1.5rem;color:var(--teal, #0f6f6f)}.portfolio-cover-name{font-size:1.15rem;font-weight:700;margin-top:6px}.portfolio-cover-meta{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center;color:var(--muted, #64748b);font-size:.9rem;margin-top:8px}.portfolio-cover-summary{margin:12px 0 0;font-size:.98rem}.portfolio-list{list-style:none;margin:0;padding:0}.portfolio-item{border:1px solid var(--line, #e6e9ef);border-radius:10px;padding:10px 12px;margin-bottom:10px}.portfolio-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.portfolio-item-title{display:flex;align-items:center;gap:8px;font-weight:700}.portfolio-item-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--teal, #0f6f6f);color:#fff;font-size:.85rem;flex:none}.portfolio-item-tags{display:flex;align-items:center;gap:8px;flex:none}.portfolio-weight{color:var(--muted, #64748b);font-weight:700;font-size:.9rem}.portfolio-status{font-size:.8rem;font-weight:700;border:1px solid currentColor;border-radius:999px;padding:1px 8px}.portfolio-evidence{list-style:none;margin:8px 0 0;padding:0}.portfolio-evidence li{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:.92rem}.portfolio-evidence .ev-ready{color:var(--text, #1e293b)}.portfolio-evidence .ev-ready svg{color:var(--ok, #0a6b3d);flex:none}.portfolio-evidence .ev-pending{color:var(--muted, #64748b)}.portfolio-evidence .ev-pending svg{color:var(--muted, #94a3b8);flex:none}.portfolio-evidence .ev-note{font-size:.8rem;margin-inline-start:4px;font-style:normal;opacity:.85}.portfolio-evidence .ev-preview{color:var(--muted, #475569)}.portfolio-evidence .ev-preview svg{color:var(--muted, #94a3b8);flex:none}.ev-summary{background:var(--surface-2, #f6f7f9);border:1px solid var(--line, #e6e9ef);border-radius:12px;padding:12px 14px;margin:4px 0 16px}.ev-summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.ev-summary-head strong{color:var(--teal, #0f6f6f);font-size:1.02rem}.ev-summary-count{color:var(--muted, #64748b);font-size:.86rem}.ev-summary-note{margin:8px 0 0;font-size:.8rem;color:var(--muted, #64748b);line-height:1.8}.ev-bar{height:8px;border-radius:999px;margin-top:10px;background:var(--line, #e6e9ef);overflow:hidden;display:flex;flex-direction:row-reverse}.ev-bar-fill{display:block;height:100%;background:var(--brand-green, #0a6b3d);border-radius:999px}.ev-brief{margin:6px 0 0;font-size:.86rem;color:var(--muted, #64748b)}.ev-link{display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;text-align:start;cursor:pointer;width:100%}.ev-link:hover span{text-decoration:underline}.ev-lab{color:var(--teal, #0f6f6f);opacity:.75}.ev-manual-only{display:flex;align-items:center;gap:6px;margin:8px 0 0;font-size:.88rem;color:var(--muted, #64748b)}.ev-manual-only svg{flex:none}.ev-card{cursor:pointer}.ev-card:hover{border-color:var(--teal, #0f6f6f)}.ev-card:focus-visible{outline:2px solid var(--teal, #0f6f6f);outline-offset:2px}.ev-card .chevron{display:inline-flex;color:var(--muted, #94a3b8)}.ev-card-meter{display:flex;align-items:center;gap:8px;margin-top:8px}.ev-card-count{font-size:.82rem;color:var(--muted, #64748b);flex:none}.ev-card-empty{display:inline-flex;align-items:center;gap:5px}.ev-card-empty svg{flex:none}.ev-mini-bar{flex:1;height:5px;border-radius:999px;background:var(--line, #e6e9ef);overflow:hidden;display:flex;flex-direction:row-reverse}.ev-mini-fill{display:block;height:100%;background:var(--brand-green, #0a6b3d);border-radius:999px}.ev-el-head{display:flex;align-items:flex-start;gap:10px;margin-bottom:14px}.ev-el-title{font-size:1.05rem;margin:0}.ev-el-sub{font-size:.85rem;color:var(--muted, #64748b);margin-top:3px}.ev-group{margin-bottom:20px}.ev-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:8px;font-size:.92rem;margin:0 0 6px;color:var(--teal, #0f6f6f);border-bottom:1px solid var(--line, #e6e9ef);padding-bottom:5px}.ev-group-count{font-size:.8rem;color:var(--muted, #64748b);font-weight:400}.ev-group-empty{margin:6px 0 0;font-size:.88rem;color:var(--muted, #64748b)}.ev-stored-list{list-style:none;margin:6px 0 0;padding:0}.ev-stored{display:flex;align-items:flex-start;gap:10px;border:1px solid var(--line, #e6e9ef);border-radius:10px;padding:9px 11px;margin-bottom:8px}.ev-stored-icon{color:var(--teal, #0f6f6f);flex:none;margin-top:2px}.ev-stored-body{flex:1;min-width:0}.ev-stored-title{font-weight:700;font-size:.92rem;overflow-wrap:anywhere}.ev-stored-note{font-size:.85rem;color:var(--muted, #475569);margin-top:2px;overflow-wrap:anywhere}.ev-stored-meta{font-size:.78rem;color:var(--muted, #94a3b8);margin-top:3px}.ev-stored-actions{display:flex;gap:2px;flex:none}.ev-del{color:var(--danger, #b42318)}.ev-disclaimer{background:var(--surface-2, #f6f7f9);border-inline-start:3px solid var(--warn, #9a6700);border-radius:8px;padding:9px 11px;margin:0 0 14px;font-size:.86rem;color:var(--text, #1e293b);line-height:1.7}.ev-offline-note{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:.8rem;color:var(--muted, #94a3b8)}.ev-offline-note svg{flex:none}.diag-badge{background:var(--surface-2, #f6f7f9);border:1px solid var(--line, #e6e9ef);border-inline-start:4px solid var(--teal, #0f6f6f);border-radius:10px;padding:10px 12px;margin:4px 0 12px;font-size:.9rem;line-height:1.75;color:var(--muted, #475569)}.diag-badge strong{color:var(--teal, #0f6f6f)}.diag-max{max-width:220px}.task-block{margin-bottom:18px}.task-icon{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2, #f6f7f9);color:var(--muted, #94a3b8)}.task-icon.is-open{color:var(--teal, #0f6f6f)}.task-icon.is-done{background:var(--ok, #0a6b3d);color:#fff}.task-steps{margin:6px 0 0;padding-inline-start:20px}.task-steps li{margin-bottom:7px;font-size:.92rem;line-height:1.75}.task-gate{display:flex;align-items:flex-start;gap:7px;margin:6px 0 0;font-size:.9rem;line-height:1.7}.task-gate svg{flex:none;margin-top:3px}.task-gate.is-open{color:var(--ok, #0a6b3d)}.task-gate.is-shut{color:var(--muted, #475569)}.task-done{display:flex;align-items:flex-start;gap:9px;background:var(--surface-2, #f6f7f9);border:1px solid var(--line, #e6e9ef);border-inline-start:4px solid var(--ok, #0a6b3d);border-radius:10px;padding:10px 12px;margin-bottom:16px;font-size:.92rem;line-height:1.7}.task-done>svg{flex:none;color:var(--ok, #0a6b3d);margin-top:2px}.task-done strong{color:var(--ok, #0a6b3d)}.task-done-meta{font-size:.8rem;color:var(--muted, #94a3b8);margin-top:4px}.task-options{display:flex;flex-direction:column;gap:6px}.task-option{display:flex;align-items:flex-start;gap:9px;cursor:pointer;border:1px solid var(--line, #e6e9ef);border-radius:9px;padding:9px 11px;font-size:.92rem;line-height:1.6}.task-option.is-picked{border-color:var(--teal, #0f6f6f);background:var(--surface-2, #f6f7f9)}.task-option input{margin-top:3px;flex:none}.ev-export-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-2, #f6f7f9);border:1px solid var(--line, #e6e9ef);border-radius:10px;padding:10px 12px;margin-bottom:18px}.ev-cover{text-align:center;padding:18px 0 26px}.ev-cover-logo{max-width:220px;margin:0 auto 18px}.ev-cover-logo .brand-logo{width:100%;height:auto}.ev-cover h1{font-size:1.7rem;color:var(--teal, #0f6f6f);margin:0}.ev-cover-lede{color:var(--muted, #64748b);font-size:.95rem;margin:8px 0 0}.ev-cover-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px;margin:22px auto 0;max-width:480px;text-align:start}.ev-cover-meta>div{border:1px solid var(--line, #e6e9ef);border-radius:9px;padding:8px 11px}.ev-cover-meta dt{font-size:.76rem;color:var(--muted, #94a3b8)}.ev-cover-meta dd{margin:2px 0 0;font-weight:700;font-size:.96rem;overflow-wrap:anywhere}.ev-cover-summary{margin:20px 0 0;font-size:1.02rem;border-top:1px solid var(--line, #e6e9ef);padding-top:14px}.ev-cover-summary strong{color:var(--teal, #0f6f6f)}.ev-cover-scope{margin:10px auto 0;max-width:52ch;font-size:.88rem;color:var(--muted, #475569);line-height:1.8}.ev-cover-scope strong{color:var(--teal, #0f6f6f)}.ev-cover-note{margin:10px auto 0;max-width:52ch;font-size:.8rem;color:var(--muted, #94a3b8);line-height:1.8}.cards-doc-item{border:1px solid var(--line, #e6e9ef);border-radius:12px;padding:14px;margin-bottom:16px;background:var(--card, #fff)}.cards-cover{border-bottom:2px solid var(--line, #e6e9ef);margin-bottom:18px}.ev-doc{list-style:none;margin:0;padding:0}.ev-doc-el{margin-bottom:18px}.ev-doc-head{display:flex;align-items:center;gap:9px;border-bottom:2px solid var(--line, #e6e9ef);padding-bottom:6px}.ev-doc-head h2{flex:1;font-size:1.02rem;margin:0}.ev-doc-no{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--teal, #0f6f6f);color:#fff;font-size:.85rem;font-weight:700}.ev-doc-weight{flex:none;font-weight:700;color:var(--muted, #64748b);font-size:.92rem}.ev-doc-list{list-style:none;margin:8px 0 0;padding:0}.ev-doc-list li{display:flex;align-items:baseline;gap:8px;padding:5px 0;font-size:.9rem;line-height:1.7;border-bottom:1px dashed var(--line, #eef1f5)}.ev-doc-src{flex:none;width:46px;text-align:center;font-size:.7rem;font-weight:700;border-radius:999px;padding:2px 0;background:var(--surface-2, #f6f7f9);color:var(--muted, #64748b);border:1px solid var(--line, #e6e9ef)}.ev-doc-src.is-task{color:var(--teal, #0f6f6f);border-color:var(--teal, #0f6f6f)}.ev-doc-src.is-manual{color:var(--warn, #9a6700);border-color:var(--warn, #9a6700)}.ev-doc-text{flex:1;min-width:0;overflow-wrap:anywhere}.ev-doc-text em{color:var(--muted, #475569);font-style:normal}.ev-doc-level{display:block;font-size:.78rem;font-weight:400;color:var(--teal, #0f6f6f);margin-top:2px}.ev-doc-date{flex:none;font-size:.76rem;color:var(--muted, #94a3b8)}.ev-doc-empty{margin:8px 0 0;font-size:.88rem;color:var(--muted, #94a3b8)}.ev-doc-note{margin:7px 0 0;font-size:.8rem;color:var(--muted, #64748b);border-inline-start:3px solid var(--line, #e6e9ef);padding-inline-start:8px}.ev-doc-foot{margin-top:22px;padding-top:12px;border-top:1px solid var(--line, #e6e9ef);font-size:.78rem;color:var(--muted, #94a3b8);text-align:center}.portfolio-note{margin:8px 0 0;font-size:.86rem;color:var(--muted, #64748b);border-inline-start:3px solid var(--line, #e6e9ef);padding-inline-start:8px}.portfolio-legend{margin-top:14px;font-size:.82rem;color:var(--muted, #64748b);line-height:1.9}.portfolio-evidence-doc{margin-top:20px}.pe-element{margin-top:18px;padding-top:14px;border-top:2px solid var(--line, #e6e9ef)}.pe-el-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--teal, #0f6f6f);margin:0 0 4px}.pe-el-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--teal, #0f6f6f);color:#fff;font-size:.85rem;flex:none}.pe-el-weight{margin-inline-start:auto;color:var(--muted, #64748b);font-size:.85rem;font-weight:700}.pe-intro{color:var(--muted, #64748b);font-size:.86rem;margin:2px 0 10px}.pe-class{margin:10px 0 0}.pe-class-title{display:flex;align-items:center;gap:6px;font-size:.95rem;margin:0 0 6px}.pe-pill{font-size:.72rem;font-weight:700;background:var(--surface-2, #f1f5f9);border-radius:999px;padding:1px 7px;color:var(--muted, #475569)}.pe-stats{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem;margin-bottom:8px}.pe-stats b{color:var(--teal, #0f6f6f)}.pe-table{width:100%;border-collapse:collapse;font-size:.86rem;margin:6px 0 4px}.pe-table th,.pe-table td{border:1px solid var(--line, #e6e9ef);padding:4px 8px;text-align:start}.pe-table thead th{background:var(--surface-2, #f6f7f9);font-weight:700}.pe-quads{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pe-quad{border:1px solid var(--line, #e6e9ef);border-radius:8px;padding:6px 8px}.pe-quad-head{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;margin-bottom:4px}.pe-names{display:flex;flex-wrap:wrap;gap:4px}.pe-name{font-size:.82rem;background:var(--surface-2, #f1f5f9);border-radius:6px;padding:1px 7px}.pe-dash{color:var(--muted, #94a3b8)}.pe-alerts{list-style:none;margin:0;padding:0}.pe-alerts li{margin-bottom:8px;font-size:.9rem}.pe-alerts li b{display:block;margin-bottom:4px}.pe-block{margin:8px 0 0}.pe-block-title{font-weight:700;font-size:.88rem;color:var(--teal, #0f6f6f);margin-bottom:4px}.pe-note-line{font-size:.84rem;color:var(--muted, #475569);margin-top:4px}.pe-note-line b{color:var(--text, #1e293b)}.pe-cert-unit{margin:6px 0}.pe-cert-unit-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;margin-bottom:3px}@media print{.pe-element{break-before:page;page-break-before:always}.pe-class,.pe-quad,.pe-table tr{break-inside:avoid;page-break-inside:avoid}.pe-name,.pe-pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.excuse-list{max-height:46vh;overflow-y:auto;margin:10px 0 0}.excuse-list .list-item{cursor:pointer;align-items:flex-start;gap:10px}.excuse-check{width:20px;height:20px;margin-top:2px;accent-color:var(--teal);flex:none}.period-tabs{display:flex;background:#e8edf4;border-radius:12px;padding:4px;margin-bottom:14px}.period-tab{position:relative;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:9px 16px;font-size:.88rem;font-weight:600;font-family:inherit;color:#5b6470;cursor:pointer;border-radius:9px;text-align:center;white-space:nowrap}.period-tab-active{color:var(--teal-dark);background:#fff;font-weight:700;box-shadow:0 1px 2px #1018281a}.period-tab-dot{display:inline-block;width:8px;height:8px;margin-inline-start:6px;vertical-align:middle;border-radius:999px;background:var(--danger)}.drift-banner{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:.9rem;line-height:1.7}.drift-banner .btn{flex:none}.cut-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.home-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.home-greeting-hi{font-size:.82rem;color:var(--muted)}.home-greeting-name{font-weight:700;font-size:1.15rem}.home-greeting-date{text-align:end}.home-greeting-day{font-weight:600;font-size:.86rem}.today-greeting-phrase{margin:0 0 16px;padding:10px 12px;border-radius:12px;background:var(--bg, #f4f6fb);color:var(--text, #0f172a);font-size:.88rem;line-height:1.6;text-align:start}.scan-hero{width:100%;border:none;cursor:pointer;text-align:start;border-radius:22px;padding:22px;background:var(--brand-gradient);color:#fff;box-shadow:0 16px 32px #145fcb52;display:flex;align-items:center;gap:16px;font-family:inherit;margin-bottom:18px}.scan-hero:active{transform:scale(.99)}.scan-hero-icon{width:64px;height:64px;border-radius:18px;background:#ffffff29;display:grid;place-items:center;flex:none}.scan-hero-text{min-width:0}.scan-hero-word{display:block;font-family:var(--font-brand);font-weight:700;font-size:1.5rem;letter-spacing:.5px;direction:ltr;text-align:end}.scan-hero-sub{display:block;font-size:.88rem;opacity:.92;margin-top:2px}.scan-hero-chevron{margin-inline-start:auto;flex:none}.home-guide-link{margin-bottom:14px;justify-content:flex-start;gap:8px}.home-guide-chevron{margin-inline-start:auto;flex:none;opacity:.6}.home-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px;font-weight:700;font-size:.88rem;color:#374151}.home-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.home-tool-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;cursor:pointer;text-align:start;display:flex;flex-direction:column;gap:10px;font-family:inherit;color:inherit}.home-tool-card:active{border-color:var(--teal-tint);background:#fbfdff}.home-tool-top{display:flex;align-items:center;justify-content:space-between}.home-tool-icon{width:38px;height:38px;border-radius:11px;background:var(--teal-tint);color:var(--teal-dark);display:grid;place-items:center}.home-tool-icon.is-exams{background:#fdeede;color:#b45309}.home-tool-bucket{font-size:.66rem;color:#0a7f6c;background:var(--brand-green-tint);padding:4px 8px;border-radius:999px;font-weight:600}.home-tool-bucket.is-exams{color:#b45309;background:#fdeede}.home-tool-title{font-weight:700;font-size:.95rem}.home-browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-browse-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:inherit;color:inherit}.home-browse-card:active{border-color:var(--teal-tint);background:#fbfdff}.home-browse-icon{width:38px;height:38px;border-radius:11px;background:#eef1f6;color:#374151;display:grid;place-items:center;flex:none}.home-browse-title{font-weight:700;font-size:.9rem}.home-browse-badge{position:absolute;top:10px;inset-inline-end:12px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 4px}.hub-card{width:100%;border:1px solid var(--line);cursor:pointer;text-align:start;background:var(--surface);border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);font-family:inherit;color:inherit;margin-bottom:12px}.hub-card:active{border-color:var(--teal-tint);background:#fbfdff}.hub-card-icon{width:52px;height:52px;border-radius:14px;background:var(--teal-tint);color:var(--teal-dark);display:grid;place-items:center;flex:none}.hub-card-text{min-width:0}.hub-card-title{display:block;font-weight:700;font-size:1rem}.hub-card-sub{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}.hub-card-chevron{margin-inline-start:auto;color:#c3cbd6;flex:none}.attn-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px}.attn-date-field{display:flex;flex-direction:column;gap:4px}.attn-row{cursor:default;flex-wrap:wrap}.attn-student-btn{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:flex-start;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:start}.attn-status-group,.attn-behavior-group,.attn-type-group{display:flex;gap:6px;flex-wrap:wrap}.attn-status-btn,.attn-behavior-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:1rem;cursor:pointer}.attn-status-btn.is-active.attn-status-present{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-dark)}.attn-status-btn.is-active.attn-status-absent{background:#fef2f2;border-color:var(--danger);color:var(--danger)}.attn-status-btn.is-active.attn-status-absent_excused{background:#fffbeb;border-color:var(--amber);color:#92400e}.attn-type-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer}.attn-type-btn.is-active{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-dark)}.input-invalid{border-color:var(--danger);background:#fef2f2}.alert-item{border-inline-start:4px solid var(--line);padding:8px 12px;margin-top:8px;border-radius:8px;background:var(--bg)}.alert-item.alert-high{border-inline-start-color:var(--danger);background:#fef2f2}.alert-item.alert-medium{border-inline-start-color:var(--amber);background:#fffbeb}.alert-item.alert-low{border-inline-start-color:var(--teal)}.alert-title{font-weight:600;font-size:.9rem}.alert-hint{font-size:.82rem;color:var(--muted);margin-top:2px}.dl-progress{margin-top:10px}.dl-progress-track{position:relative;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.dl-progress-fill{height:100%;border-radius:999px;background:var(--teal-dark);transition:width .2s linear}.dl-progress-track.is-indeterminate .dl-progress-fill{position:absolute;top:0;bottom:0;width:40%;animation:dl-progress-slide 1.2s ease-in-out infinite}@keyframes dl-progress-slide{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}@media (prefers-reduced-motion: reduce){.dl-progress-track.is-indeterminate .dl-progress-fill{animation:none;inset-inline-start:0;width:100%;opacity:.45}}.dl-progress-text{font-size:.8rem;color:var(--muted);margin-top:5px}.dl-progress-note{font-size:.76rem;color:var(--muted);margin-top:3px}.dl-desktop-note{display:flex;gap:9px;align-items:flex-start;margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);background:var(--teal-tint, #e8f4f2);border-radius:12px;font-size:.82rem;line-height:1.7;color:var(--ink, #1e293b)}.dl-desktop-note .ico{flex:none;margin-top:2px;color:var(--teal-dark)}.dl-desktop-note b{font-weight:700}.dl-note-host{font-weight:600;padding:1px 5px;border-radius:6px;background:#0000000f;white-space:nowrap}.dl-spinner{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.85;animation:dl-spin .7s linear infinite}@keyframes dl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.dl-spinner{animation-duration:2.4s}}.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn[aria-busy=true]{opacity:1;cursor:progress}.dist-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.dist-head h2{font-size:1rem;margin:0}.dist-total{font-weight:700;font-size:1.05rem;color:var(--teal, #2a82f0);font-variant-numeric:tabular-nums}.dist-rows{display:grid;gap:6px}.dist-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--r-sm, 10px);background:var(--bg, #f4f6fb)}.dist-row.is-off{background:transparent;border:1px dashed var(--line, #e4e9f0)}.dist-row.is-off .dist-row-title{color:var(--muted, #94a3b8)}.dist-row-off-mark{flex:none;width:52px;text-align:center;color:var(--muted, #94a3b8)}.dist-row-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dist-row-title{font-weight:600;font-size:.93rem}.dist-row-hint{font-size:.75rem;color:var(--muted, #64748b);margin:0}.dist-src-label{display:inline-flex;align-items:center;gap:4px;align-self:flex-start;padding:1px 7px 1px 6px;border-radius:999px;font-size:.68rem;font-weight:700}.dist-src-label.is-student{background:#2563eb1f;color:#1d4ed8}.dist-src-label.is-teacher{background:#10b98126;color:#047857}.dist-src-label.is-manual{background:#e2e8f0;color:#475569}.dist-src-label.is-discipline{background:#f59e0b29;color:#b45309}.dist-switch{flex:none;width:38px;height:22px;padding:0;border:0;cursor:pointer;border-radius:999px;background:#cbd5e1;position:relative;transition:background .15s}.dist-switch.is-on{background:var(--teal, #2a82f0)}.dist-switch:disabled{opacity:.5;cursor:default}.dist-switch-knob{position:absolute;top:3px;inset-inline-start:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:inset-inline-start .15s}.dist-switch.is-on .dist-switch-knob{inset-inline-start:19px}.dist-switch-spacer{flex:none;width:38px}.dist-row-max,.dist-row-input{flex:none;width:52px;padding:6px 4px;text-align:center;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;border:1px solid var(--line, #e4e9f0);border-radius:8px;background:#fff;cursor:pointer}.dist-row-max.is-derived{cursor:default;border-style:dashed;background:transparent;color:var(--muted, #64748b)}.dist-absorb{flex:none;padding:5px 9px;font-size:.74rem;cursor:pointer;border:1px solid var(--line, #e4e9f0);border-radius:999px;background:#fff;color:var(--muted, #64748b)}.dist-absorb.is-on{background:#2ce0be2e;color:#0f766e;border-color:transparent;cursor:default;font-weight:600}.dist-row-del{flex:none;padding:6px;border:0;background:transparent;color:var(--muted, #94a3b8);cursor:pointer;border-radius:8px}.dist-row-del:hover:not(:disabled){color:var(--danger, #e11d48);background:#e11d4814}.dist-row-del:disabled{opacity:.3;cursor:default}.dist-balance{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0;padding:8px 10px;border-radius:var(--r-sm, 10px);font-size:.84rem}.dist-balance.is-ok{background:#2ce0be24;color:#0f766e}.dist-balance.is-off{background:#f59e0b24;color:#92400e}.dist-bucket{margin-bottom:14px}.dist-add-btn{margin-top:8px}.dist-disc{display:flex;align-items:flex-start;gap:8px;margin-top:4px;padding:10px;border-radius:var(--r-sm, 10px);background:#f59e0b12;border:1px solid rgba(245,158,11,.25)}.dist-disc.is-off{background:transparent;border-style:dashed}.dist-disc-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.dist-disc-bounds{display:flex;flex-wrap:wrap;gap:14px;margin-top:2px}.dist-bound{display:inline-flex;align-items:center;gap:6px;font-size:.82rem}.dist-bound-label{color:var(--muted, #64748b);font-weight:600}.dist-bound-val{width:48px}.attn-lesson-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.attn-lesson-field .input{padding:8px 10px}.attn-part-group{display:inline-flex;gap:4px;flex:none}.attn-part-btn{width:32px;height:32px;padding:0;font-size:.95rem;line-height:1;border:1px solid var(--line, #e4e9f0);border-radius:9px;background:#fff;cursor:pointer}.attn-part-btn.is-active{background:#2ce0be33;border-color:transparent;box-shadow:inset 0 0 0 1.5px #0f766e}.attn-part-btn:disabled{opacity:.5;cursor:default}.app.has-bottom-nav .content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:40;margin:0 auto;max-width:640px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface, #fff);border-top:1px solid var(--line, #e4e9f0);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 12px #1118270d}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;border:0;background:transparent;color:var(--muted, #94a3b8);cursor:pointer;min-height:46px}.bottom-nav-item.is-active{color:var(--teal, #2a82f0)}.bottom-nav-icon{position:relative;display:inline-flex}.bottom-nav-label{font-size:.7rem;font-weight:600}.bottom-nav-dot{position:absolute;top:-1px;inset-inline-end:-3px;width:7px;height:7px;border-radius:50%;background:var(--danger, #e11d48)}.class-switcher{position:relative;flex:1;min-width:0}.class-switcher-btn{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 10px;border:0;border-radius:999px;background:#ffffff29;color:#fff;font:inherit;font-weight:600;cursor:pointer}.class-switcher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-switcher-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.class-switcher-menu{position:absolute;z-index:46;inset-inline-start:0;top:calc(100% + 6px);min-width:200px;margin:0;padding:5px;list-style:none;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:var(--r-md, 12px);box-shadow:0 10px 28px #11182729}.class-switcher-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--ink, #111827);font:inherit;text-align:start;cursor:pointer}.class-switcher-option:hover{background:var(--bg, #f4f6fb)}.class-switcher-option.is-active{font-weight:700;color:var(--teal, #2a82f0)}.class-switcher-empty{padding:10px 12px;color:var(--muted, #64748b);font-size:.85rem}.scan-hero.is-attendance{background:linear-gradient(135deg,#0f766e,#0d5f58)}.today-class{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:13px 15px;text-align:start;cursor:pointer;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:var(--r-md, 12px)}.today-class-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.today-class-name{font-weight:700}.today-class-sub{font-size:.82rem;color:var(--muted, #64748b)}.today-class-chevron{color:var(--muted, #94a3b8);flex:none}.today-waiting{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.today-waiting-label{font-size:.78rem;font-weight:600;color:var(--muted, #64748b)}.today-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;font-size:.8rem;font-weight:600;border:0;border-radius:999px;background:#e11d481a;color:#9f1239;cursor:pointer}.today-chip.is-quiet{background:#f59e0b24;color:#92400e;cursor:default}.tools-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;margin-inline-end:10px;border-radius:9px;background:var(--bg, #f4f6fb);color:var(--teal, #2a82f0)}.drawer-group-label{margin:18px 2px 8px;font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--muted, #94a3b8)}.drawer-body>.drawer-group-label:first-child{margin-top:2px}.class-tabs{display:flex;gap:4px;margin:12px 16px 0;padding:4px;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:999px;overflow-x:auto;scrollbar-width:none}.class-tabs::-webkit-scrollbar{display:none}.class-tab{flex:1 0 auto;padding:7px 12px;border:0;border-radius:999px;background:transparent;color:var(--muted, #64748b);font:inherit;font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer}.class-tab.is-active{background:var(--teal, #2a82f0);color:#fff}.class-progress{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:13px 15px;text-align:start;cursor:pointer;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:var(--r-md, 12px)}.class-progress.is-active{border-color:var(--teal, #2a82f0)}.class-progress-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.class-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.class-progress-name{font-weight:700}.class-progress-pct{font-weight:700;font-size:.86rem;color:var(--teal, #2a82f0);font-variant-numeric:tabular-nums}.class-progress-lesson{font-size:.82rem;color:var(--muted, #64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-progress-bar{display:block;height:5px;border-radius:999px;background:var(--bg, #eef2f7);overflow:hidden}.class-progress-fill{display:block;height:100%;border-radius:999px;background:var(--brand-gradient, linear-gradient(90deg, #2a82f0, #145fcb))}.class-progress-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.76rem;color:var(--muted, #94a3b8)}.class-progress-att.is-done{color:#0f766e;font-weight:600}.class-progress-att.is-todo{color:#92400e;font-weight:600}.class-progress-att+.class-progress-plan:before{content:"· "}.class-progress-plan.is-watch{color:#92400e;font-weight:600}.plan-now{border:1px solid var(--line, #e2e8f0);border-radius:12px;padding:12px 14px;margin:0 0 14px;background:var(--card, #fff)}.plan-now.is-watch{border-color:#f59e0b;background:#fffbeb}.plan-now-head{font-weight:700;font-size:.98rem}.plan-now-sub{font-size:.82rem;color:var(--muted, #64748b);margin-top:4px}.plan-weeks{display:grid;gap:8px}.plan-week{border:1px solid var(--line, #e2e8f0);border-radius:12px;background:var(--card, #fff);padding:10px 12px}.plan-week.is-now{border-color:#93c5fd;background:#eff6ff}.plan-week-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:7px}.plan-week-no{font-weight:700;font-size:.9rem;font-variant-numeric:tabular-nums}.plan-week-date{color:var(--muted, #64748b);font-size:.8rem}.plan-week-lessons{display:flex;flex-wrap:wrap;gap:5px}.plan-lsn{background:var(--bg, #eef2f7);border-radius:6px;padding:2px 8px;font-size:.8rem}.plan-lsn.is-tap{border:1px solid transparent;font-family:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px;text-align:right;min-height:30px}.plan-lsn.is-tap:hover{border-color:var(--line, #cbd5e1)}.plan-lsn.is-tap:focus-visible{outline:2px solid #2a82f0;outline-offset:1px}.plan-lsn.is-done{background:#d1fae5;color:#065f46}.plan-lsn.is-done em{color:#047857}.plan-edited{color:#2a82f0;margin-inline-start:3px}.plan-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin:14px 2px 0}.plan-lsn em{font-style:normal;color:var(--muted, #94a3b8);font-size:.72rem;margin-inline-start:5px}.plan-lsn.is-cont{background:transparent;border:1px dashed var(--line, #e2e8f0)}.plan-lsn.is-none{background:transparent;color:var(--muted, #94a3b8);padding-inline:0}.plan-note{background:transparent;color:var(--muted, #94a3b8);font-size:.76rem;padding:2px 4px}.part-dist{display:grid;gap:8px}.part-dist-row{display:flex;align-items:center;gap:8px}.part-dist-label{flex:none;width:108px;font-size:.82rem}.part-dist-bar{flex:1;height:8px;border-radius:999px;background:var(--bg, #eef2f7);overflow:hidden}.part-dist-fill{display:block;height:100%;border-radius:999px}.part-dist-fill.is-correct{background:#0f766e}.part-dist-fill.is-assisted{background:#f59e0b}.part-dist-fill.is-needs_support{background:#e11d48}.part-dist-num{flex:none;min-width:68px;text-align:end;font-size:.78rem;color:var(--muted, #64748b);font-variant-numeric:tabular-nums}.part-pct{flex:none;font-weight:700;font-variant-numeric:tabular-nums;color:#0f766e}.part-pct.is-low{color:#9f1239}.part-pct.is-none{color:var(--muted, #94a3b8);font-weight:500}.part-silent{display:inline-flex;align-items:center;gap:4px;color:#92400e;font-weight:600}.project-share{margin-bottom:14px}.project-share-head{display:flex;align-items:center;gap:6px;font-weight:700;margin-bottom:6px}.project-share-url{background:var(--surface-2, #f1f5f9);border-radius:8px;padding:8px 10px;margin-bottom:8px;font-size:.8rem;color:var(--muted, #64748b);word-break:break-all;direction:ltr;text-align:left}.project-unit{padding:0;margin-bottom:10px;overflow:hidden}.project-unit-head{display:flex;align-items:center;gap:8px;width:100%;padding:12px 14px;border:0;background:transparent;font:inherit;text-align:start;cursor:pointer}.project-unit-titles{flex:1;min-width:0}.project-unit-unit{display:block;font-size:.74rem;font-weight:700;color:var(--muted, #64748b)}.project-unit-project{display:block;font-weight:700;color:var(--ink, #111827);line-height:1.5}.project-unit-chevron{flex:none;color:var(--muted, #94a3b8);transition:transform .15s ease}.project-unit.is-open .project-unit-chevron{transform:rotate(180deg)}.project-status{flex:none;padding:2px 9px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap}.project-status-current{background:var(--teal-tint);color:var(--teal-dark)}.project-status-done{background:#dcfce7;color:#166534}.project-status-later{background:var(--surface-2, #f1f5f9);color:var(--muted, #64748b)}.project-unit-body{padding:12px 14px 14px;border-top:1px solid var(--line, #e4e9f0)}.project-unit-brief{margin:0 0 12px;font-size:.88rem;line-height:1.8;color:var(--ink, #111827)}.project-meta{display:flex;flex-wrap:wrap;gap:8px}.project-meta-cell{flex:1 1 190px;border:1px solid var(--line, #e4e9f0);border-radius:10px;padding:8px 10px}.project-meta-k{display:flex;align-items:center;font-size:.72rem;font-weight:700;color:var(--muted, #64748b);margin-bottom:2px}.project-meta-v{font-size:.86rem;font-weight:600}.project-unit-foot{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:12px}.project-unit-share{margin-top:12px;padding-top:12px;border-top:1px dashed var(--line, #e4e9f0)}.project-unit-share .project-share-url{margin-bottom:8px}.project-unit-share-actions{display:flex;flex-wrap:wrap;gap:8px}.project-unit-share-actions>*{flex:1 1 120px;text-align:center;justify-content:center}.qrsheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;background:#fff;display:flex;flex-direction:column}.qrsheet-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 14px;border-bottom:1px solid var(--line, #e4e9f0);background:var(--surface-2, #f6f7f9)}.qrsheet-bar-text{flex:1 1 220px;min-width:0;display:flex;flex-direction:column;gap:2px}.qrsheet-bar .hint{font-size:.78rem}.qrsheet-scroll{flex:1;overflow:auto;padding:14px;display:flex;justify-content:center}.qrsheet-page{display:grid;grid-template-columns:repeat(2,92mm);grid-auto-rows:54mm;width:fit-content;margin-inline:auto;border-top:1px dashed #94a3b8;border-inline-start:1px dashed #94a3b8;background:#fff}.qrsheet-cell{display:flex;align-items:center;gap:4mm;padding:3mm 4mm;border-bottom:1px dashed #94a3b8;border-inline-end:1px dashed #94a3b8;overflow:hidden;break-inside:avoid;page-break-inside:avoid}.qrsheet-qr{flex:none;width:34mm;height:34mm;display:block}.qrsheet-qr-fail{display:grid;place-items:center;border:1px solid var(--line, #e4e9f0);font-size:8pt;color:var(--muted, #64748b);text-align:center}.qrsheet-text{flex:1;min-width:0;color:#111827}.qrsheet-project{font-weight:700;font-size:10.5pt;line-height:1.35;margin-bottom:1mm;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.qrsheet-meta{font-size:8.5pt;color:#475569;line-height:1.5}.qrsheet-teacher{font-size:8.5pt;font-weight:600;margin-top:.5mm}.qrsheet-hint{font-size:7.5pt;color:#64748b;margin-top:1mm}@media print{body.qrsheet-open #root{display:none!important}body.qrsheet-open .qrsheet-overlay{position:static;display:block}body.qrsheet-open .qrsheet-scroll{overflow:visible;padding:0;display:block}.qrsheet-bar{display:none!important}.qrsheet-page,.qrsheet-cell{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.imp-lede{color:var(--muted);font-size:.92rem;margin:4px 0 18px;max-width:44ch}.imp-step{margin-bottom:16px}.imp-step-head{display:flex;align-items:center;gap:10px;margin-bottom:10px}.imp-num{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-weight:700;font-size:.95rem}.imp-num.alt{background:var(--amber);font-size:.78rem;letter-spacing:-.02em}.imp-step-title{font-size:1.05rem;font-weight:600;margin:0}.imp-route+.imp-route{margin-top:14px}.imp-route-label{font-size:.8rem;font-weight:600;color:var(--teal-dark);margin-bottom:8px;display:inline-flex;align-items:center;gap:6px}.imp-route-label .dot{width:7px;height:7px;border-radius:50%;background:var(--teal);display:inline-block}.imp-crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.imp-crumb{background:var(--surface-2, #f6f7f9);border-radius:8px;padding:5px 9px;font-size:.8rem;font-weight:500;white-space:nowrap}.imp-crumb.target{background:var(--teal-tint);color:var(--teal-dark);font-weight:600}.imp-sep{color:var(--muted)}.imp-callout{display:flex;gap:10px;align-items:flex-start;margin-top:14px;padding:11px 13px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.45);border-radius:12px;font-size:.86rem}.imp-callout .ico{flex:none;color:var(--amber);margin-top:1px}.imp-format{border-radius:var(--radius);padding:16px;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-inline-start:4px solid var(--line)}.imp-format+.imp-format{margin-top:12px}.imp-format.best{border-inline-start-color:var(--brand-green);background:var(--brand-green-tint)}.imp-format.alt{border-inline-start-color:var(--amber)}.imp-format-top{display:flex;align-items:center;gap:8px;margin-bottom:6px;flex-wrap:wrap}.imp-format-name{font-size:1rem;font-weight:700;margin:0}.imp-badge{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px}.imp-badge.green{background:var(--brand-green);color:#05271f}.imp-badge.amber{background:var(--amber);color:#fff}.imp-format p{margin:6px 0 0;font-size:.88rem;color:var(--muted)}.imp-format p strong{color:var(--ink);font-weight:600}.store-link{color:var(--teal-dark);font-weight:600;text-decoration:underline}.imp-tool-link{display:inline-flex;align-items:center;gap:8px;margin-top:12px;text-decoration:none;background:var(--surface);border:1px solid rgba(0,165,140,.55);color:#0a8a72;font-weight:600;font-size:.86rem;padding:9px 13px;border-radius:11px}button.imp-tool-link{font-family:inherit;cursor:pointer}button.imp-tool-link[disabled]{opacity:.6;cursor:default}.imp-review{display:flex;gap:8px;align-items:flex-start;margin-top:12px;font-size:.84rem;color:var(--ink)}.imp-review .ico{flex:none;color:var(--amber);margin-top:2px}.imp-review strong{font-weight:600}.imp-upload{display:flex;flex-direction:column;align-items:center;gap:10px;padding:22px 16px;border:1.5px dashed rgba(26,115,232,.4);border-radius:var(--radius);background:var(--surface);text-align:center}.imp-tags{display:inline-flex;gap:6px}.imp-tag{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-2, #f6f7f9);color:var(--muted)}.guide{--g-app: #1a73e8;--g-app-bg: #e8f1fe;--g-app-fg: #145fcb;--g-lab: #e08507;--g-lab-bg: #fdf1dd;--g-lab-fg: #985607;--g-proj: #0a9d86;--g-proj-bg: #dcfaf3;--g-proj-fg: #087566;max-width:760px;margin-inline:auto;line-height:1.85}.guide .g-topline{height:5px;border-radius:999px;margin-bottom:20px;background:linear-gradient(90deg,var(--g-app) 0 33.3%,var(--g-lab) 33.3% 66.6%,var(--g-proj) 66.6%)}.guide h2{font-size:1.35rem;font-weight:700;margin:0 0 4px}.guide .g-lede{font-size:1.05rem;color:var(--ink);margin:0}.guide .g-sub{color:var(--muted);margin:2px 0 14px;font-size:.95rem}.guide section{margin-top:30px}.guide .g-rule{margin-top:14px;background:var(--teal-tint);border:1px solid var(--line);border-radius:12px;padding:13px 16px;font-size:.93rem;color:var(--ink)}.guide .g-steps{display:flex;flex-direction:column;gap:10px}.guide .g-step{display:grid;grid-template-columns:auto 1fr;gap:13px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow)}.guide .g-num{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:var(--g-app);color:#fff;font-weight:700;font-variant-numeric:tabular-nums}.guide .g-step .g-note{color:var(--muted);font-size:.84rem;margin-top:3px}.guide .g-step b{font-weight:700}.guide .g-go{margin-top:10px}.guide .g-faq{display:flex;flex-direction:column;gap:9px}.guide details{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.guide summary{cursor:pointer;list-style:none;padding:14px 16px;font-weight:700;font-size:.98rem;display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--ink)}.guide summary::-webkit-details-marker{display:none}.guide summary:after{content:"+";font-weight:700;font-size:1.3rem;line-height:1;color:var(--g-app);flex-shrink:0}.guide details[open] summary:after{content:"–"}.guide details .g-a{padding:0 16px 14px;color:var(--ink);font-size:.93rem;line-height:1.75}.guide details .g-a b{font-weight:700}.guide summary:focus-visible{outline:3px solid var(--g-app);outline-offset:-3px;border-radius:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.guide [id]{scroll-margin-top:84px}.guide .g-flash{animation:g-flash 2.4s ease-out 1}@keyframes g-flash{0%,55%{box-shadow:0 0 0 3px var(--g-app),var(--shadow)}to{box-shadow:0 0 #1a73e800,var(--shadow)}}@media (prefers-reduced-motion: reduce){.guide .g-flash{animation:none;box-shadow:0 0 0 3px var(--g-app),var(--shadow)}}.explain-link{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:2px 0;margin-inline-start:6px;font:inherit;font-size:.86rem;font-weight:600;color:var(--teal);cursor:pointer;text-decoration:underline;text-underline-offset:3px}.explain-link:hover{color:var(--teal-dark);text-decoration-thickness:2px}.explain-link svg{flex-shrink:0}.explain-link:focus-visible{outline:2px solid var(--teal);outline-offset:2px;border-radius:4px}.welcome-legal{margin:14px auto 0;display:flex;color:var(--muted);font-size:.82rem}.welcome-foot{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:14px}.welcome-foot .welcome-legal{margin:0}.trial-badge{display:inline-block;margin-inline-start:8px;padding:2px 9px;border-radius:999px;font-size:.7rem;font-weight:700;vertical-align:middle;background:#f59e0b24;color:#92400e;border:1px solid rgba(245,158,11,.45)}.today-brief{margin:0 0 14px;padding:12px;border:1px solid var(--line, #e6eaf2);border-radius:14px;background:var(--surface, #fff)}.today-brief-head{margin:0 2px 8px;font-size:.78rem;font-weight:700;color:var(--muted, #64748b)}.today-brief-note{display:flex;align-items:center;gap:9px;width:100%;margin-bottom:6px;padding:9px 10px;border:0;border-inline-start:3px solid transparent;border-radius:10px;background:var(--bg, #f4f6fb);font:inherit;font-size:.86rem;line-height:1.5;text-align:start;color:var(--text, #0f172a);cursor:pointer}.today-brief-note:last-child{margin-bottom:0}.today-brief-note.is-urgent{border-inline-start-color:#e11d48}.today-brief-note.is-watch{border-inline-start-color:#f59e0b}.today-brief-note.is-info{border-inline-start-color:#2a82f0}.today-brief-note.is-good{border-inline-start-color:#16a34a}.today-brief-icon{flex:none;font-size:.95rem}.today-brief-text{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.today-brief-chevron{flex:none;color:var(--muted, #94a3b8)}.today-schedule{margin:0 0 14px;padding:12px;border:1px solid var(--line, #e6eaf2);border-radius:14px;background:var(--surface, #fff)}.today-slot{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:6px;padding:9px 10px;border:0;border-radius:10px;background:var(--bg, #f4f6fb);font:inherit;text-align:start;color:var(--text, #0f172a);cursor:pointer}.today-slot:last-child{margin-bottom:0}.today-slot-period{flex:none;inline-size:26px;block-size:26px;display:grid;place-items:center;border-radius:50%;background:var(--surface, #fff);border:1px solid var(--line, #dbe2ee);font-size:.82rem;font-weight:700;color:var(--muted, #475569)}.today-slot-main{flex:1 1 auto;min-width:0;display:grid;gap:2px}.today-slot-class{font-size:.9rem;font-weight:700}.today-slot-lesson{font-size:.84rem;line-height:1.5;overflow-wrap:anywhere}.today-slot-plan{font-size:.78rem;color:var(--muted, #64748b)}.today-slot-plan.is-watch{color:#b45309;font-weight:600}.today-slot-plan.is-ahead{color:#15803d}.schedule-days{display:flex;gap:6px;margin:0 0 12px;overflow-x:auto;scrollbar-width:none}.schedule-day{flex:1 0 auto;position:relative;padding:8px 12px;border:1px solid var(--line, #dbe2ee);border-radius:999px;background:var(--surface, #fff);font:inherit;font-size:.86rem;color:var(--text, #0f172a);cursor:pointer;white-space:nowrap}.schedule-day.is-active{background:var(--primary, #2a82f0);border-color:var(--primary, #2a82f0);color:#fff;font-weight:700}.schedule-day-today{margin-inline-start:6px;font-size:.68rem;opacity:.75}.schedule-grid{display:grid;gap:8px}.schedule-row{display:flex;align-items:center;gap:10px}.schedule-period{flex:none;inline-size:66px;font-size:.86rem;color:var(--muted, #475569)}.schedule-pick{flex:1 1 auto;min-width:0}.list-item.group-member-off{opacity:.55}.list-item.group-member-off .primary{text-decoration:line-through}.list-item.group-member-off .primary .group-reasons{text-decoration:none}.group-reasons{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.group-reason{font:inherit;font-size:.82em;padding:3px 10px;border-radius:999px;border:1px solid var(--border, #d7dce3);background:transparent;color:var(--muted, #667);cursor:pointer}.group-reason-on{border-color:var(--danger, #e53935);color:var(--danger, #e53935);background:#e5393514}.lesson-state-row{align-items:flex-start}.lesson-state-pills{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}.lesson-state-pill{font:inherit;font-size:.85em;padding:4px 14px;border-radius:999px;border:1px solid var(--border, #d7dce3);background:transparent;color:var(--muted, #667);cursor:pointer}.lesson-state-pill-on{border-color:var(--primary, #1f6feb);color:#fff;background:var(--primary, #1f6feb)}.lesson-state-pill:disabled{opacity:.5;cursor:default}.doc-chart{margin:10px 0 4px}.doc-chart-title{font-size:.82rem;font-weight:700;color:var(--muted, #475569);margin-bottom:6px}.doc-bars{display:grid;gap:5px}.doc-bar-row{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px}.doc-bar-label{font-size:.8rem;color:var(--ink, #1e293b)}.doc-bar-track{position:relative;display:flex;align-items:center;height:14px;background:#e4f1ef;border-radius:4px;overflow:visible}.doc-bar-fill{height:14px;background:#0f8f85;min-width:2px;border-start-end-radius:4px;border-end-end-radius:4px}.doc-bar-val{font-size:.76rem;font-weight:700;color:var(--ink, #1e293b);margin-inline-start:5px;font-variant-numeric:tabular-nums}.doc-kpis{display:flex;flex-wrap:wrap;gap:8px}.doc-kpi{flex:1 1 100px;border:1px solid var(--line, #e2e8f0);border-radius:8px;padding:8px 10px;text-align:center}.doc-kpi-value{display:block;font-size:1.25rem;font-weight:700;color:#0f6f6f}.doc-kpi-label{display:block;font-size:.74rem;color:var(--muted, #64748b);margin-top:2px}.doc-groups-class{margin-bottom:8px}.doc-groups-classname{font-size:.8rem;font-weight:700;margin-bottom:5px}.doc-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:6px}.doc-group-card{border:1px solid var(--line, #e2e8f0);border-radius:8px;padding:7px 9px}.doc-group-label{font-size:.78rem;font-weight:700;color:#0f6f6f;margin-bottom:3px}.doc-group-names{list-style:none;margin:0;padding:0}.doc-group-names li{font-size:.76rem;padding:1px 0;overflow-wrap:anywhere}.doc-charter-rules{list-style:none;margin:0;padding:8px 10px;border:1px solid var(--line, #e2e8f0);border-radius:8px}.doc-charter-rules li{display:flex;gap:7px;align-items:baseline;font-size:.82rem;padding:2px 0}.doc-charter-icon{flex:none}.doc-chart-note{font-size:.72rem;color:var(--muted, #94a3b8);margin:6px 0 0}.doc-rank-table{width:100%;border-collapse:collapse;font-size:.78rem}.doc-rank-table th,.doc-rank-table td{padding:5px 8px;text-align:start;border-bottom:1px solid var(--line, #e2e8f0)}.doc-rank-table th{color:var(--muted, #64748b);font-weight:700;font-size:.74rem}.doc-quad-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.doc-quad{border:1px solid var(--line, #e2e8f0);border-radius:8px;padding:7px 9px}.doc-quad-head{display:flex;justify-content:space-between;align-items:baseline;font-size:.82rem;font-weight:700}.doc-quad-count{color:#0f6f6f;font-variant-numeric:tabular-nums}.doc-quad-names{font-size:.72rem;color:var(--muted, #64748b);margin-top:4px;overflow-wrap:anywhere}.doc-quad-advanced .doc-quad-count{color:#0a6b3d}.doc-quad-behind .doc-quad-count{color:#9a3412}.doc-heat-wrap{overflow-x:auto}.doc-heat-table{border-collapse:collapse;font-size:.68rem;white-space:nowrap}.doc-heat-table th,.doc-heat-table td{padding:3px 5px;text-align:center;border:1px solid var(--line, #eef2f6)}.doc-heat-table th{font-weight:700;color:var(--muted, #64748b);max-width:70px;white-space:normal;font-size:.64rem}.doc-heat-table th[scope=row]{text-align:start;color:var(--ink, #1e293b);white-space:nowrap}.doc-heat-corner{border:none!important}.doc-heat-empty{background:#f8fafc}.doc-student-card{margin-top:12px}.doc-student-lesson{margin-bottom:6px}.doc-student-lesson-title{font-size:.8rem;font-weight:700;margin-bottom:3px}.doc-student-stations{list-style:none;margin:0;padding:0}.doc-student-stations li{display:flex;justify-content:space-between;font-size:.76rem;padding:2px 0;border-bottom:1px dashed var(--line, #eef2f6)}.doc-student-station-m{font-variant-numeric:tabular-nums;color:var(--muted, #475569)}.lp{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;flex-direction:column;background:#0f172a;color:#f8fafc;--lp-accent: #38bdf8;--lp-ink: #0f172a;--lp-paper: #ffffff;--lp-muted: #64748b}.lp-bar{display:flex;align-items:center;gap:12px;padding:8px 14px;flex-shrink:0;background:#1e293b;border-bottom:1px solid #334155}.lp-bar-title{display:flex;flex-direction:column;min-width:0;flex:1}.lp-bar-lesson{font-size:.8rem;opacity:.75;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-bar-station{font-weight:700;font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-bar-meta,.lp-bar-count{font-size:.85rem;opacity:.8;white-space:nowrap;font-variant-numeric:tabular-nums}.lp-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff14;color:inherit;cursor:pointer}.lp-icon[aria-pressed=true]{background:var(--lp-accent);color:var(--lp-ink)}.lp-participate{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:0;border-radius:10px;background:var(--lp-accent);color:var(--lp-ink);font:inherit;font-weight:700;cursor:pointer}.ct-head{margin:2px 0 10px;font-size:1rem}.ct-back{display:inline-flex;align-items:center;gap:6px;margin:0 0 8px;border:0;background:none;color:var(--muted, #64748b);font:inherit;cursor:pointer;padding:4px 0}.ct-note{margin:0 0 8px}.ct-sub{margin:2px 0 0}.ct-dot{display:inline-block;padding:0 .45em;opacity:.55}.ct-progress{display:flex;align-items:center;gap:8px;margin-top:6px}.ct-bar{flex:1;max-width:220px;height:6px;border-radius:99px;background:#94a3b847;overflow:hidden;display:block}.ct-bar>span{display:block;height:100%;background:#16a34a;border-radius:99px}.ct-progress-n{unicode-bidi:isolate;font-size:.78rem;color:var(--muted, #64748b);font-variant-numeric:tabular-nums}.ct-station{align-items:center;gap:8px}.ct-open{display:flex;align-items:center;gap:10px;flex:1;min-width:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer;padding:0}.ct-open:disabled{cursor:default;opacity:.55}.ct-n{width:26px;height:26px;border-radius:50%;background:#94a3b840;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.ct-station.is-done .ct-n{background:#16a34a;color:#fff}.ct-title{min-width:0;overflow:hidden;text-overflow:ellipsis}.ct-mark{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;min-height:34px;padding:0 10px;border-radius:9px;font:inherit;font-size:.82rem;border:1px solid rgba(148,163,184,.45);background:transparent;color:inherit;cursor:pointer}.ct-mark.is-on{border-color:#16a34a;color:#16a34a}.lp-done{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:#ffffff14;color:inherit;font:inherit;font-weight:600;cursor:pointer;white-space:nowrap}.lp-done.is-on{background:#16a34a;border-color:#16a34a;color:#fff}.lp-map{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;padding:10px 14px;background:#1e293b;border-bottom:1px solid #334155}.lp-map-item{display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:start;border:1px solid #334155;border-radius:10px;background:#0f172a;color:inherit;font:inherit;cursor:pointer}.lp-map-item.is-visited{border-color:#475569}.lp-map-item.is-current{border-color:var(--lp-accent);background:#38bdf81f}.lp-map-n{width:26px;height:26px;border-radius:50%;background:#334155;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.lp-map-item.is-current .lp-map-n{background:var(--lp-accent);color:var(--lp-ink)}.lp-map-item.is-done{border-color:#16a34a}.lp-map-item.is-done .lp-map-n{background:#16a34a;color:#fff}.lp-map-item.is-done .lp-map-c{color:#4ade80;opacity:1}.lp-map-c{margin-inline-start:auto;font-size:.75rem;opacity:.7;white-space:nowrap}.lp-stage{flex:1;min-height:0;overflow:auto;padding:28px clamp(16px,4vw,56px);background:var(--lp-paper);color:var(--lp-ink)}.lp-stage.is-html{padding:0;overflow:hidden;display:flex}.lp-html{flex:1;width:100%;height:100%;border:0;background:#fff}.lp-slide-title{margin:0 0 8px;color:var(--lp-muted);font-weight:700;letter-spacing:.02em}.lp-block{max-width:1100px;margin:0 auto 22px}.lp-h{margin:0 0 14px;font-size:clamp(1.5rem,3.2vw,2.4rem);line-height:1.25;text-wrap:balance}.lp-sub{margin:-6px 0 14px;color:var(--lp-muted);font-size:1.1rem}.lp-body{margin:0 0 12px;font-size:clamp(1.05rem,2vw,1.45rem);line-height:1.75}.lp-body-lg{font-size:clamp(1.15rem,2.2vw,1.6rem)}.lp-keypoint{margin:14px 0 0;padding:12px 16px;border-inline-start:5px solid var(--lp-accent);background:#f0f9ff;font-weight:700;font-size:clamp(1.05rem,2vw,1.4rem);border-radius:0 10px 10px 0}.lp-concept.has-media{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:start}.lp-list{margin:0 0 12px;padding-inline-start:1.6em;font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.7}.lp-list li.is-correct{font-weight:700;color:#047857}.lp-steps-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:24px;align-items:start}.lp-steps-list{list-style:none;margin:0;padding:0;cursor:pointer}.lp-step{display:flex;gap:14px;align-items:flex-start;padding:12px 14px;margin-bottom:8px;border-radius:12px;background:#f8fafc;font-size:clamp(1.05rem,2vw,1.4rem);line-height:1.6}.lp-step.is-in{animation:lp-in .25s ease-out}.lp-step.is-more{color:var(--lp-muted);font-size:.95rem;background:transparent;border:1px dashed #cbd5e1}.lp-step-n{width:34px;height:34px;border-radius:50%;background:var(--lp-accent);color:var(--lp-ink);display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}@keyframes lp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){.lp-step.is-in{animation:none}}.lp-ghost{margin-top:6px;padding:8px 14px;border:1px solid #cbd5e1;border-radius:10px;background:transparent;color:var(--lp-muted);font:inherit;cursor:pointer}.lp-callout{padding:16px 20px;border-radius:14px;border:1px solid}.lp-callout.is-info{background:#eff6ff;border-color:#bfdbfe}.lp-callout.is-tip{background:#f0fdf4;border-color:#bbf7d0}.lp-callout.is-warn{background:#fffbeb;border-color:#fde68a}.lp-callout-head{display:flex;gap:8px;align-items:center;font-weight:700;font-size:1.1rem;margin-bottom:6px}.lp-callout-text{margin:0;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.7}.lp-media{max-width:100%;border-radius:12px}.lp-media-set{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}.lp-media-set .lp-media{flex:1 1 220px;min-width:0;max-height:46vh;object-fit:contain;border:1px solid #e2e8f0}.lp-tool-icons{margin-inline-start:auto;opacity:.8;font-size:.95rem}.lp-media-placeholder{margin:0;padding:18px;border:2px dashed #cbd5e1;border-radius:12px;background:#f8fafc;color:var(--lp-muted);text-align:center}.lp-media-page{display:block;font-size:.8rem;margin-bottom:6px;font-variant-numeric:tabular-nums}.lp-media-placeholder figcaption{font-size:1rem;line-height:1.6}.lp-table-wrap{overflow-x:auto}.lp-table{border-collapse:collapse;width:100%;font-size:clamp(.95rem,1.7vw,1.2rem)}.lp-table th,.lp-table td{border:1px solid #e2e8f0;padding:10px 12px;text-align:start;vertical-align:top;line-height:1.6}.lp-table th{background:#f1f5f9}.lp-sides{display:grid;grid-template-columns:1fr 1fr;gap:20px}.lp-side{padding:16px;border-radius:14px;border:1px solid #e2e8f0}.lp-side h3{margin:0 0 10px;font-size:1.25rem}.lp-side ul{padding-inline-start:1.3em;font-size:1.1rem;line-height:1.7}.lp-template-tag{display:inline-block;font-size:.7rem;padding:2px 8px;border-radius:999px;background:#fef3c7;color:#92400e;margin-bottom:8px;font-family:ui-monospace,monospace;direction:ltr}.lp-unknown{font-size:.9rem;color:var(--lp-muted)}.lp-unknown dt{font-family:ui-monospace,monospace;direction:ltr;display:inline}.lp-unknown dd{display:inline;margin:0 0 0 8px}.lp-participation-prompt{max-width:1100px;margin:8px auto 0;padding:16px 20px;border-radius:14px;background:#fdf2f8;border:1px solid #fbcfe8}.lp-pp-label{display:inline-block;font-size:.8rem;font-weight:700;color:#9d174d;letter-spacing:.04em;margin-bottom:4px}.lp-participation-prompt p{margin:0;font-size:clamp(1.1rem,2.1vw,1.5rem);line-height:1.6;font-weight:700}.lp-nav{display:flex;align-items:center;gap:14px;padding:10px 14px;flex-shrink:0;background:#1e293b;border-top:1px solid #334155}.lp-navbtn{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.25);border-radius:12px;background:#ffffff14;color:inherit;font:inherit;font-weight:700;font-size:1.05rem;cursor:pointer}.lp-navbtn.is-primary{background:var(--lp-accent);color:var(--lp-ink);border-color:transparent}.lp-navbtn:disabled{opacity:.35;cursor:default}.lp-progress{flex:1;height:6px;border-radius:999px;background:#334155;overflow:hidden}.lp-progress span{display:block;height:100%;background:var(--lp-accent);transition:width .2s}.lp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:#0f172a99;display:flex;align-items:center;justify-content:center;padding:20px}.lp-dialog{width:min(720px,100%);max-height:90%;overflow:auto;background:var(--lp-paper);color:var(--lp-ink);border-radius:16px;padding:16px}.lp-dialog-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:1.05rem}.lp-dialog .lp-icon{color:var(--lp-ink);border-color:#cbd5e1;background:#f8fafc}.lp-students{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px}.lp-student{display:flex;align-items:center;gap:8px;min-height:48px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc;font:inherit;text-align:start;cursor:pointer}.lp-student-n{width:28px;height:28px;border-radius:50%;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0;font-variant-numeric:tabular-nums}.lp-results{display:flex;flex-direction:column;gap:8px}.lp-result{min-height:52px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;font:inherit;font-size:1.1rem;font-weight:700;cursor:pointer}.lp-toast{position:absolute;bottom:84px;inset-inline:0;margin:0 auto;width:max-content;max-width:90%;padding:10px 18px;border-radius:999px;background:#047857;color:#fff;font-weight:700;z-index:6}.lp .modal-backdrop{z-index:210}.lp-hint{margin:8px 0 0;color:var(--lp-muted);font-size:1rem}.lp-eyebrow{margin:0 0 6px;font-size:.85rem;font-weight:700;letter-spacing:.04em;color:var(--lp-muted)}.lp-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.lp-ghost.is-accent{border-color:var(--lp-accent);color:#0369a1;font-weight:700}.lp-mcq-options{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:10px}.lp-option{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;padding:10px 16px;border:2px solid #e2e8f0;border-radius:14px;background:#f8fafc;font:inherit;font-size:clamp(1.05rem,2vw,1.4rem);text-align:start;cursor:pointer;transition:background .15s,border-color .15s}.lp-option:hover{border-color:#94a3b8}.lp-option.is-chosen{border-color:var(--lp-accent)}.lp-option.is-correct{border-color:#059669;background:#ecfdf5;font-weight:700}.lp-option.is-wrong{border-color:#dc2626;background:#fef2f2}.lp-option.is-dim{opacity:.5}.lp-option-letter{width:34px;height:34px;border-radius:50%;background:#e2e8f0;display:inline-flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.lp-option.is-correct .lp-option-letter{background:#059669;color:#fff}.lp-option.is-wrong .lp-option-letter{background:#dc2626;color:#fff}.lp-option-mark{margin-inline-start:auto;font-size:1.4rem;font-weight:700}.lp-def-card{display:flex;flex-direction:column;gap:10px;width:100%;padding:28px 24px;border:2px solid var(--lp-accent);border-radius:18px;background:#f0f9ff;font:inherit;text-align:start;cursor:pointer}.lp-def-card.is-open{cursor:default;background:#fff}.lp-def-term{font-size:clamp(1.6rem,3.4vw,2.6rem);font-weight:700}.lp-def-cta{color:#0369a1;font-weight:700}.lp-def-body{font-size:clamp(1.1rem,2.1vw,1.5rem);line-height:1.75}.lp-def-example{margin-top:12px;color:var(--lp-muted)}.lp-cmp-grid{display:grid;gap:18px}.lp-cmp-side{padding:16px;border:1px solid #e2e8f0;border-radius:16px}.lp-cmp-side h3{margin:0 0 10px;font-size:clamp(1.15rem,2.2vw,1.5rem)}.lp-cmp-points{list-style:none;margin:10px 0 0;padding:0}.lp-cmp-points .lp-step{flex-direction:column;gap:4px}.lp-cmp-crit{font-size:.8rem;font-weight:700;color:var(--lp-muted)}.lp-cmp-note{margin-top:10px;color:var(--lp-muted);font-size:1rem}.lp-table tr.is-hi td{background:#fef9c3}.lp-table tbody tr{cursor:pointer}.lp-fig-grid{display:grid;gap:22px}.lp-fig.has-labels .lp-fig-grid{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.lp-fig-media{cursor:zoom-in}.lp-fig-caption{margin:8px 0 0;color:var(--lp-muted);text-align:center}.lp-fig-labels{list-style:none;margin:0;padding:0}.lp-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:220;background:#0f172aeb;display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:20px}.lp-zoom img{max-width:100%;max-height:100%;border-radius:8px}.lp-title{text-align:center;padding-top:4vh}.lp-title-h{margin:0 0 12px;font-size:clamp(2.2rem,5vw,4rem);line-height:1.2;text-wrap:balance}.lp-objectives{margin:28px auto 0;max-width:820px;text-align:start;cursor:pointer}.lp-objectives ol{list-style:none;margin:0;padding:0}.lp-ex-head{display:flex;align-items:center;gap:12px;margin-bottom:10px}.lp-ex-head .lp-h{margin:0}.lp-ex-badge{padding:4px 12px;border-radius:999px;background:#fdf2f8;color:#9d174d;font-weight:700;font-size:.9rem;flex-shrink:0}.lp-ex-grid{display:grid;gap:22px}.lp-ex-grid.has-media{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start}.lp-ex-step.is-done{opacity:.55;text-decoration:line-through}.lp-ex-step.is-done .lp-step-n{background:#059669;color:#fff}.lp-ex-res{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0 12px}.lp-res{padding:6px 12px;border:1px dashed #94a3b8;border-radius:8px;background:#f8fafc;font-family:ui-monospace,monospace;font-size:.95rem;cursor:copy}.lp-ex-table td{min-width:90px}.lp-blank{display:inline-block;width:100%;min-height:1.4em;border-bottom:2px dotted #94a3b8}.lp-ex-expected{cursor:zoom-in}.lp-tools{position:absolute;top:64px;inset-inline-start:14px;z-index:5;display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:14px;background:#1e293b;border:1px solid #334155;min-width:240px}.lp-tool{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:#ffffff0f;color:#f8fafc;font:inherit;font-weight:700;cursor:pointer;text-align:start}.lp-tool:hover{background:#ffffff24}@media (max-width: 720px){.lp-fig.has-labels .lp-fig-grid,.lp-ex-grid.has-media,.lp-cmp-grid{grid-template-columns:1fr!important}}.lp-tool-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;background:var(--lp-paper);color:var(--lp-ink);overflow:auto}.lp-tool-screen{max-width:1200px;margin:0 auto;padding:20px clamp(16px,4vw,48px)}.lp-tool-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:14px;font-size:1.2rem}.lp-tool-head b{font-size:1.5rem;margin-inline-end:auto}.lp-tool-meta{color:var(--lp-muted);font-size:1rem;font-variant-numeric:tabular-nums}.lp-num{width:64px;font:inherit;padding:4px 8px;border:1px solid #cbd5e1;border-radius:8px;margin-inline-start:6px}.lp-pick-q{text-align:center;font-size:clamp(1.2rem,2.4vw,1.8rem);font-weight:700;margin:0 0 12px}.lp-pick-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:42vh;border-radius:24px;background:#f0f9ff;border:3px solid #bae6fd;margin-bottom:16px}.lp-pick-face.is-spinning{border-color:var(--lp-accent)}.lp-pick-face.is-chosen{background:#ecfdf5;border-color:#34d399;animation:lp-pop .35s ease-out}@keyframes lp-pop{0%{transform:scale(.96)}to{transform:none}}.lp-pick-n{font-size:clamp(1.4rem,3vw,2.2rem);color:var(--lp-muted);font-variant-numeric:tabular-nums}.lp-pick-name{font-size:clamp(2.2rem,6vw,4.5rem);font-weight:700;text-align:center}.lp-pick-hint{color:var(--lp-muted);font-size:1.2rem}.lp-pick-results{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin-top:16px}.lp-pick-results .lp-result{min-width:200px}.lp-att-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.lp-att-student{justify-content:space-between}.lp-att-name{flex:1;text-align:start}.lp-att-st{font-size:1.3rem;width:32px;text-align:center}.lp-att-student.is-present{background:#ecfdf5;border-color:#6ee7b7}.lp-att-student.is-absent{background:#fef2f2;border-color:#fca5a5}.lp-att-student.is-absent_excused{background:#fefce8;border-color:#fde047}.lp-groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.lp-group{border:2px solid var(--g);border-radius:16px;padding:12px 14px}.lp-group h3{margin:0 0 8px;display:flex;align-items:center;gap:8px;font-size:1.3rem;color:var(--g)}.lp-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:1.1rem}.lp-group li{display:flex;align-items:center;gap:8px}.lp-rules-list{list-style:none;margin:0;padding:0;max-width:900px}.lp-rules-list .lp-step{font-size:clamp(1.2rem,2.4vw,1.8rem)}.lp-q-row{display:flex;align-items:flex-start;gap:14px;flex-wrap:wrap}.lp-q-row .lp-h{flex:1;min-width:0}.lp-ask{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:1px solid var(--lp-accent);border-radius:999px;background:#f0f9ff;color:#0369a1;font:inherit;font-weight:700;cursor:pointer;white-space:nowrap}.lp-hot-stage{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,1.4fr);gap:20px;align-items:start}.lp-hot-wrap{position:relative;cursor:crosshair;line-height:0}.lp-hot-wrap img{width:100%;border-radius:12px;border:1px solid #e2e8f0;-webkit-user-select:none;user-select:none}.lp-hot-target{position:absolute;border:4px solid #f59e0b;border-radius:10px;box-shadow:0 0 0 4000px #0f172a59;animation:lp-in .3s;pointer-events:none}.lp-hot-dot{position:absolute;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;background:#dc2626;border:3px solid #fff;box-shadow:0 2px 6px #0006;pointer-events:none}.lp-hot-miss{color:#b91c1c;font-weight:700}.lp-keypoint.is-revealed{border-color:#f59e0b;background:#fffbeb}.lp-seq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.lp-seq-pool,.lp-cls-pool{display:flex;flex-wrap:wrap;gap:10px;min-height:56px;padding:10px;border:2px dashed #cbd5e1;border-radius:14px}.lp-chip{padding:10px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font:inherit;font-size:clamp(1rem,1.8vw,1.25rem);cursor:pointer;text-align:start}.lp-chip.is-sel{border-color:var(--lp-accent);background:#e0f2fe}.lp-chip.is-placed{display:inline-block}.lp-chip.is-ok,.lp-step.is-ok{border-color:#059669;background:#ecfdf5}.lp-chip.is-bad,.lp-step.is-bad{border-color:#dc2626;background:#fef2f2}.lp-step.is-ok,.lp-step.is-bad{border:2px solid}.lp-cls-grid{display:grid;gap:14px;margin-top:8px}.lp-cat{min-height:160px;padding:12px;border:2px solid #e2e8f0;border-radius:16px;background:#fff;font:inherit;text-align:start;cursor:default;display:flex;flex-direction:column;gap:8px}.lp-cat.is-target{border-color:var(--lp-accent);cursor:pointer;background:#f0f9ff}.lp-cat h3{margin:0;font-size:clamp(1.1rem,2vw,1.4rem)}.lp-cat-items{display:flex;flex-wrap:wrap;gap:8px}.lp-predict-opts{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.lp-vote{display:flex;flex-direction:column;gap:4px}.lp-vote-btn{display:flex;justify-content:space-between;align-items:center;min-height:54px;padding:8px 16px;border:2px solid #e2e8f0;border-radius:12px;background:#f8fafc;font:inherit;font-size:clamp(1.05rem,2vw,1.35rem);cursor:pointer}.lp-vote.is-correct .lp-vote-btn{border-color:#059669;background:#ecfdf5;font-weight:700}.lp-vote-n{min-width:40px;text-align:center;font-weight:700;font-variant-numeric:tabular-nums;background:#e2e8f0;border-radius:999px;padding:2px 10px}.lp-vote-bar{height:8px;border-radius:999px;background:#f1f5f9;overflow:hidden}.lp-vote-bar span{display:block;height:100%;background:var(--lp-accent);transition:width .2s}.lp-try-phases{display:flex;gap:8px;margin-bottom:12px}.lp-phase{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 6px;border:2px solid #e2e8f0;border-radius:999px;background:#f8fafc;font:inherit;font-weight:700;cursor:pointer}.lp-phase.is-on{border-color:var(--lp-accent);background:#e0f2fe}.lp-phase .lp-step-n{width:28px;height:28px;font-size:.9rem}.lp-timer{font-size:clamp(3rem,10vw,7rem);font-weight:700;text-align:center;font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:12px 0}.lp-timer.is-over{color:#dc2626;animation:lp-blink 1s steps(2) infinite}@keyframes lp-blink{50%{opacity:.3}}.lp-ba-stage{position:relative;line-height:0;max-width:1000px;margin:0 auto}.lp-ba-img{width:100%;border-radius:12px;display:block}.lp-ba-after{position:absolute;top:0;right:0;bottom:0;left:0}.lp-ba-line{position:absolute;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 0 1px #0000004d;pointer-events:none}.lp-ba-range{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.lp-ba-tag{position:absolute;top:10px;padding:4px 10px;border-radius:999px;background:#0f172abf;color:#fff;font-size:.85rem;line-height:1.4;pointer-events:none}.lp-ba-tag.is-before{right:10px}.lp-ba-tag.is-after{left:10px}.lp-ba-toggle{text-align:center}.lp-ba-toggle .lp-media{max-height:56vh}@media (max-width: 720px){.lp-hot-stage,.lp-seq-grid{grid-template-columns:1fr}}@media (max-width: 720px){.lp-bar-meta,.lp-bar-count{display:none}.lp-steps-grid,.lp-concept.has-media,.lp-sides{grid-template-columns:1fr}}.multisel-row{flex:1;display:flex;align-items:center;gap:10px;min-height:48px;padding:4px 6px;border:none;border-radius:10px;background:none;font:inherit;color:inherit;text-align:start;cursor:pointer}.multisel-row.is-on{background:var(--teal-tint, #e6fbf6)}.multisel-box{display:inline-flex;color:var(--muted, #7a8798);flex:none}.multisel-row.is-on .multisel-box{color:var(--teal-dark, #0f766e)}.multisel-name{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.multisel-bar{position:fixed;inset-inline:0;bottom:0;z-index:44;margin:0 auto;max-width:640px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));background:var(--surface, #fff);border-top:1px solid var(--line, #e4e9f0);box-shadow:0 -2px 12px #11182714}.app.has-bottom-nav .multisel-bar{bottom:calc(76px + env(safe-area-inset-bottom,0px));padding-bottom:10px}.multisel-spacer{height:150px}.multisel-bar-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.multisel-bar-links{display:flex;gap:6px}.multisel-bar-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.multisel-act{display:inline-flex;align-items:center;gap:6px}.multisel-names{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.multisel-chip{padding:4px 10px;border-radius:999px;background:var(--teal-tint, #e6fbf6);color:var(--teal-dark, #0f766e);font-size:.85rem}.lp-student.is-chosen{border-color:var(--lp-accent);background:#e0f2fe;font-weight:700}.lp-student-tick{margin-inline-start:auto;color:#0369a1;font-weight:700}.lp-multi-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0}.lp-multi-bar>span{margin-inline-end:auto;font-weight:700}.lp-multi-bar .lp-ghost{margin-top:0}.lp-ghost:disabled{opacity:.4;cursor:default}.lp-dialog-head .lp-ghost{display:inline-flex;align-items:center;gap:6px;margin-inline-start:auto;margin-inline-end:8px}