:root{color-scheme:light;--bg: #f6f7fb;--bg-2: #eef2fa;--panel: #ffffff;--panel-2: #f0f2f8;--text: #151b28;--muted: #5c6678;--line: rgba(15, 23, 42, .18);--accent: #6366f1;--accent-dark: #3730a3;--accent-2: #14b8a6;--danger: #f87171;--paper: #f8fafc;--surface: #ffffff;--surface-2: #f4f4f8;--text-1: #111111;--text-2: #6b7280;--glass-bg: rgba(255, 255, 255, .7);--glass-bg-strong: rgba(255, 255, 255, .86);--glass-bg-soft: rgba(255, 255, 255, .56);--glass-panel: rgba(255, 255, 255, .78);--glass-panel-strong: rgba(255, 255, 255, .92);--glass-border: rgba(15, 23, 42, .12);--glass-border-strong: rgba(99, 102, 241, .28);--glass-highlight: rgba(255, 255, 255, .72);--glass-shadow: 0 14px 34px rgba(15, 23, 42, .08), 0 2px 8px rgba(15, 23, 42, .04);--glass-shadow-soft: 0 8px 20px rgba(15, 23, 42, .07);--glass-inset: inset 0 1px 0 var(--glass-highlight);--glass-blur: 12px;--liquid-radius: 22px;--liquid-radius-sm: 14px;--liquid-pill: 999px;--liquid-glow: 0 0 0 3px rgba(99, 102, 241, .14);--liquid-glow-strong: 0 0 0 4px rgba(99, 102, 241, .18);--liquid-press: inset 0 1px 4px rgba(15, 23, 42, .12);--focus-ring: 0 0 0 4px rgba(99, 102, 241, .2);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}:root[data-theme=dark]{color-scheme:dark;--bg: #0d0d0d;--bg-2: #0a0a0a;--panel: #1a1a1a;--panel-2: #222222;--text: #f0f0f0;--muted: #9ca3af;--line: rgba(255, 255, 255, .1);--accent: #818cf8;--accent-dark: #c7d2fe;--danger: #f87171;--paper: #161616;--surface: #1e1e1e;--surface-2: #151515;--text-1: #f0f0f0;--text-2: #9ca3af;--glass-bg: rgba(20, 20, 20, .72);--glass-bg-strong: rgba(22, 22, 22, .94);--glass-bg-soft: rgba(18, 18, 18, .6);--glass-panel: rgba(24, 24, 24, .84);--glass-panel-strong: rgba(26, 26, 26, .97);--glass-border: rgba(255, 255, 255, .08);--glass-border-strong: rgba(129, 140, 248, .28);--glass-highlight: rgba(255, 255, 255, .06);--glass-shadow: 0 16px 36px rgba(0, 0, 0, .4), 0 2px 10px rgba(0, 0, 0, .3);--glass-shadow-soft: 0 8px 22px rgba(0, 0, 0, .35);--glass-inset: inset 0 1px 0 rgba(255, 255, 255, .06);--liquid-glow: 0 0 0 3px rgba(129, 140, 248, .14);--liquid-glow-strong: 0 0 0 4px rgba(129, 140, 248, .2);--liquid-press: inset 0 1px 5px rgba(0, 0, 0, .3);--focus-ring: 0 0 0 4px rgba(129, 140, 248, .24)}*{box-sizing:border-box;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}html{background:var(--bg);overscroll-behavior-x:none}body{margin:0;min-width:320px;min-height:100svh;background:var(--bg);color:var(--text);overflow-x:hidden;overscroll-behavior-x:none}button,input,select,textarea{font:inherit}input,textarea{user-select:text;-webkit-user-select:text}button,a{border:1px solid var(--line);border-radius:14px;background:var(--panel-2);color:var(--text);min-height:40px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;cursor:pointer;transition:border-color .16s ease,background .16s ease}button:hover,a:hover{border-color:var(--accent)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{border:1px solid var(--line);border-radius:16px;background:var(--panel-2);color:var(--text);padding:10px 12px;min-height:42px}h1,h2,p{margin:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:0}h2{font-size:clamp(28px,4vw,46px);line-height:1;letter-spacing:0}#root{min-height:100svh}.app-shell{min-height:100svh;display:block}.resource-card span,.feature-card small,.page-header p,.hero-copy,.empty-state,.web-portal p,.ai-panel p{color:var(--muted)}.main-surface{min-width:0;min-height:100svh;background:linear-gradient(135deg,var(--bg),var(--bg-2))}.page{width:min(1180px,100%);margin:0 auto;padding:14px 16px 24px;min-height:100svh}.home-page{width:min(1200px,100%);min-height:auto;overflow-anchor:none}.hero-band{min-height:auto;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;padding:20px 0 0;border-bottom:1px solid var(--line)}.compact-hero{display:none}.home-brand-header{position:relative;display:grid;place-items:center;text-align:center;padding:10px 48px 0}.home-logo{width:min(300px,70vw);height:190px;object-fit:contain}.auth-page{min-height:100svh;display:grid;place-items:center;padding:24px}.auth-card{width:min(440px,100%);display:grid;gap:16px;padding:26px;border:1px solid var(--glass-border);border-radius:28px;background:var(--glass-panel-strong);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.auth-card h1{font-size:30px}.auth-card p,.auth-card label span{color:var(--muted)}.auth-note{margin-top:8px;font-weight:700}.auth-card label{display:grid;gap:8px}.auth-mark{width:54px;height:54px;display:grid;place-items:center;color:var(--accent-dark);border-radius:18px;background:color-mix(in srgb,var(--accent) 16%,transparent)}.role-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;padding:6px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel-2) 72%,transparent)}.role-select button{min-height:42px;text-transform:capitalize;border-radius:14px;background:transparent;border-color:transparent}.role-select button.active{color:#07111f;background:var(--accent);border-color:transparent}.text-action{background:transparent;border-color:transparent;color:var(--muted)}.form-success{padding:10px 12px;color:#166534;background:#dcfce7;border:1px solid #bbf7d0;border-radius:12px;font-size:14px}.role-dashboard{width:100%;display:grid;grid-template-columns:1fr;gap:16px;align-items:start;margin:12px 0 18px;padding:18px;border:1px solid var(--glass-border);border-radius:28px;background:var(--glass-panel);box-shadow:var(--glass-shadow-soft);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.role-dashboard-main{min-width:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:14px;align-items:center}.role-dashboard-main h2{margin:3px 0 5px;font-size:clamp(22px,3vw,30px);line-height:1.12}.role-dashboard-main p{color:var(--muted);max-width:760px}.role-eyebrow{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.role-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:20px;color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 16%,transparent)}.role-badge{min-height:28px;width:fit-content;display:inline-flex;align-items:center;margin-top:8px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--glass-bg-soft);font-size:13px;text-transform:capitalize}.role-admin .role-icon{color:#6d28d9;background:#7c3aed21}.role-teacher .role-icon{color:#0f766e;background:#14b8a621}.role-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.role-actions span{min-height:34px;display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--glass-bg-soft);font-size:13px}.admin-user-panel{grid-column:1 / -1;display:grid;gap:16px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--glass-panel-strong);box-shadow:var(--glass-shadow-soft)}.admin-dashboard-home,.admin-section-shell{grid-column:1 / -1;min-width:0;display:grid;gap:14px}.admin-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.admin-feature-card{min-width:0;min-height:206px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto;gap:12px;align-items:start;padding:18px;text-align:left;border-radius:22px;background:var(--glass-panel-strong);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow-soft)}.admin-feature-card:hover{transform:translateY(-1px);border-color:var(--glass-border-strong)}.admin-feature-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:15px;color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 14%,transparent)}.admin-feature-copy{min-width:0;display:grid;gap:5px}.admin-feature-copy strong{font-size:18px;line-height:1.18}.admin-feature-copy small,.admin-feature-meta{color:var(--muted);line-height:1.35}.admin-feature-meta{grid-column:1 / -1;align-self:end;min-height:30px;display:inline-flex;align-items:center;width:fit-content;padding:5px 9px;border:1px solid var(--line);border-radius:999px;background:var(--glass-bg-soft);font-size:13px}.admin-feature-action{grid-column:1 / -1;justify-self:start;min-height:34px;display:inline-flex;align-items:center;padding:7px 11px;border-radius:12px;color:#07111f;background:var(--accent);font-weight:750}.teacher-home-classes{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0 4px}.teacher-home-classes-label{font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2, #888);width:100%}.teacher-home-class-chip{padding:5px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-dark, #4338ca);font-size:.85rem;font-weight:600;border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}.teacher-page-shell{display:flex;flex-direction:column;gap:16px}.teacher-panel-card{background:var(--surface, #fff);border:1.5px solid var(--line, #e0e0e8);border-radius:18px;padding:16px;box-shadow:0 10px 24px #0f172a14}.teacher-panel-title{display:flex;align-items:center;gap:10px;margin-bottom:12px;color:var(--text-1, #111)}.teacher-panel-title svg{color:var(--accent, #6366f1)}.teacher-panel-title strong{font-size:.98rem;font-weight:800}.teacher-panel-title span{margin-left:auto;color:var(--text-2, #777);font-size:.82rem;font-weight:600}.teacher-home-grid{align-items:stretch}.teacher-home-grid .feature-card{min-height:190px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--panel) 92%,white),var(--panel)),var(--panel)}.teacher-class-list{display:flex;flex-direction:column;gap:10px;margin-top:4px}.teacher-class-card{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:12px;background:var(--glass-panel-strong, #fff);border:1px solid var(--glass-border, #e0e0e8);box-shadow:var(--glass-shadow-soft);text-align:left;cursor:pointer;transition:transform .13s,border-color .13s}.teacher-record-table{margin-top:0;border-radius:12px;overflow:hidden}.teacher-class-card:hover{transform:translateY(-1px);border-color:var(--accent, #6366f1)}.teacher-class-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-dark, #4338ca);flex-shrink:0}.teacher-class-info{flex:1;min-width:0}.teacher-class-info strong{display:block;font-size:.95rem;font-weight:700;color:var(--text-1, #111)}.teacher-class-info small{font-size:.8rem;color:var(--text-2, #888)}.teacher-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-2, #888);text-align:center}.teacher-empty-state p{font-size:.9rem;max-width:320px}.teacher-planner-table{display:flex;flex-direction:column;gap:0;border:1.5px solid var(--line, #e0e0e8);border-radius:14px;overflow:hidden;margin-top:4px}.teacher-planner-row{display:grid;grid-template-columns:110px 1fr 1fr 1fr 1fr;gap:12px;padding:12px 16px;align-items:center;border-bottom:1px solid var(--line, #e0e0e8);font-size:.88rem}.teacher-planner-row:last-child{border-bottom:none}.teacher-planner-head{background:var(--surface-2, #f4f4f8);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-2, #888)}.admin-section-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:24px;background:var(--glass-panel-strong);box-shadow:var(--glass-shadow-soft)}.admin-section-header button{min-width:112px}.admin-section-header h3{margin:0 0 3px;font-size:24px}.admin-section-header p{color:var(--muted)}.admin-user-panel-title{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:center}.admin-user-panel-title>svg{width:42px;height:42px;padding:10px;border-radius:14px;color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 14%,transparent)}.admin-user-panel-title div{min-width:0;display:grid;gap:3px}.admin-user-panel-title span,.admin-user-grid label span,.admin-check{color:var(--muted);font-size:13px}.admin-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-user-grid label{min-width:0;display:grid;gap:6px}.admin-check{display:flex;align-items:center;gap:8px}.admin-check input{width:18px;min-height:18px}.management-list{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--glass-bg-soft)}.management-list>span{color:var(--muted)}.management-list-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.management-list-grid span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;border:1px solid var(--line);border-radius:12px;background:var(--glass-bg-soft)}.inline-add-form{display:grid;gap:14px}.inline-add-form .primary-action,.admin-user-panel>.primary-action{width:fit-content}.admin-advanced{border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--glass-bg-soft)}.admin-advanced summary{cursor:pointer;color:var(--muted);font-weight:700}.admin-advanced label{display:grid;gap:6px;margin-top:10px}.settings-account-card{display:grid;grid-template-columns:46px minmax(0,1fr);gap:12px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:18px;background:var(--glass-bg-soft)}.settings-account-card div{min-width:0;display:grid;gap:4px}.settings-account-card span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted)}.settings-account-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 14%,transparent)}.settings-sign-out{width:fit-content;color:#991b1b;background:#fee2e2;border-color:#fecaca}.dashboard-mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-box{min-width:0;display:grid;align-content:start;gap:7px;padding:14px;border:1px solid var(--line);border-radius:16px;background:var(--glass-bg-soft)}.info-box span,.role-help,.import-row small{color:var(--muted)}.checkbox-group{min-width:0;max-height:168px;overflow:auto;display:grid;gap:7px;margin:0;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--glass-bg-soft)}.checkbox-group legend{padding:0 6px;color:var(--muted);font-size:13px}.checkbox-group label{display:flex;align-items:center;gap:8px;min-height:30px}.checkbox-group input{width:17px;min-height:17px}.import-table{display:grid;gap:8px}.import-row{display:grid;grid-template-columns:80px 90px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--glass-bg-soft)}.admin-record-table{width:100%;overflow-x:auto;display:grid;gap:8px}.admin-record-row{min-width:720px;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(120px,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:14px;background:var(--glass-bg-soft)}.admin-record-row>span,.admin-record-row>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-record-head{color:var(--muted);background:transparent;box-shadow:none}.stat-card strong{font-size:30px}.import-ready span,.import-created span{color:#166534}.import-error span,.import-failed span{color:#991b1b}.home-settings{position:absolute;right:0;top:14px;width:46px;padding:0}.study-hero-card{width:100%;margin:14px 0 20px;min-height:96px;padding:20px;justify-content:flex-start;text-align:left;border-radius:24px;border-color:transparent;color:#fff;background:linear-gradient(135deg,#1f3b73,#0f1e3a);box-shadow:0 8px 16px #1c40872e}:root:not([data-theme=dark]) .study-hero-card{background:linear-gradient(135deg,#6fa1f2,#3f6fd0)}.study-hero-card span:nth-child(2){display:grid;gap:6px;flex:1}.study-hero-card strong{font-size:22px}.study-hero-card small{color:#ffffffc7}.study-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#ffffff1f}.arrow{font-size:38px;line-height:1}.eyebrow{margin-bottom:10px;text-transform:uppercase;color:var(--accent);font-size:13px;font-weight:800}.hero-copy{max-width:680px;margin-top:18px;font-size:19px}.primary-action{background:var(--accent);color:#07111f;border-color:transparent;font-weight:800}.feature-grid,.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:16px}.feature-card,.resource-card{min-height:244px;padding:18px;align-items:flex-start;justify-content:space-between;flex-direction:column;text-align:left;background:linear-gradient(135deg,var(--panel),color-mix(in srgb,var(--panel-2) 55%,var(--panel)));border:1.5px solid var(--line);border-radius:20px;box-shadow:0 8px 14px #0f172a14}:root:not([data-theme=dark]) button,:root:not([data-theme=dark]) input,:root:not([data-theme=dark]) select,:root:not([data-theme=dark]) textarea{border-color:#0f172a33}:root:not([data-theme=dark]) .feature-card,:root:not([data-theme=dark]) .resource-card,:root:not([data-theme=dark]) .create-row,:root:not([data-theme=dark]) .study-picker,:root:not([data-theme=dark]) .settings-list,:root:not([data-theme=dark]) .page-status span,:root:not([data-theme=dark]) .notebook-tools{border-color:#0f172a33}.library-grid .resource-card{min-height:170px;max-width:380px;min-width:0}.copybook-card{gap:18px;position:relative;padding-bottom:74px;overflow:hidden;border:2px solid color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:0 14px 24px #0f172a24}.copybook-card-title{width:100%;display:grid;grid-template-columns:36px minmax(0,1fr);gap:10px;align-items:start}.copybook-card-title div{min-width:0;display:grid;gap:6px}.copybook-card-title strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.copybook-card-title span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px}.copybook-card .card-actions{position:absolute;left:18px;right:18px;bottom:16px;align-items:center;width:auto}.copybook-card .icon-danger{width:40px;flex:0 0 40px;min-height:40px;margin-left:auto;padding:0;border-radius:16px}.simple-appbar{min-height:52px;display:flex;align-items:center;gap:12px;justify-content:center;margin:-14px -16px 14px;background:#fff;border-bottom:1px solid rgba(15,23,42,.03);position:sticky;top:0;z-index:25}.simple-appbar button{position:absolute;left:8px;width:42px;padding:0;border-color:transparent;background:transparent}.simple-appbar strong{font-size:18px}:root[data-theme=dark] .simple-appbar{background:#0b1220}.fab{position:fixed;right:20px;bottom:22px;width:52px;min-height:52px;padding:0;border-radius:16px;background:#dce5ff;color:#243550;box-shadow:0 5px 10px #0f172a33;z-index:30}.sample-chip{margin:8px 0 0;background:#f7f8ff;color:#4b5d87}.form-page{display:block}.flutter-form-card{width:min(680px,100%);margin:12px auto 0;padding:12px 18px 18px;display:grid;gap:14px;background:#fff;border-radius:18px}.flutter-form-card label{display:grid;gap:2px}.flutter-form-card label span{padding-left:12px;color:#6b7280;font-size:12px}.flutter-form-card input{background:#eef1f7;border:2px solid #cfd7e6;outline:0}.flutter-form-card input:focus{border-color:#5b8ee8;box-shadow:0 0 0 4px #5b8ee82e}.flutter-form-card select{width:110px;background:transparent;border:0}.flutter-form-card button{width:fit-content;color:#5669a2;background:#f3f4fb;border-color:#e7eaf4}.form-error{padding:10px 12px;color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:12px;font-size:14px}@media(max-width:1100px){.admin-card-grid,.dashboard-mini-grid,.admin-user-grid,.management-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.role-actions{justify-content:flex-start}.role-dashboard-main,.admin-section-header,.admin-user-panel-title{grid-template-columns:1fr}.role-icon,.admin-user-panel-title>svg{width:48px;height:48px}.admin-user-grid,.dashboard-mini-grid,.admin-card-grid,.management-list-grid{grid-template-columns:1fr}.admin-feature-card{min-height:0}.admin-section-header button,.settings-sign-out{width:100%}.import-row{grid-template-columns:1fr}.admin-record-row{min-width:0;grid-auto-flow:row;grid-auto-columns:unset}}.phone-block-card{width:min(460px,100%);min-height:260px;margin:80px auto 0;padding:28px;display:grid;place-items:center;align-content:center;gap:14px;text-align:center;background:#fff;border-radius:22px;box-shadow:0 8px 14px #0f172a14}.phone-block-card strong{font-size:22px}.phone-block-card p{color:var(--muted)}.modal-backdrop{position:fixed;inset:0;z-index:200;display:grid;place-items:stretch;background:#f6f7fb;overscroll-behavior:contain;touch-action:auto}.modal-backdrop.dim{place-items:end center;background:#0000007a;touch-action:auto}.image-search-panel{min-height:100svh;max-height:100svh;display:flex;flex-direction:column;background:#202124;color:#e8eaed;overflow:hidden;overscroll-behavior:contain}.image-search-topbar{min-height:72px;display:grid;grid-template-columns:42px minmax(220px,860px);gap:14px;align-items:center;padding:10px 24px;background:#202124;border-bottom:1px solid #3c4043}.image-search-panel header button{padding:0;color:#bdc1c6;background:transparent;border:0}.google-search-pill{min-height:50px;display:grid;grid-template-columns:minmax(0,1fr) 38px 38px;align-items:center;gap:4px;padding:0 12px 0 20px;background:#4d5156;border:1px solid #5f6368;border-radius:999px}.google-search-pill:focus-within{border-color:#8ab4f8}.google-search-pill input{min-height:44px;padding:0;color:#e8eaed!important;background:transparent;border:0;outline:0;box-shadow:none}.google-search-pill input:focus{outline:0;box-shadow:none}.google-search-pill input::placeholder{color:#c9cdd1}.image-search-panel p{padding:10px 20px 12px;text-align:center;color:#bdc1c6;background:#202124;font-size:12px}.image-save-toast{position:fixed;left:50%;bottom:28px;z-index:100;transform:translate(-50%);padding:12px 18px;border-radius:999px;background:#e8f0fe;color:#174ea6;font-weight:800;box-shadow:0 16px 30px #00000052}.search-results{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));align-content:start;gap:24px 20px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:18px 20px 36px;background:#202124}.search-result{min-height:214px;padding:0;overflow:visible;display:flex;flex-direction:column;gap:8px;align-content:start;background:transparent;color:#e8eaed;border:0;border-radius:8px;text-align:left}.search-result img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;background:#2b2c30}.search-result div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.search-result span{min-width:0;display:grid;gap:2px;color:#bdc1c6;text-align:left}.search-result strong{color:#e8eaed;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result small{color:#9aa0a6;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result button{min-height:32px;padding:0 12px;border-radius:999px;color:#0b1220;background:#8ab4f8;border-color:transparent;font-weight:800}.saved-images-sheet{width:min(640px,calc(100% - 28px));height:min(460px,70svh);margin-bottom:0;padding:14px;background:#f7f7ff;color:#172033;border-radius:20px 20px 0 0;box-shadow:0 -12px 30px #00000040;overflow:hidden;overscroll-behavior:contain}.saved-images-sheet header{display:grid;grid-template-columns:auto 1fr auto auto;gap:8px;align-items:center;margin-bottom:12px}.saved-images-sheet header button{color:#4b5d87;background:transparent;border:0}.saved-images-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;max-height:calc(100% - 52px)}.saved-image-tile{position:relative;min-height:116px;border-radius:10px;overflow:hidden;background:#fff;cursor:pointer}.saved-image-tile img{width:100%;height:100%;min-height:116px;object-fit:cover;display:block}.saved-image-tile span{position:absolute;left:0;right:0;bottom:0;padding:5px;color:#fff;background:linear-gradient(transparent,#000000ad);font-size:11px}.saved-image-tile button{position:absolute;right:5px;top:5px;width:28px;min-height:28px;padding:0;border-radius:999px;color:#fff;background:#dc2626db}.page-menu-sheet{width:min(560px,calc(100% - 20px));max-height:min(640px,82svh);margin-bottom:0;padding:14px;display:grid;gap:4px;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;background:#f7f7ff;color:#172033;border-radius:20px 20px 0 0;box-shadow:0 -12px 30px #00000040}.page-menu-sheet>button{justify-content:flex-start;min-height:48px;padding:0 12px;color:#374151;background:transparent;border-color:transparent}.page-menu-list{margin-top:8px;padding-top:8px;border-top:1px solid #d8dce8;display:grid}.page-menu-row{min-height:54px;display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;color:#374151}.page-menu-row svg{color:#4f6fa7}.page-menu-row span:nth-child(2){display:grid}.page-menu-row small{color:#6b7280}.feature-card span,.resource-card strong{max-width:100%;font-size:20px;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-card>span,.feature-card small{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-card .thumb{width:100%;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:var(--panel-2)}.file-thumb-error{min-height:120px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--glass-border)}.card-actions,.toolbar>div,.notebook-tools,.page-strip,.create-row,.settings-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.card-actions{width:100%}.icon-danger{color:var(--danger);margin-left:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.hidden-input{display:none}.empty-state{display:grid;place-items:center;min-height:220px;border:1px dashed var(--line);border-radius:22px;margin-top:18px}.reader-screen,.study-session,.notebook{min-height:100svh;display:flex;flex-direction:column}.toolbar{min-height:58px;padding:8px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--panel) 94%,transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.notebook:not(.compact)>.toolbar{position:fixed!important;inset:0 0 auto!important;z-index:90}.toolbar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar>div{margin-left:auto;justify-content:flex-end}.tool-button{width:40px;padding:0}.tool-button.active,.segmented .selected,.page-strip .selected{background:var(--accent);color:#07111f;border-color:transparent}.page-count{min-width:72px;text-align:center;color:var(--muted)}.pdf-stage{flex:1;min-height:0;display:grid;place-items:start center;overflow:auto;position:relative;padding:18px}.pdf-stage.is-hand .annotation-canvas{pointer-events:none}.pdf-stage .react-pdf__Page{margin:0 auto 18px;box-shadow:0 10px 28px #00000047}.pdf-stage .react-pdf__Document{position:relative;z-index:1}.read-only-preview .toolbar{gap:8px}.read-only-pill{display:inline-flex;align-items:center;min-height:30px;padding:0 10px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent-dark, #4338ca);font-size:.78rem;font-weight:800}.cloud-preview-stage{flex:1;min-height:0;overflow:auto;display:grid;place-items:start center;padding:18px}.cloud-preview-stage .react-pdf__Page{margin:0 auto 18px;box-shadow:0 10px 28px #00000038}.cloud-image-preview{max-width:min(100%,1100px);max-height:calc(100svh - 120px);object-fit:contain;border-radius:12px;background:var(--panel, #fff);border:1px solid var(--line, #e0e0e8)}.cloud-pdf-preview{width:min(100%,1120px);min-height:calc(100svh - 145px);border:0;border-radius:12px;background:var(--panel, #fff)}.annotation-canvas{position:absolute;top:18px;left:50%;width:auto;height:auto;transform:translate(-50%);z-index:2;touch-action:none;pointer-events:auto}.create-row{padding:14px;background:linear-gradient(135deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:22px}.create-row input{flex:1;min-width:220px}.notebook-tools{padding:6px 10px;background:var(--panel);border-bottom:1px solid var(--line);justify-content:center;gap:6px;row-gap:6px;position:sticky;top:58px;z-index:25;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.notebook:not(.compact) .notebook-tools{position:fixed!important;top:58px!important;left:0;right:0;z-index:89}.notebook:not(.compact){padding-top:58px}.notebook:not(.compact).tools-open{padding-top:122px}.notebook.compact>.page-status{position:sticky;top:0;z-index:26}.notebook.compact .notebook-tools{top:46px}.notebook-tools>button,.notebook-tools .tool-button{min-height:34px;padding:0 9px;border-radius:10px}.notebook-tools .clear-tool-button{width:132px;min-width:132px;min-height:48px;padding-inline:14px;border-radius:14px;position:relative;z-index:2;flex:0 0 132px}.notebook-tools .clear-tool-button span{font-weight:800;white-space:nowrap}.eraser-compact,.pencil-compact,.hand-compact,.mode-compact{position:relative;min-height:34px;display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}.eraser-compact.active,.pencil-compact.active,.hand-compact.active{color:#fff;background:var(--accent);border-color:var(--accent)}.eraser-compact button,.pencil-compact button,.hand-compact button{width:34px;min-height:34px;padding:0;border:0;border-radius:0;color:inherit;background:transparent}.mode-compact>button{width:auto;min-width:118px;min-height:34px;padding:0 10px;border:0;border-radius:0;color:inherit;background:transparent;gap:7px;font-weight:800}.mode-compact>button span{min-width:68px;text-align:left}.pencil-compact button:last-of-type{width:22px}.pencil-compact button:last-of-type:after,.mode-compact>button:after{content:"";width:0;height:0;margin-right:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;pointer-events:none}.pencil-compact button:last-of-type:after,.mode-compact>button:after{margin:0}.pencil-size-popover,.mode-dropdown{position:absolute;top:calc(100% + 8px);left:0;z-index:65;padding:10px;border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:0 14px 28px #0f172a33}.pencil-size-popover input[type=range]{width:150px}.mode-dropdown{display:grid;gap:6px;min-width:132px}.mode-dropdown button{justify-content:flex-start;min-height:36px;border-radius:9px}.mode-dropdown .selected{color:#07111f;background:var(--accent);border-color:transparent}.eraser-compact button:last-of-type{width:24px}.eraser-compact button:last-of-type svg,.hand-compact button:last-of-type svg{transition:transform .18s ease}.eraser-mode-popover,.hand-mode-popover{position:absolute;top:calc(100% + 8px);left:0;z-index:65;min-width:172px;padding:10px;display:grid;gap:6px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);box-shadow:0 14px 28px #0f172a33}.eraser-mode-popover button,.hand-mode-popover button{width:100%;justify-content:flex-start;min-height:48px;padding:0 14px;border-radius:12px;font-weight:800}.eraser-mode-popover .selected,.hand-mode-popover .selected{color:#07111f;background:var(--accent);border-color:transparent}.segmented{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden}.segmented button{border:0;border-radius:0}.swatches{display:inline-flex;gap:6px;position:relative;align-items:center}.swatch{width:22px;min-height:22px;padding:0;border-radius:999px}.swatch.active{outline:2px solid var(--accent);outline-offset:2px}.swatch-more{width:26px;min-height:22px;padding:0;border-radius:999px;background:transparent}.swatch-more.open svg{transform:rotate(180deg)}.color-menu-anchor{position:relative;display:inline-flex}.color-dropdown{position:absolute;top:calc(100% + 8px);right:0;z-index:55;width:142px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;background:#fff;border:1px solid #d8dce8;border-radius:14px;box-shadow:0 12px 28px #0f172a29}:root[data-theme=dark] .color-dropdown{background:#101827;border-color:#ffffff24}.page-strip{padding:8px 10px;border-bottom:1px solid var(--line)}.page-strip button{width:38px;padding:0}.page-status{min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;padding:7px 10px;border-bottom:1px solid var(--line);background:var(--panel)}.top-page-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-height:0;padding:0;border-bottom:0;background:transparent;z-index:1}.page-status span{min-width:92px;padding:7px 12px;text-align:center;color:var(--ink);font-weight:800;border:1px solid var(--line);border-radius:999px;background:var(--panel-2)}.page-status button{width:36px;min-height:32px;padding:0;border-radius:999px;font-size:20px;font-weight:900}.top-page-status span{min-width:84px;padding:6px 10px}.top-page-status button{width:32px;min-height:30px}.paper-wrap{flex:1;min-height:620px;margin:10px 12px 0;background:var(--paper);border-radius:22px;position:relative;overflow:hidden;box-shadow:0 18px 60px #0000003d}.paper-wrap.hand-drag{touch-action:none;overscroll-behavior:contain}.notebook.menu-open{overflow:hidden}.notebook.compact .paper-wrap{flex:1;width:auto;min-height:520px;margin:8px}.paper-wrap.template-grid{background-color:var(--paper);background-image:linear-gradient(color-mix(in srgb,#334155 18%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#334155 18%,transparent) 1px,transparent 1px);background-size:32px 32px}.paper-wrap.template-lined{background-color:var(--paper);background-image:linear-gradient(color-mix(in srgb,#334155 24%,transparent) 1px,transparent 1px);background-size:100% 42px}:root[data-theme=dark] .paper-wrap.template-grid{background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px)}:root[data-theme=dark] .paper-wrap.template-lined{background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px)}:root[data-theme=dark] .paper-wrap{border:1px solid rgba(255,255,255,.08)}.paper-wrap canvas{position:absolute;inset:0;z-index:7;width:100%;height:100%;display:block;touch-action:none}.paper-wrap.is-hand canvas{pointer-events:none}.page-image-layer,.page-text{position:absolute}.page-text-input{position:absolute;z-index:40;transform:translateY(-50%);width:min(320px,calc(100% - 16px));min-width:0;display:inline-flex;align-items:center;gap:6px}.page-text-input input{min-height:36px;width:auto;min-width:0;flex:1;padding:5px 8px;color:inherit;font-size:22px;font-weight:700;background:color-mix(in srgb,var(--paper) 82%,transparent);border:2px solid #3f6fd0;border-radius:8px;box-shadow:0 8px 18px #0f172a2e}.page-text-input button{flex:0 0 40px;width:40px;min-height:40px;padding:0;border-radius:999px;color:#fff;background:#3f6fd0;border-color:#3f6fd0}.page-image-layer{z-index:4;border:0;background:transparent;touch-action:none;cursor:move;pointer-events:none}.page-image-layer.selected{outline:2px solid #3f6fd0;outline-offset:2px;z-index:6}.paper-wrap.is-layer-edit .page-image-layer{pointer-events:auto;z-index:11}.paper-wrap.is-text-editing .page-image-layer{pointer-events:none;z-index:4}.paper-wrap.is-layer-edit .page-text{cursor:move;z-index:30}.page-image-layer img{width:100%;height:100%;display:block;object-fit:fill;pointer-events:none}.page-text{z-index:30;transform:translateY(-50%);max-width:min(320px,calc(100% - 16px));font-weight:700;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:auto;cursor:text;padding:2px 4px;border-radius:8px;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.page-text.selected{outline:2px solid #3f6fd0;background:#3f6fd014}.layer-delete{position:absolute;right:-12px;top:-12px;width:28px;min-height:28px;padding:0;border-radius:999px;color:#fff;background:#dc2626;z-index:7}.text-delete{right:-22px;top:-22px}.text-resize{right:-17px;bottom:-17px}.layer-resize{position:absolute;right:-9px;bottom:-9px;width:20px;min-height:20px;padding:0;border-radius:999px;background:#3f6fd0;cursor:nwse-resize;touch-action:none}.layer-delete{touch-action:none}.settings-check{position:relative;width:52px;height:30px;display:inline-grid;place-items:center end;padding:4px;color:#94a3b8;border:1px solid var(--line);border-radius:999px;background:var(--panel-2);transition:background .16s ease,color .16s ease,border-color .16s ease}.settings-check input{position:absolute;inset:0;width:100%;min-height:100%;margin:0;opacity:0;cursor:pointer}.settings-check svg{position:relative;z-index:1;transform:translate(-20px);transition:transform .16s ease}.settings-check.active{color:#07111f;background:var(--accent);border-color:transparent}.settings-check.active svg{transform:translate(0)}.study-picker{display:grid;gap:16px;max-width:680px;padding:18px;background:linear-gradient(135deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:22px}.study-picker label{display:grid;gap:8px;color:var(--muted)}.study-grid{flex:1;min-height:0;display:grid;grid-template-columns:var(--book-size, 50%) minmax(0,1fr)}.study-grid.book,.study-grid.notes{grid-template-columns:1fr}.study-grid.with-ai{grid-template-columns:var(--book-size, 44%) minmax(0,1fr) 320px}.study-grid.book.with-ai,.study-grid.notes.with-ai{grid-template-columns:minmax(0,1fr) 320px}.study-pane{min-width:0;min-height:0;border-right:1px solid var(--line);overflow:hidden}.study-pane .reader-screen,.study-pane .notebook{min-height:0;height:100%}.study-pane .toolbar{display:none}.split-range{position:fixed;z-index:30;left:50%;top:70px;width:180px;transform:translate(-50%)}.ai-panel,.web-portal{padding:18px;background:linear-gradient(135deg,var(--panel),var(--panel-2))}.schedule-image-viewer{flex:1;min-height:0;display:grid;place-items:center;overflow:auto;padding:18px}.schedule-image-viewer img{max-width:min(1200px,100%);max-height:100%;object-fit:contain}.web-frame{flex:1;width:100%;min-height:0;border:0;background:#fff}.web-embed-notice{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;color:var(--muted);text-align:center;border-bottom:1px solid var(--glass-border);background:var(--glass-bg-strong)}.web-embed-notice button{min-height:34px;padding:6px 10px}.web-fallback{display:none;padding:12px;gap:12px;align-items:center;justify-content:center;border-top:1px solid var(--line);background:var(--panel)}.ai-panel{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:14px}.ai-panel div{display:flex;align-items:center;gap:10px}.ai-panel textarea{min-height:180px;resize:vertical}.web-portal{height:100%;display:grid;place-items:center;align-content:center;text-align:center;gap:12px}.settings-list{align-items:stretch;flex-direction:column;max-width:none}.switch-row{min-height:46px;padding:0 4px;display:flex;align-items:center;justify-content:space-between}.switch-row input{width:48px;min-height:28px;accent-color:#7d8ba5}.liquid-card,.liquid-panel,.liquid-toolbar,.liquid-input,.liquid-button,.liquid-outline,.liquid-active{border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%)}.liquid-card,.liquid-panel{border-radius:var(--liquid-radius);background:var(--glass-panel)}.liquid-toolbar{border-radius:var(--liquid-pill);background:var(--glass-bg-strong)}.liquid-button,.liquid-input{border-radius:var(--liquid-pill);background:var(--glass-bg)}.liquid-active{border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-soft),var(--liquid-glow),var(--glass-inset)}@keyframes liquidSelectedGlow{0%,to{box-shadow:var(--glass-shadow-soft),var(--liquid-glow),var(--glass-inset)}50%{box-shadow:var(--glass-shadow-soft),var(--liquid-glow-strong),var(--glass-inset)}}body{background:linear-gradient(135deg,var(--bg),var(--bg-2) 48%,color-mix(in srgb,var(--accent-dark) 10%,var(--bg)))}.main-surface,.modal-backdrop{background:radial-gradient(1200px 780px at 50% -220px,color-mix(in srgb,var(--accent) 18%,transparent),transparent 64%),linear-gradient(135deg,var(--bg),var(--bg-2) 58%,color-mix(in srgb,var(--accent-dark) 14%,var(--bg)))}button,a,input,select,textarea{border-color:var(--glass-border);box-shadow:var(--glass-inset);transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}button,a{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 46%),var(--glass-bg);border-radius:var(--liquid-pill);box-shadow:var(--glass-shadow-soft),var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%)}button:hover,a:hover{border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-soft),var(--liquid-glow),var(--glass-inset);transform:translateY(-1px)}button:active,a:active{transform:translateY(0);box-shadow:var(--liquid-press),var(--glass-inset)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--glass-border-strong);box-shadow:var(--focus-ring),var(--glass-inset)}input,select,textarea{background:linear-gradient(180deg,rgba(255,255,255,.16),transparent 42%),var(--glass-bg-soft);border-radius:var(--liquid-radius-sm);backdrop-filter:blur(calc(var(--glass-blur) * .7)) saturate(140%);-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .7)) saturate(140%)}.feature-card,.resource-card,.copybook-card,.flutter-form-card,.phone-block-card,.study-picker,.settings-list,.create-row,.ai-panel,.web-portal,.saved-images-sheet,.page-menu-sheet,.image-search-panel,.web-fallback{background:var(--glass-panel);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%)}.feature-card,.resource-card,.copybook-card,.flutter-form-card,.phone-block-card,.study-picker,.settings-list,.create-row,.ai-panel,.web-portal{border-radius:var(--liquid-radius)}.feature-card,.resource-card,.study-hero-card,.saved-image-tile,.search-result,.page-menu-row{transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.feature-card:hover,.resource-card:hover,.study-hero-card:hover,.saved-image-tile:hover,.search-result:hover{transform:translateY(-2px);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow),var(--liquid-glow),var(--glass-inset)}.simple-appbar,.toolbar,.notebook-tools,.page-status,.page-strip,.image-search-topbar{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 58%),var(--glass-bg-strong);border-color:var(--glass-border);box-shadow:0 10px 32px #0f172a1a,var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(155%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(155%)}.simple-appbar{border-bottom-color:var(--glass-border)}:root[data-theme=dark] .simple-appbar{background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 58%),var(--glass-bg-strong)}.study-hero-card,.primary-action,.fab,.tool-button.active,.segmented .selected,.page-strip .selected,.eraser-compact.active,.pencil-compact.active,.hand-compact.active,.mode-dropdown .selected,.eraser-mode-popover .selected,.hand-mode-popover .selected,.settings-check.active,.search-result button,.page-text-input button{color:#061223;border-color:#ffffff47;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent 50%),linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent-dark) 34%,var(--accent)));box-shadow:var(--glass-shadow-soft),var(--liquid-glow),var(--glass-inset)}.tool-button.active,.segmented .selected,.page-strip .selected,.eraser-compact.active,.pencil-compact.active,.hand-compact.active,.settings-check.active{animation:liquidSelectedGlow 2.8s ease-in-out infinite}.study-hero-card{overflow:hidden;border-radius:calc(var(--liquid-radius) + 4px)}.study-icon,.page-status span,.page-count,.sample-chip,.google-search-pill,.eraser-compact,.pencil-compact,.hand-compact,.mode-compact,.segmented,.swatches,.settings-check{background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 50%),var(--glass-bg);border-color:var(--glass-border);box-shadow:var(--glass-inset);backdrop-filter:blur(calc(var(--glass-blur) * .8)) saturate(145%);-webkit-backdrop-filter:blur(calc(var(--glass-blur) * .8)) saturate(145%)}.pencil-size-popover,.mode-dropdown,.eraser-mode-popover,.hand-mode-popover,.color-dropdown{background:var(--glass-panel-strong);border:1px solid var(--glass-border);border-radius:var(--liquid-radius-sm);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(150%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(150%)}.mode-dropdown button,.eraser-mode-popover button,.hand-mode-popover button,.page-menu-sheet>button,.saved-images-sheet header button,.image-search-panel header button,.simple-appbar button{background:transparent;box-shadow:none}.mode-dropdown button:hover,.eraser-mode-popover button:hover,.hand-mode-popover button:hover,.page-menu-sheet>button:hover,.saved-images-sheet header button:hover,.image-search-panel header button:hover,.simple-appbar button:hover{background:var(--glass-bg-soft);box-shadow:var(--glass-inset)}.swatch{border:2px solid rgba(255,255,255,.72);box-shadow:0 2px 8px #0f172a2e,var(--glass-inset)}.swatch.active{outline:2px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 18%,transparent),var(--liquid-glow)}.paper-wrap{border:1px solid var(--glass-border);border-radius:var(--liquid-radius);box-shadow:0 24px 70px #0f172a38,0 0 0 1px #ffffff38,var(--glass-inset)}:root[data-theme=dark] .paper-wrap{box-shadow:0 24px 70px #0000007a,0 0 0 1px #6fa1f21f,var(--glass-inset)}.pdf-stage .react-pdf__Page,.schedule-image-viewer img,.web-frame{border-radius:var(--liquid-radius-sm);box-shadow:var(--glass-shadow);overflow:hidden}.modal-backdrop.dim{background:#040a1494;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.image-search-panel{color:var(--text);overflow:hidden}.image-search-panel p,.search-results{background:transparent;color:var(--muted)}.search-result{padding:10px;overflow:hidden;color:var(--text);background:var(--glass-bg-soft);border:1px solid var(--glass-border);border-radius:var(--liquid-radius-sm);box-shadow:var(--glass-shadow-soft),var(--glass-inset)}.search-result img,.saved-image-tile img,.resource-card .thumb{border-radius:calc(var(--liquid-radius-sm) - 6px)}.search-result strong{color:var(--text)}.search-result span,.search-result small{color:var(--muted)}.saved-images-sheet,.page-menu-sheet{color:var(--text);border-radius:var(--liquid-radius) var(--liquid-radius) 0 0}.page-menu-list{border-top-color:var(--glass-border)}.page-menu-row{padding:6px 8px;border-radius:var(--liquid-radius-sm);color:var(--text)}.page-menu-row:hover{background:var(--glass-bg-soft)}.page-menu-row small{color:var(--muted)}.saved-image-tile{background:var(--glass-bg-soft);border:1px solid var(--glass-border);box-shadow:var(--glass-inset)}.empty-state{border-color:var(--glass-border);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent),var(--glass-bg-soft);box-shadow:var(--glass-inset)}.form-error{border-color:#f871715c;background:color-mix(in srgb,var(--danger) 16%,var(--glass-bg-strong));color:color-mix(in srgb,var(--danger) 70%,var(--text))}.file-error{width:min(760px,100%);margin:10px 0 0}.settings-check svg{filter:drop-shadow(0 2px 5px rgba(15,23,42,.18))}.layer-delete,.layer-resize,.text-resize{box-shadow:0 8px 18px #0f172a47,var(--glass-inset)}body{background:var(--bg)}.main-surface,.modal-backdrop{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,#ffffff),var(--bg-2))}:root[data-theme=dark] .main-surface,:root[data-theme=dark] .modal-backdrop{background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 92%,#24344d),var(--bg-2))}.liquid-card,.liquid-panel,.liquid-toolbar,.liquid-input,.liquid-button,.liquid-outline,.liquid-active{box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(125%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(125%)}button,a{background:var(--glass-bg-strong);border-color:var(--glass-border);box-shadow:0 1px 2px #0f172a0a,var(--glass-inset);backdrop-filter:blur(10px) saturate(118%);-webkit-backdrop-filter:blur(10px) saturate(118%)}button:hover,a:hover{border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow-soft),var(--glass-inset);transform:translateY(-1px)}button:active,a:active{box-shadow:var(--liquid-press),var(--glass-inset);transform:translateY(0)}input,select,textarea{background:var(--glass-bg-strong);border-color:var(--glass-border);box-shadow:inset 0 1px 0 var(--glass-highlight);backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%)}.feature-card,.resource-card,.copybook-card,.flutter-form-card,.phone-block-card,.study-picker,.settings-list,.create-row,.ai-panel,.web-portal,.saved-images-sheet,.page-menu-sheet,.image-search-panel,.web-fallback{background:var(--glass-panel);border-color:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(var(--glass-blur)) saturate(118%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(118%)}.feature-card,.resource-card{min-height:220px;padding:20px}.feature-card:hover,.resource-card:hover,.study-hero-card:hover,.saved-image-tile:hover,.search-result:hover{transform:translateY(-1px);border-color:var(--glass-border-strong);box-shadow:var(--glass-shadow),var(--glass-inset)}.simple-appbar,.toolbar,.notebook-tools,.page-status,.page-strip,.image-search-topbar{background:var(--glass-bg-strong);border-color:var(--glass-border);box-shadow:0 8px 24px #0f172a0f,var(--glass-inset);backdrop-filter:blur(14px) saturate(122%);-webkit-backdrop-filter:blur(14px) saturate(122%)}.notebook-tools{width:fit-content;max-width:calc(100% - 24px);margin-inline:auto;border:1px solid var(--glass-border);border-radius:var(--liquid-pill);box-shadow:var(--glass-shadow-soft),var(--glass-inset)}.notebook:not(.compact) .notebook-tools{left:50%;right:auto;transform:translate(-50%)}.study-hero-card{color:var(--text);background:var(--glass-panel-strong);border-color:var(--glass-border);box-shadow:var(--glass-shadow),var(--glass-inset)}:root:not([data-theme=dark]) .study-hero-card,:root[data-theme=dark] .study-hero-card{background:var(--glass-panel-strong)}.study-hero-card small{color:var(--muted)}.study-icon{color:var(--accent-dark)}:root[data-theme=dark] .study-icon{color:#a9c8ff}.primary-action,.fab,.tool-button.active,.segmented .selected,.page-strip .selected,.eraser-compact.active,.pencil-compact.active,.hand-compact.active,.mode-dropdown .selected,.eraser-mode-popover .selected,.hand-mode-popover .selected,.settings-check.active,.search-result button,.page-text-input button{color:#0f223f;background:color-mix(in srgb,var(--accent) 68%,#ffffff);border-color:color-mix(in srgb,var(--accent) 32%,transparent);box-shadow:0 4px 12px #426fb924,var(--glass-inset)}:root[data-theme=dark] .primary-action,:root[data-theme=dark] .fab,:root[data-theme=dark] .tool-button.active,:root[data-theme=dark] .segmented .selected,:root[data-theme=dark] .page-strip .selected,:root[data-theme=dark] .eraser-compact.active,:root[data-theme=dark] .pencil-compact.active,:root[data-theme=dark] .hand-compact.active,:root[data-theme=dark] .mode-dropdown .selected,:root[data-theme=dark] .eraser-mode-popover .selected,:root[data-theme=dark] .hand-mode-popover .selected,:root[data-theme=dark] .settings-check.active,:root[data-theme=dark] .search-result button,:root[data-theme=dark] .page-text-input button{color:#eaf2ff;background:color-mix(in srgb,var(--accent-dark) 62%,#284467);border-color:#a9c8ff38}.tool-button.active,.segmented .selected,.page-strip .selected,.eraser-compact.active,.pencil-compact.active,.hand-compact.active,.settings-check.active{animation:none}.study-icon,.page-status span,.page-count,.sample-chip,.google-search-pill,.eraser-compact,.pencil-compact,.hand-compact,.mode-compact,.segmented,.swatches,.settings-check{background:var(--glass-bg-soft);border-color:var(--glass-border);box-shadow:var(--glass-inset);backdrop-filter:blur(8px) saturate(115%);-webkit-backdrop-filter:blur(8px) saturate(115%)}.pencil-size-popover,.mode-dropdown,.eraser-mode-popover,.hand-mode-popover,.color-dropdown{background:var(--glass-panel-strong);border-color:var(--glass-border);box-shadow:var(--glass-shadow-soft),var(--glass-inset);backdrop-filter:blur(14px) saturate(122%);-webkit-backdrop-filter:blur(14px) saturate(122%)}.paper-wrap{border:1px solid color-mix(in srgb,var(--line) 72%,transparent);border-radius:18px;box-shadow:0 16px 36px #0f172a1f}:root[data-theme=dark] .paper-wrap{border-color:#ffffff1a;box-shadow:0 18px 44px #00000047}.paper-wrap.template-grid{background-image:linear-gradient(color-mix(in srgb,#334155 15%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,#334155 15%,transparent) 1px,transparent 1px)}.paper-wrap.template-lined{background-image:linear-gradient(color-mix(in srgb,#334155 19%,transparent) 1px,transparent 1px)}.pdf-stage .react-pdf__Page,.schedule-image-viewer img,.web-frame{box-shadow:0 14px 32px #0f172a24}.modal-backdrop.dim{background:#0c121c57;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.image-search-panel{background:var(--glass-panel-strong)}.search-result,.saved-image-tile,.empty-state{background:var(--glass-bg-soft);border-color:var(--glass-border);box-shadow:var(--glass-inset)}.page-menu-row:hover{background:color-mix(in srgb,var(--accent) 10%,var(--glass-bg-soft))}.swatch{border:1px solid rgba(255,255,255,.82);box-shadow:0 1px 4px #0f172a24}.swatch.active{outline:2px solid color-mix(in srgb,var(--accent) 72%,#ffffff);outline-offset:2px;box-shadow:0 0 0 3px #6fa1f21f}.settings-list{gap:0;overflow:hidden}.switch-row{min-height:56px;padding:0 14px;border-bottom:1px solid var(--glass-border)}.switch-row:last-child{border-bottom:0}.settings-check{width:50px;height:30px;background:color-mix(in srgb,var(--muted) 16%,var(--glass-bg-strong))}.settings-check.active{background:color-mix(in srgb,var(--accent) 62%,#ffffff)}:root[data-theme=dark] .settings-check.active{background:color-mix(in srgb,var(--accent-dark) 68%,#2a4567)}.layer-delete,.layer-resize,.text-resize{box-shadow:0 6px 14px #0f172a2e}@media(max-width:900px){.app-shell{padding-bottom:0}.page{padding:18px}.home-logo{width:min(230px,68vw);height:180px}.hero-band,.page-header{grid-template-columns:1fr;align-items:start;flex-direction:column}.feature-grid,.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-grid,.study-grid.with-ai,.study-grid.book.with-ai,.study-grid.notes.with-ai{grid-template-columns:1fr}.study-pane{min-height:calc(100svh - 132px);border-right:0}.study-grid.split .study-pane:nth-child(2){border-top:1px solid var(--line)}.split-range{display:none}.ai-panel{min-height:360px;border-left:0;border-top:1px solid var(--line)}.notebook:not(.compact){overflow:auto;overscroll-behavior:contain}.notebook:not(.compact) .paper-wrap{flex:0 0 auto;width:min(1040px,calc(100% - 16px));min-height:clamp(760px,116svh,1060px);margin:10px auto 0}}@media(pointer:coarse){.notebook:not(.compact){overflow:auto;overscroll-behavior:contain}.notebook:not(.compact) .paper-wrap{flex:0 0 auto;width:min(1100px,calc(100% - 16px));min-height:clamp(760px,118svh,1080px);margin:10px auto 0}}@media(max-width:560px){.feature-grid,.library-grid{grid-template-columns:1fr}.toolbar{align-items:flex-start;flex-wrap:wrap}.toolbar>div{width:100%;margin-left:0;justify-content:flex-start}.notebook:not(.compact){padding-top:172px}.notebook:not(.compact).tools-open{padding-top:232px}.notebook:not(.compact) .notebook-tools{top:114px!important}.paper-wrap{width:calc(100% - 16px);min-height:640px;margin:8px 8px 0;border-radius:16px}.home-brand-header{padding-inline:36px}.home-logo{width:min(190px,72vw);height:146px}.study-hero-card{min-height:94px;border-radius:18px}.feature-card,.resource-card{min-height:150px;border-radius:18px}}:root{--study-accent: #8b7cf6;--study-accent-soft: rgba(139, 124, 246, .14);--study-accent-border: rgba(139, 124, 246, .28)}:root[data-theme=dark]{--study-accent: #a597ff;--study-accent-soft: rgba(165, 151, 255, .13);--study-accent-border: rgba(165, 151, 255, .24)}.simple-appbar,.toolbar{width:calc(100% - 24px);min-height:54px;margin:10px auto 12px;padding:7px 10px;border:1px solid var(--glass-border);border-radius:18px;box-shadow:0 8px 22px #0f172a12,var(--glass-inset)}.simple-appbar{top:8px}.toolbar{top:8px;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.toolbar::-webkit-scrollbar,.notebook-tools::-webkit-scrollbar{display:none}.notebook:not(.compact)>.toolbar{inset:8px 12px auto!important;width:calc(100% - 24px)}.toolbar>div{flex-wrap:nowrap;min-width:max-content;overflow-x:auto;overflow-y:visible;scrollbar-width:none}.notebook-tools{width:max-content;max-width:calc(100% - 24px);min-height:48px;padding:5px;gap:4px;row-gap:4px;flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;overflow-y:visible;border-radius:var(--liquid-pill);scrollbar-width:none}.notebook:not(.compact) .notebook-tools{top:66px!important;left:50%;right:auto;transform:translate(-50%)}.notebook:not(.compact).tools-open{padding-top:118px}.notebook-tools>button,.notebook-tools .tool-button,.eraser-compact,.pencil-compact,.hand-compact,.mode-compact{flex:0 0 auto}.notebook-tools>button,.notebook-tools .tool-button{width:36px;min-width:36px;min-height:36px;padding:0;border-radius:12px}.notebook-tools .clear-tool-button{width:78px;min-width:78px;min-height:36px;flex-basis:78px;padding-inline:10px;border-radius:14px;gap:5px}.notebook-tools .clear-tool-button span{font-size:13px}.eraser-compact,.pencil-compact,.hand-compact,.mode-compact,.segmented{min-height:36px;border-radius:14px}.eraser-compact button,.pencil-compact button,.hand-compact button{width:34px;min-width:34px;min-height:34px;border-radius:12px}.mode-compact>button{min-width:104px;min-height:34px;border-radius:12px}.mode-compact>button span{min-width:56px}.tool-button.active,.segmented .selected,.page-strip .selected,.eraser-compact.active,.pencil-compact.active,.hand-compact.active,.mode-dropdown .selected,.eraser-mode-popover .selected,.hand-mode-popover .selected{border-radius:13px;box-shadow:inset 0 1px #ffffff47,0 3px 10px #2d50821f}.eraser-compact.active,.pencil-compact.active,.hand-compact.active{background:color-mix(in srgb,var(--accent) 58%,var(--glass-bg-strong))}.eraser-compact.active button,.pencil-compact.active button,.hand-compact.active button,.mode-dropdown .selected,.eraser-mode-popover .selected,.hand-mode-popover .selected{background:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--glass-inset)}.study-hero-card{background:linear-gradient(135deg,var(--study-accent-soft),transparent 72%),var(--glass-panel-strong);border-color:var(--study-accent-border)}.study-hero-card:hover{border-color:color-mix(in srgb,var(--study-accent) 42%,var(--glass-border))}.study-icon{color:var(--study-accent);background:var(--study-accent-soft);border:1px solid var(--study-accent-border)}@media(max-width:560px){.toolbar{align-items:center;flex-wrap:nowrap}.toolbar>div{width:auto;margin-left:auto;justify-content:flex-end}.notebook:not(.compact){padding-top:64px}.notebook:not(.compact).tools-open{padding-top:118px}.notebook:not(.compact) .notebook-tools{top:66px!important}}.toolbar{overflow:visible}.toolbar>div{overflow:visible}.top-page-status{z-index:3;pointer-events:auto}.toolbar>div>button{position:relative;z-index:4}.notebook-tools{overflow:visible}.notebook:not(.compact) .notebook-tools{top:78px!important;z-index:92}.notebook:not(.compact){padding-top:64px}.notebook:not(.compact).tools-open{padding-top:132px}.mode-dropdown,.hand-mode-popover,.pencil-size-popover,.eraser-mode-popover,.color-dropdown{z-index:130}@media(max-width:760px){.notebook-tools{overflow-x:auto;overflow-y:visible;padding-bottom:7px}.notebook:not(.compact) .notebook-tools{width:calc(100% - 24px)}}@media(max-width:560px){.notebook:not(.compact){padding-top:64px}.notebook:not(.compact).tools-open{padding-top:132px}.notebook:not(.compact) .notebook-tools{top:78px!important}}.study-picker-page{display:grid;align-content:start;gap:18px}.study-start-header{width:min(860px,100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:end}.study-start-header .page-header{margin-bottom:0}.study-time-card{min-width:168px;min-height:86px;padding:14px 16px;display:grid;align-content:center;gap:4px;border:1px solid var(--glass-border);border-radius:22px;background:var(--glass-panel);box-shadow:var(--glass-shadow-soft),var(--glass-inset);color:var(--muted)}.study-time-card strong{color:var(--text);font-size:26px;line-height:1}.study-time-card span{font-size:13px}.study-picker{width:min(860px,100%);max-width:none;margin:0 auto;padding:20px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end}.study-field{display:grid;gap:8px}.study-field label{color:var(--muted);font-size:13px;font-weight:800}.study-field select{width:100%}.study-start-summary{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.study-start-summary div{min-height:74px;padding:12px 14px;display:grid;gap:4px;align-content:center;border:1px solid var(--glass-border);border-radius:16px;background:var(--glass-bg-soft)}.study-start-summary span{color:var(--muted);font-size:12px;font-weight:800}.study-start-summary strong{overflow:hidden;color:var(--text);text-overflow:ellipsis;white-space:nowrap}.study-start-button{grid-column:1 / -1;min-height:54px;justify-self:stretch;font-size:16px}.study-session .toolbar{gap:14px}.study-session-controls{display:flex;align-items:center;justify-content:stretch;gap:8px;flex-wrap:nowrap;width:100%}.study-mode-switcher{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.study-session-time{margin-left:auto;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;color:var(--muted);border:1px solid var(--glass-border);border-radius:var(--liquid-pill);background:var(--glass-bg-soft);white-space:nowrap}.split-range-inline{margin-inline:auto;min-height:36px;padding:0 10px;display:inline-flex;align-items:center;gap:8px;color:var(--muted);border:1px solid var(--glass-border);border-radius:var(--liquid-pill);background:var(--glass-bg-soft)}.split-range-inline span{min-width:38px;font-size:13px;font-weight:800}.split-range-inline input{width:132px;min-height:28px;padding:0;background:transparent;border:0;box-shadow:none}.split-range{display:none}@media(max-width:900px){.study-start-header,.study-picker{width:100%}.study-start-header,.study-picker,.study-start-summary{grid-template-columns:1fr}.study-session-controls{overflow-x:auto;scrollbar-width:none}.study-session-controls::-webkit-scrollbar{display:none}}.study-session{overflow:hidden}.study-session .toolbar{min-height:50px}.study-session .toolbar>div{flex:1 1 auto;min-width:0;width:auto;overflow-x:auto;overflow-y:hidden;justify-content:flex-start;scrollbar-width:none;-webkit-overflow-scrolling:touch}.study-session .toolbar>div::-webkit-scrollbar{display:none}.study-session-controls{min-width:620px}.study-split-container{overflow:hidden}.study-split-container.split{grid-template-columns:minmax(0,var(--book-size, 50%)) minmax(0,1fr)}.study-split-pane{min-width:0;min-height:0;overflow:hidden}.study-copybook-pane{display:flex;overflow:hidden}.study-copybook-workspace{width:100%;min-width:0;min-height:0;overflow:visible;position:relative}.study-copybook-workspace>.page-status{flex:0 0 auto;align-self:center;width:fit-content;max-width:calc(100% - 20px);min-height:40px;margin:8px auto 4px;padding:5px 10px;border:1px solid var(--glass-border);border-radius:var(--liquid-pill);box-shadow:var(--glass-shadow-soft),var(--glass-inset)}.copybook-toolbar-direct,.copybook-workspace-direct{display:contents}.copybook-toolbar-scroll{flex:0 0 auto;align-self:center;width:calc(100% - 20px);max-width:calc(100% - 20px);min-width:0;overflow-x:auto;overflow-y:visible;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:5px;border:1px solid var(--glass-border);border-radius:var(--liquid-pill);background:var(--glass-bg-strong);box-shadow:var(--glass-shadow-soft),var(--glass-inset);position:relative;z-index:40}.copybook-toolbar-scroll::-webkit-scrollbar{display:none}.study-copybook-workspace .copybook-toolbar-scroll .notebook-tools{position:relative;top:auto;z-index:42;width:max-content;max-width:none;min-width:max-content;margin:0;padding:0;border:0;background:transparent;box-shadow:none;flex-wrap:nowrap;justify-content:flex-start;gap:4px}.study-copybook-workspace .copybook-toolbar-scroll .notebook-tools>button,.study-copybook-workspace .copybook-toolbar-scroll .notebook-tools .tool-button{flex:0 0 auto;width:34px;min-width:34px;min-height:34px}.study-copybook-workspace .copybook-toolbar-scroll .notebook-tools .clear-tool-button{width:74px;min-width:74px;min-height:34px;flex-basis:74px}.copybook-workspace-scroll{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;-webkit-overflow-scrolling:touch;padding:12px;position:relative;z-index:1;touch-action:pan-x pan-y}.study-copybook-workspace .copybook-workspace-scroll .copybook-study-page{flex:0 0 auto;width:1100px;height:780px;min-width:1100px;min-height:780px;max-width:none;max-height:none;margin:0 auto;border-radius:20px;overflow:hidden}.study-copybook-workspace .copybook-workspace-scroll .copybook-study-page.is-hand{touch-action:pan-x pan-y}.copybook-detached-menu{flex:0 0 auto;align-self:center;width:min(280px,calc(100% - 20px));margin:6px auto 4px;padding:8px;position:relative;z-index:80;border:1px solid var(--glass-border);border-radius:18px;background:var(--glass-panel-strong);box-shadow:var(--glass-shadow),var(--glass-inset);backdrop-filter:blur(14px) saturate(122%);-webkit-backdrop-filter:blur(14px) saturate(122%)}.copybook-detached-options{display:grid;gap:6px}.copybook-detached-options button{width:100%;min-height:52px;justify-content:flex-start;padding:0 18px;border-radius:14px;font-weight:800}.copybook-detached-options button:hover,.copybook-detached-options button.selected{background:color-mix(in srgb,var(--accent) 66%,var(--glass-bg-strong));color:#07111f;border-color:color-mix(in srgb,var(--accent) 34%,transparent)}:root[data-theme=dark] .copybook-detached-options button:hover,:root[data-theme=dark] .copybook-detached-options button.selected{color:#eef4ff}.copybook-detached-slider{display:grid;gap:10px;padding:10px;color:var(--muted);font-weight:800}.copybook-detached-slider input{width:100%}.copybook-detached-colors{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:8px}.copybook-detached-colors .swatch{width:30px;min-height:30px;justify-self:center}.study-copybook-workspace .mode-dropdown,.study-copybook-workspace .hand-mode-popover,.study-copybook-workspace .pencil-size-popover,.study-copybook-workspace .eraser-mode-popover,.study-copybook-workspace .color-dropdown{z-index:220;min-width:190px;padding:12px;gap:8px;border-radius:16px}.study-copybook-workspace .mode-dropdown button,.study-copybook-workspace .hand-mode-popover button,.study-copybook-workspace .eraser-mode-popover button{min-height:46px;padding:0 16px;border-radius:12px}.study-copybook-workspace .mode-dropdown .selected,.study-copybook-workspace .hand-mode-popover .selected,.study-copybook-workspace .eraser-mode-popover .selected{background:color-mix(in srgb,var(--accent) 72%,var(--glass-bg-strong));color:#07111f}@media(max-width:1200px){.study-session .toolbar{min-height:48px;padding-block:6px}.study-session-controls{gap:6px;min-width:560px}.split-range-inline input{width:118px}.copybook-workspace-scroll{padding:8px}.study-copybook-workspace .copybook-workspace-scroll .copybook-study-page{width:980px;height:700px;min-width:980px;min-height:700px}}@media(max-width:900px){.study-split-container.split{grid-template-columns:1fr}.study-copybook-workspace .copybook-workspace-scroll .copybook-study-page{width:860px;height:620px;min-width:860px;min-height:620px}}.status-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.02em}.status-active{background:var(--accent-soft, #e8f4e8);color:#2a7a2a}.status-disabled{background:#fff0f0;color:#c0392b}.status-graduated{background:#f0eaff;color:#6b21a8}.file-picker{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.file-picker-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--surface-2, #f4f4f8);border:1.5px solid var(--line, #e0e0e8);border-radius:10px;font-size:.85rem;font-weight:600;color:var(--text, #1a1a2e);cursor:pointer;transition:background .15s,border-color .15s}.file-picker-btn:hover{background:var(--accent-soft, #eef2ff);border-color:var(--accent, #6366f1)}.file-picker-name{font-size:.8rem;color:var(--text-2, #888);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.graduated-toggle{display:flex;align-items:center;gap:12px;margin:10px 0 4px}.toggle-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;border:1.5px solid var(--line, #e0e0e8);background:var(--surface-2, #f4f4f8);font-size:.82rem;font-weight:600;color:var(--text-2, #888);cursor:pointer;transition:all .15s}.toggle-btn.toggle-active{border-color:#6b21a8;background:#f0eaff;color:#6b21a8}.grade-subjects-grid{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.subject-chip{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border-radius:20px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;border:1.5px solid transparent}.subject-chip-off{background:var(--surface-2, #f4f4f8);border-color:var(--line, #e0e0e8);color:var(--text-2, #888)}.subject-chip-off:hover{border-color:var(--accent, #6366f1);color:var(--accent, #6366f1);background:var(--accent-soft, #eef2ff)}.subject-chip-on{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1);color:#fff}.subject-chip-on:hover{background:#4f46e5}.promotion-preview{background:var(--surface-2, #f4f4f8);border:1.5px solid var(--line, #e0e0e8);border-radius:14px;padding:16px 20px;margin:12px 0}.promotion-preview p{margin:0 0 6px;font-size:.9rem}.promotion-archive{margin-top:24px}.promotion-archive>strong{display:block;font-size:.88rem;color:var(--text-2, #888);margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.import-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:10px 0}.import-actions button{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--surface-2, #f4f4f8);border:1.5px solid var(--line, #e0e0e8);border-radius:10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s}.import-actions button:hover{background:var(--accent-soft, #eef2ff)}.import-id-hint{display:flex;flex-direction:column;gap:3px;background:var(--surface-2, #f4f6ff);border:1.5px solid var(--accent, #6366f1);border-radius:10px;padding:10px 14px;margin:8px 0 4px}.import-id-hint-label{font-size:.88rem;font-weight:600;color:var(--accent, #6366f1)}.import-id-hint small{font-size:.8rem;color:var(--text-2, #888)}.class-grade-group{margin-bottom:18px}.class-grade-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2, #888);margin-bottom:8px;padding-left:2px}.class-cards-row{display:flex;flex-wrap:wrap;gap:12px}.class-card{background:var(--surface, #fff);border:1.5px solid var(--line, #e0e0e8);border-radius:14px;padding:14px 16px;min-width:230px;flex:1 1 230px;max-width:340px;transition:border-color .18s,box-shadow .18s}.class-card-expanded{border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #6366f1) 10%,transparent)}.class-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.class-card-info strong{display:block;font-size:1.05rem;font-weight:700;color:var(--text-1, #111)}.class-card-info span{font-size:.8rem;color:var(--text-2, #888)}.class-card-actions{display:flex;gap:6px;flex-shrink:0}.class-card-teachers{margin-top:8px;padding-top:8px;border-top:1px solid var(--line, #e0e0e8)}.class-card-teachers small{font-size:.78rem;color:var(--text-2, #888)}.class-card-students{margin-top:10px;border-top:1.5px solid var(--line, #e0e0e8);padding-top:10px;display:flex;flex-direction:column;gap:6px}.class-student-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--line, #e0e0e8);flex-wrap:wrap}.class-student-row:last-child{border-bottom:none}.class-student-row>span:first-child{flex:1;font-size:.88rem;font-weight:500;color:var(--text-1, #111);min-width:100px}.class-student-row>small{font-size:.78rem;color:var(--text-2, #888);min-width:44px}.migrate-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.migrate-inline select{font-size:.82rem;padding:4px 8px;border-radius:8px;border:1.5px solid var(--line, #e0e0e8);background:var(--surface, #fff);color:var(--text-1, #111)}.migrate-inline .primary-action{padding:4px 12px;font-size:.82rem}.panel-entry-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-top:12px}.panel-entry-card{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface, #fff);border:1.5px solid var(--line, #e0e0e8);border-radius:16px;padding:20px;cursor:pointer;text-align:left;transition:border-color .18s,box-shadow .18s,transform .15s}.panel-entry-card:hover{border-color:var(--accent, #6366f1);box-shadow:0 4px 18px color-mix(in srgb,var(--accent, #6366f1) 12%,transparent);transform:translateY(-2px)}.panel-entry-card strong{font-size:1rem;font-weight:700;color:var(--text-1, #111)}.panel-entry-card small{font-size:.82rem;color:var(--text-2, #888);line-height:1.4}.panel-entry-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:color-mix(in srgb,var(--accent, #6366f1) 10%,transparent);border-radius:12px;color:var(--accent, #6366f1);margin-bottom:4px}.back-subview-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;font-size:.85rem;font-weight:600;color:var(--accent, #6366f1);cursor:pointer;padding:0 0 12px;opacity:.8;transition:opacity .15s}.back-subview-btn:hover{opacity:1}.settings-page{background:var(--surface-2, #f6f7fb)}.settings-body{padding:16px;display:flex;flex-direction:column;gap:16px;max-width:520px;margin:0 auto}.settings-profile-card{display:flex;align-items:center;gap:14px;background:var(--surface, #fff);border-radius:18px;padding:18px 20px;border:1.5px solid var(--line, #e0e0e8)}.settings-avatar{width:52px;height:52px;border-radius:50%;background:var(--accent, #6366f1);color:#fff;font-size:1.2rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.settings-profile-info{display:flex;flex-direction:column;gap:2px;min-width:0}.settings-profile-info strong{font-size:1rem;font-weight:700;color:var(--text-1, #111);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-profile-info span{font-size:.82rem;color:var(--text-2, #888);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-role-badge{display:inline-block;margin-top:4px;padding:2px 10px;border-radius:20px;background:color-mix(in srgb,var(--accent, #6366f1) 12%,transparent);color:var(--accent, #6366f1);font-size:.75rem;font-weight:700;letter-spacing:.04em;width:fit-content}.settings-section{background:var(--surface, #fff);border-radius:16px;border:1.5px solid var(--line, #e0e0e8);overflow:hidden}.settings-section-title{padding:10px 16px 6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-2, #888);border-bottom:1px solid var(--line, #e0e0e8)}.settings-row{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;transition:background .15s}.settings-row:hover{background:var(--surface-2, #f4f4f8)}.settings-row-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--surface-2, #f0f0f6);color:var(--text-1, #333);flex-shrink:0}.settings-row-body{flex:1;display:flex;flex-direction:column;gap:1px}.settings-row-body strong{font-size:.92rem;font-weight:600;color:var(--text-1, #111)}.settings-row-body small{font-size:.78rem;color:var(--text-2, #888)}.settings-toggle{width:46px;height:26px;border-radius:13px;background:var(--line, #d0d0d8);position:relative;flex-shrink:0;transition:background .2s}.settings-toggle-on{background:var(--accent, #6366f1)}.settings-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 4px #0003}.settings-toggle-on .settings-toggle-thumb{transform:translate(20px)}.settings-signout-btn{display:flex;align-items:center;gap:10px;width:100%;padding:14px 16px;background:none;border:none;font-size:.92rem;font-weight:600;color:#e53e3e;cursor:pointer;text-align:left;transition:background .15s}.settings-signout-btn:hover{background:#fff5f5}.class-card-btn{cursor:pointer;text-align:left;width:100%;transition:border-color .18s,box-shadow .18s,transform .14s}.class-card-btn:hover{border-color:var(--accent, #6366f1);box-shadow:0 4px 16px color-mix(in srgb,var(--accent, #6366f1) 10%,transparent);transform:translateY(-2px)}.class-card-open-hint{font-size:.78rem;font-weight:700;color:var(--accent, #6366f1);opacity:.7;white-space:nowrap}.class-detail-header{margin-bottom:8px}.class-detail-title{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--surface-2, #f4f6ff);border:1.5px solid var(--line, #e0e0e8);border-radius:14px;margin-top:8px}.class-detail-title>svg{color:var(--accent, #6366f1);flex-shrink:0}.class-detail-title>div{flex:1}.class-detail-title>div strong{display:block;font-size:1.1rem;font-weight:700}.class-detail-title>div span{font-size:.82rem;color:var(--text-2, #888)}.class-detail-section{margin-top:18px;border:1.5px solid var(--line, #e0e0e8);border-radius:14px;overflow:hidden}.class-detail-section>p.role-help{padding:18px 20px;text-align:center;font-size:.85rem;color:var(--text-2, #888);margin:0}.class-detail-section-title{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--surface-2, #f4f4f8);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-2, #666);border-bottom:1px solid var(--line, #e0e0e8)}.class-detail-teacher-list{padding:10px 16px;display:flex;flex-direction:column;gap:8px}.class-detail-teacher-row{display:flex;align-items:baseline;gap:10px}.class-detail-teacher-row strong{font-size:.9rem;font-weight:600;color:var(--text-1, #111)}.class-detail-teacher-row small{font-size:.78rem;color:var(--text-2, #888)}.class-detail-student-list{display:flex;flex-direction:column}.class-detail-student-row{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line, #e0e0e8);flex-wrap:wrap}.class-detail-student-row:last-child{border-bottom:none}.class-detail-student-info{flex:1;min-width:120px}.class-detail-student-info strong{display:block;font-size:.9rem;font-weight:600;color:var(--text-1, #111)}.class-detail-student-info small{font-size:.78rem;color:var(--text-2, #888)}.class-detail-student-id{font-size:.8rem;color:var(--text-2, #888);min-width:48px;font-family:monospace}.class-detail-student-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.teacher-list{display:flex;flex-direction:column;gap:10px;margin-top:12px}.teacher-card{background:var(--surface, #fff);border:1.5px solid var(--line, #e0e0e8);border-radius:14px;overflow:hidden;transition:border-color .18s}.teacher-card-editing{border-color:var(--accent, #6366f1);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #6366f1) 8%,transparent)}.teacher-card-row{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;flex-wrap:wrap}.teacher-card-info{flex:1;min-width:180px;display:flex;flex-direction:column;gap:3px}.teacher-card-info strong{font-size:.95rem;font-weight:700;color:var(--text-1, #111)}.teacher-card-info small{font-size:.78rem;color:var(--text-2, #888)}.teacher-card-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:5px}.teacher-tag{font-size:.72rem;font-weight:600;padding:2px 9px;border-radius:20px}.teacher-tag-class{background:color-mix(in srgb,#6366f1 12%,transparent);color:#6366f1}.teacher-tag-subject{background:color-mix(in srgb,#10b981 12%,transparent);color:#10b981}.teacher-tag-none{background:var(--surface-2, #f0f0f4);color:var(--text-2, #999)}.teacher-card-meta{display:flex;align-items:center;padding-top:2px}.teacher-card-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-top:2px}.teacher-edit-panel{padding:14px 16px;border-top:1.5px solid var(--line, #e0e0e8);background:var(--surface-2, #f8f8fc)}:root[data-theme=dark] button,:root[data-theme=dark] input,:root[data-theme=dark] select,:root[data-theme=dark] textarea{background:var(--panel-2);color:var(--text);border-color:var(--line)}:root[data-theme=dark] button:hover{border-color:var(--accent)}:root[data-theme=dark] .form-success{background:#052e16;color:#86efac;border-color:#166534}:root[data-theme=dark] .form-error{background:#1c0a0a;color:#fca5a5;border-color:#7f1d1d}:root[data-theme=dark] .primary-action,:root[data-theme=dark] .fab,:root[data-theme=dark] .tool-button.active{background:var(--accent);color:#0d0d0d;border-color:transparent}:root[data-theme=dark] .admin-feature-card{background:var(--glass-panel-strong);border-color:var(--glass-border)}:root[data-theme=dark] .admin-feature-action{background:var(--accent);color:#0d0d0d}:root[data-theme=dark] .admin-feature-icon{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent-dark)}:root[data-theme=dark] .admin-user-panel,:root[data-theme=dark] .admin-section-header,:root[data-theme=dark] .admin-section-shell{background:var(--glass-panel-strong);border-color:var(--glass-border)}:root[data-theme=dark] .admin-record-table{border-color:var(--glass-border);background:var(--panel)}:root[data-theme=dark] .admin-record-row{border-color:var(--glass-border);color:var(--text)}:root[data-theme=dark] .admin-record-head{background:var(--panel-2)}:root[data-theme=dark] .role-dashboard{background:var(--glass-panel);border-color:var(--glass-border)}:root[data-theme=dark] .status-badge.status-active{background:#052e16;color:#86efac;border-color:#166534}:root[data-theme=dark] .status-badge.status-disabled{background:#1c0a0a;color:#fca5a5;border-color:#7f1d1d}:root[data-theme=dark] .status-badge.status-graduated{background:#1e1b4b;color:#c7d2fe;border-color:#3730a3}:root[data-theme=dark] .icon-action{background:var(--panel-2);color:var(--text);border-color:var(--glass-border)}:root[data-theme=dark] .icon-action:hover{border-color:var(--accent)}:root[data-theme=dark] .icon-action.icon-active{background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);border-color:var(--accent)}:root[data-theme=dark] .icon-danger{background:#1c0a0a;color:#fca5a5;border-color:#7f1d1d}:root[data-theme=dark] .icon-danger:hover{background:#450a0a}:root[data-theme=dark] .inline-edit-form,:root[data-theme=dark] .inline-add-form{background:var(--panel);border-color:var(--glass-border)}:root[data-theme=dark] .class-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .class-card-expanded{border-color:var(--accent)}:root[data-theme=dark] .class-card-open-hint{color:var(--accent)}:root[data-theme=dark] .class-card-teachers small{color:var(--text-2)}:root[data-theme=dark] .class-grade-label{color:var(--text-2)}:root[data-theme=dark] .teacher-class-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .teacher-class-info strong{color:var(--text-1)}:root[data-theme=dark] .teacher-class-info small{color:var(--text-2)}:root[data-theme=dark] .teacher-planner-table{border-color:var(--line)}:root[data-theme=dark] .teacher-planner-row{border-color:var(--line)}:root[data-theme=dark] .teacher-planner-head{background:var(--surface-2);color:var(--text-2)}:root[data-theme=dark] .class-detail-title{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .class-detail-section{border-color:var(--line)}:root[data-theme=dark] .class-detail-section-title{background:var(--surface-2);border-color:var(--line);color:var(--text-2)}:root[data-theme=dark] .class-detail-student-row{border-color:var(--line)}:root[data-theme=dark] .class-detail-student-info strong{color:var(--text-1)}:root[data-theme=dark] .class-detail-student-info small{color:var(--text-2)}:root[data-theme=dark] .class-detail-student-id{color:var(--text-2)}:root[data-theme=dark] .class-detail-teacher-row strong{color:var(--text-1)}:root[data-theme=dark] .class-detail-teacher-row small{color:var(--text-2)}:root[data-theme=dark] .migrate-inline select{background:var(--panel-2);color:var(--text);border-color:var(--line)}:root[data-theme=dark] .panel-entry-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .panel-entry-card:hover{border-color:var(--accent)}:root[data-theme=dark] .panel-entry-card strong{color:var(--text-1)}:root[data-theme=dark] .panel-entry-card small{color:var(--text-2)}:root[data-theme=dark] .panel-entry-icon{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}:root[data-theme=dark] .teacher-card{background:var(--surface);border-color:var(--line)}:root[data-theme=dark] .teacher-card-editing{border-color:var(--accent)}:root[data-theme=dark] .teacher-card-info strong{color:var(--text-1)}:root[data-theme=dark] .teacher-card-info small{color:var(--text-2)}:root[data-theme=dark] .teacher-tag-none{background:var(--surface-2);color:var(--text-2)}:root[data-theme=dark] .teacher-edit-panel{background:var(--surface-2);border-color:var(--line)}:root[data-theme=dark] .subject-chip-off{background:var(--panel-2);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .subject-chip-on{background:color-mix(in srgb,var(--accent) 18%,transparent);border-color:var(--accent);color:var(--accent)}:root[data-theme=dark] .toggle-btn{background:var(--panel-2);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .toggle-btn.toggle-active{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent);color:var(--accent)}:root[data-theme=dark] .promotion-preview{background:var(--panel-2);border-color:var(--line)}:root[data-theme=dark] .import-id-hint{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:var(--accent)}:root[data-theme=dark] .import-id-hint-label{color:var(--accent)}:root[data-theme=dark] .import-id-hint small{color:var(--text-2)}:root[data-theme=dark] .import-actions button{background:var(--panel-2);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .import-row{background:var(--panel);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .file-picker-btn{background:var(--panel-2);border-color:var(--line);color:var(--text)}:root[data-theme=dark] .file-picker-name{color:var(--text-2)}:root[data-theme=dark] .checkbox-group{border-color:var(--line);background:var(--panel)}:root[data-theme=dark] .checkbox-group legend{color:var(--text-2)}:root[data-theme=dark] .checkbox-group label{color:var(--text)}:root[data-theme=dark] .settings-page{background:var(--bg)}:root[data-theme=dark] .settings-profile-card,:root[data-theme=dark] .settings-section{background:var(--surface);border-color:var(--line)}:root:not([data-theme=dark]){--bg: #f7fbff;--bg-2: #eaf4ff;--panel: #ffffff;--panel-2: #eef7ff;--surface: #ffffff;--surface-2: #f1f8ff;--text: #102033;--text-1: #102033;--text-2: #607084;--muted: #607084;--line: rgba(37, 99, 235, .18);--accent: #5dade2;--accent-dark: #1d4ed8;--glass-border: rgba(37, 99, 235, .16);--glass-border-strong: rgba(37, 99, 235, .34);--glass-panel: rgba(255, 255, 255, .82);--glass-panel-strong: rgba(255, 255, 255, .96);--glass-bg-soft: rgba(239, 248, 255, .8)}:root[data-theme=dark]{--bg: #050505;--bg-2: #0a0a0a;--panel: #101010;--panel-2: #181818;--surface: #101010;--surface-2: #181818;--text: #f5f5f5;--text-1: #f5f5f5;--text-2: #b3b3b3;--muted: #b3b3b3;--line: rgba(255, 255, 255, .14);--accent: #f5f5f5;--accent-dark: #ffffff;--glass-border: rgba(255, 255, 255, .12);--glass-border-strong: rgba(255, 255, 255, .32);--glass-panel: rgba(12, 12, 12, .82);--glass-panel-strong: rgba(16, 16, 16, .96);--glass-bg-soft: rgba(255, 255, 255, .055);--glass-shadow-soft: 0 10px 28px rgba(0, 0, 0, .42), 0 0 0 1px rgba(255, 255, 255, .03);--focus-ring: 0 0 0 4px rgba(255, 255, 255, .18)}.main-surface{background:linear-gradient(135deg,var(--bg),var(--bg-2))}:root[data-theme=dark] .main-surface{background:radial-gradient(circle at top,rgba(255,255,255,.05),transparent 32rem),linear-gradient(135deg,var(--bg),var(--bg-2))}.student-study-hero{width:100%;min-height:132px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin:18px 0 4px;padding:22px;text-align:left;border-radius:22px;border:1px solid color-mix(in srgb,var(--accent) 46%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,var(--panel)),var(--panel));box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 18%,transparent)}.student-study-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;color:var(--accent-dark);background:color-mix(in srgb,var(--accent) 20%,transparent)}.student-study-copy{min-width:0;display:grid;gap:6px}.student-study-copy strong{font-size:clamp(22px,3vw,32px);line-height:1.1}.student-study-copy small{color:var(--muted);font-size:15px;line-height:1.35}.student-study-action{min-height:38px;display:inline-flex;align-items:center;padding:8px 15px;border-radius:999px;color:var(--panel);background:var(--accent-dark);font-weight:850}:root[data-theme=dark] .student-study-hero{background:linear-gradient(135deg,#171717,#0d0d0d);border-color:#ffffff47;box-shadow:0 0 34px #ffffff14}:root[data-theme=dark] .student-study-icon,:root[data-theme=dark] .student-study-action{color:#080808;background:#f5f5f5}.file-picker-field,.file-input-field{min-width:0;display:grid;gap:6px}.file-picker-field>span,.file-input-field>span{color:var(--muted);font-size:13px}.file-picker{width:100%;min-width:0}.file-picker-btn{max-width:100%}.file-picker-name{min-width:0;max-width:min(260px,100%)}input[type=file]{width:100%;max-width:100%;min-width:0;overflow:hidden}input[type=checkbox]{appearance:none;-webkit-appearance:none;width:22px;height:22px;min-width:22px;min-height:22px;display:inline-grid;place-items:center;margin:0;padding:0;border:1.5px solid var(--line);border-radius:7px;background:var(--panel);color:var(--panel);box-shadow:inset 0 1px #ffffff14;cursor:pointer}input[type=checkbox]:after{content:"";width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg) scale(0);transform-origin:center;transition:transform .12s ease}input[type=checkbox]:checked{background:var(--accent-dark);border-color:var(--accent-dark);color:#fff}input[type=checkbox]:checked:after{transform:rotate(-45deg) scale(1)}input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--focus-ring)}:root[data-theme=dark] input[type=checkbox]:checked{background:#f5f5f5;border-color:#f5f5f5;color:#050505}.checkbox-group label,.admin-check,.graduated-toggle,.assignment-checkboxes label{align-items:center}.teacher-panel-card,.admin-user-panel,.admin-section-header,.feature-card,.resource-card,.settings-section,.settings-profile-card,.cloud-preview-stage{border-color:var(--line)}.read-only-preview .toolbar,.cloud-preview-stage{background:var(--panel)}@media(max-width:760px){.student-study-hero{grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px}.student-study-action{grid-column:1 / -1;justify-self:stretch;justify-content:center}}:root[data-theme=dark] .settings-section-title{color:var(--text-2);border-color:var(--line)}:root[data-theme=dark] .settings-row:hover{background:var(--surface-2)}:root[data-theme=dark] .settings-row-icon{background:var(--surface-2);color:var(--text-1)}:root[data-theme=dark] .settings-row-body strong{color:var(--text-1)}:root[data-theme=dark] .settings-row-body small{color:var(--text-2)}:root[data-theme=dark] .settings-profile-info strong{color:var(--text-1)}:root[data-theme=dark] .settings-profile-info span{color:var(--text-2)}:root[data-theme=dark] .settings-signout-btn:hover{background:#1c0a0a}:root[data-theme=dark] .info-box{background:var(--panel-2);border-color:var(--glass-border)}:root[data-theme=dark] .info-box strong{color:var(--text-1)}:root[data-theme=dark] .info-box span{color:var(--text-2)}:root[data-theme=dark] .management-list{background:var(--panel);border-color:var(--glass-border);color:var(--text-2)}:root[data-theme=dark] .role-help{color:var(--text-2)}:root[data-theme=dark] .back-subview-btn{color:var(--accent)}:root{--lg-bg: #f7fbff;--lg-bg-2: #eef7ff;--lg-card: rgba(255, 255, 255, .72);--lg-card-strong: rgba(255, 255, 255, .9);--lg-card-soft: rgba(240, 248, 255, .66);--lg-line: rgba(35, 91, 155, .18);--lg-line-strong: rgba(35, 91, 155, .3);--lg-text: #0f1e31;--lg-muted: #64748b;--lg-accent: #5dade2;--lg-accent-strong: #2563eb;--lg-glow: 0 20px 60px rgba(93, 173, 226, .16);--lg-shadow: 0 18px 46px rgba(15, 49, 86, .1), 0 1px 0 rgba(255, 255, 255, .75) inset;--lg-shadow-soft: 0 12px 28px rgba(15, 49, 86, .08);--lg-blur: blur(22px) saturate(1.18);--lg-radius: 24px;--lg-radius-sm: 16px;--lg-control: rgba(255, 255, 255, .66);--bg: var(--lg-bg);--bg-2: var(--lg-bg-2);--panel: rgba(255, 255, 255, .86);--panel-2: rgba(238, 247, 255, .78);--surface: rgba(255, 255, 255, .82);--surface-2: rgba(238, 247, 255, .72);--text: var(--lg-text);--text-1: var(--lg-text);--text-2: var(--lg-muted);--muted: var(--lg-muted);--line: var(--lg-line);--accent: var(--lg-accent);--accent-dark: var(--lg-accent-strong);--glass-border: var(--lg-line);--glass-border-strong: var(--lg-line-strong);--glass-panel: var(--lg-card);--glass-panel-strong: var(--lg-card-strong);--glass-bg-soft: var(--lg-card-soft);--glass-shadow: var(--lg-shadow);--glass-shadow-soft: var(--lg-shadow-soft);--focus-ring: 0 0 0 4px rgba(93, 173, 226, .22)}:root[data-theme=dark]{--lg-bg: #030303;--lg-bg-2: #0b0b0c;--lg-card: rgba(22, 22, 23, .62);--lg-card-strong: rgba(18, 18, 19, .84);--lg-card-soft: rgba(255, 255, 255, .055);--lg-line: rgba(255, 255, 255, .13);--lg-line-strong: rgba(255, 255, 255, .24);--lg-text: #f7f7f8;--lg-muted: #a3a3aa;--lg-accent: #9ccfff;--lg-accent-strong: #f5f7fb;--lg-glow: 0 0 46px rgba(104, 179, 255, .13);--lg-shadow: 0 24px 70px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .06) inset;--lg-shadow-soft: 0 14px 36px rgba(0, 0, 0, .34);--lg-control: rgba(255, 255, 255, .07);--bg: var(--lg-bg);--bg-2: var(--lg-bg-2);--panel: rgba(18, 18, 19, .82);--panel-2: rgba(255, 255, 255, .07);--surface: rgba(18, 18, 19, .8);--surface-2: rgba(255, 255, 255, .07);--text: var(--lg-text);--text-1: var(--lg-text);--text-2: var(--lg-muted);--muted: var(--lg-muted);--line: var(--lg-line);--accent: var(--lg-accent);--accent-dark: var(--lg-accent-strong);--glass-border: var(--lg-line);--glass-border-strong: var(--lg-line-strong);--glass-panel: var(--lg-card);--glass-panel-strong: var(--lg-card-strong);--glass-bg-soft: var(--lg-card-soft);--glass-shadow: var(--lg-shadow);--glass-shadow-soft: var(--lg-shadow-soft);--focus-ring: 0 0 0 4px rgba(156, 207, 255, .18)}body{background:radial-gradient(circle at 12% 0%,rgba(93,173,226,.13),transparent 34rem),linear-gradient(145deg,var(--lg-bg),var(--lg-bg-2))}:root[data-theme=dark] body{background:radial-gradient(circle at 12% 0%,rgba(88,166,255,.12),transparent 31rem),radial-gradient(circle at 90% 12%,rgba(255,255,255,.055),transparent 26rem),linear-gradient(145deg,#030303,#0a0a0b 56%,#020202)}.main-surface{background:radial-gradient(circle at 10% 0%,rgba(93,173,226,.12),transparent 34rem),linear-gradient(145deg,var(--lg-bg),var(--lg-bg-2))}:root[data-theme=dark] .main-surface{background:radial-gradient(circle at 12% 0%,rgba(88,166,255,.12),transparent 31rem),radial-gradient(circle at 90% 12%,rgba(255,255,255,.055),transparent 26rem),linear-gradient(145deg,#030303,#0a0a0b 56%,#020202)}.auth-liquid-page{position:relative;min-height:100svh;overflow:hidden;padding:clamp(20px,5vw,56px);isolation:isolate}.auth-backdrop,.auth-video-bg,.auth-backdrop:before,.auth-backdrop:after{position:absolute;inset:0}.auth-backdrop{z-index:-2;pointer-events:none;overflow:hidden}.auth-video-bg{width:100%;height:100%;object-fit:cover;opacity:.12;filter:saturate(.8) blur(1px)}.auth-backdrop:before{content:"";background:radial-gradient(circle at 18% 18%,rgba(93,173,226,.24),transparent 22rem),radial-gradient(circle at 88% 20%,rgba(255,255,255,.42),transparent 20rem),linear-gradient(135deg,#ffffff9e,#e7f3ffb8)}.auth-backdrop:after{content:"";opacity:.32;background-image:radial-gradient(circle,rgba(37,99,235,.18) 0 1px,transparent 1.5px),linear-gradient(115deg,transparent,rgba(255,255,255,.36),transparent);background-size:34px 34px,100% 100%;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 84%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 18%,#000 84%,transparent);animation:glassDrift 18s linear infinite}:root[data-theme=dark] .auth-backdrop:before{background:radial-gradient(circle at 18% 18%,rgba(74,144,226,.2),transparent 24rem),radial-gradient(circle at 84% 18%,rgba(255,255,255,.09),transparent 20rem),linear-gradient(135deg,#030303,#0d0d0e 56%,#020202)}:root[data-theme=dark] .auth-backdrop:after{opacity:.22;background-image:radial-gradient(circle,rgba(255,255,255,.22) 0 1px,transparent 1.5px),linear-gradient(115deg,transparent,rgba(104,179,255,.08),transparent)}.auth-particle{position:absolute;display:block;border-radius:999px;border:1px solid var(--lg-line);background:#ffffff38;box-shadow:var(--lg-glow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);animation:particleFloat 12s ease-in-out infinite}.auth-particle-a{width:116px;height:116px;left:9%;bottom:12%}.auth-particle-b{width:74px;height:74px;right:14%;top:18%;animation-delay:-3s}.auth-particle-c{width:42px;height:42px;right:26%;bottom:16%;animation-delay:-6s}.auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,440px);gap:clamp(20px,5vw,54px);align-items:center}.auth-brand-panel{min-width:0;display:grid;gap:22px;padding:clamp(20px,4vw,34px)}.auth-logo{width:min(330px,72vw);height:auto;object-fit:contain;filter:drop-shadow(0 20px 34px rgba(15,49,86,.1))}:root[data-theme=dark] .auth-logo{filter:drop-shadow(0 0 22px rgba(156,207,255,.12))}.auth-brand-copy{max-width:620px;display:grid;gap:12px}.auth-brand-copy h1{font-size:clamp(38px,6vw,68px);line-height:.98}.auth-brand-copy p{max-width:560px;color:var(--lg-muted);font-size:clamp(17px,2vw,21px);line-height:1.45}.auth-card.auth-login-card,.auth-card{position:relative;border:1px solid var(--lg-line);border-radius:30px;background:linear-gradient(145deg,#ffffffad,#ffffff61),var(--lg-card-strong);box-shadow:var(--lg-shadow),var(--lg-glow);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}:root[data-theme=dark] .auth-card.auth-login-card,:root[data-theme=dark] .auth-card{background:linear-gradient(145deg,#ffffff14,#ffffff06),var(--lg-card-strong);box-shadow:var(--lg-shadow),var(--lg-glow)}.auth-login-card{width:100%;padding:clamp(22px,4vw,34px)}.auth-card-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.auth-card-logo{width:min(176px,54vw);height:72px;object-fit:contain;object-position:left center}.auth-mark{color:var(--lg-accent-strong);border:1px solid var(--lg-line);border-radius:18px;background:var(--lg-card-soft);box-shadow:var(--lg-shadow-soft)}:root[data-theme=dark] .auth-mark{color:var(--lg-text)}.auth-kicker,.auth-role-chips,.auth-pwa-badge{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.auth-kicker{margin:2px 0 10px;color:var(--lg-accent-strong);font-size:13px;font-weight:850;text-transform:uppercase}:root[data-theme=dark] .auth-kicker{color:var(--lg-accent)}.auth-role-chips span,.auth-pwa-badge{min-height:34px;display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--lg-line);border-radius:999px;color:var(--lg-text);background:var(--lg-card-soft);box-shadow:var(--lg-shadow-soft);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur);font-size:13px;font-weight:760}.auth-role-chips-compact{margin:2px 0 4px}.auth-pwa-badge{width:fit-content;color:var(--lg-muted)}.auth-pwa-badge-mobile{display:none}.auth-card label{gap:7px}.auth-card h1{font-size:clamp(30px,5vw,40px);letter-spacing:0}.auth-note{color:var(--lg-muted)}.auth-submit{width:100%;min-height:50px;border-radius:17px}button,a,input,select,textarea,.primary-action,.icon-action,.icon-danger,.file-picker-btn,.settings-toggle,.settings-signout-btn,.back-subview-btn{border-radius:var(--lg-radius-sm)}button,a{border-color:var(--lg-line);background:var(--lg-control);box-shadow:0 1px #ffffff52 inset;-webkit-backdrop-filter:blur(14px) saturate(1.08);backdrop-filter:blur(14px) saturate(1.08)}button:hover,a:hover{border-color:var(--lg-line-strong);background:color-mix(in srgb,var(--lg-control) 78%,var(--lg-accent) 10%)}:root[data-theme=dark] button:hover,:root[data-theme=dark] a:hover{background:#ffffff1a}input,select,textarea{width:100%;border-color:var(--lg-line);background:var(--lg-control);box-shadow:0 1px #ffffff38 inset}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--focus-ring)}.primary-action,.admin-feature-action,.student-study-action{border-color:transparent;color:#fff;background:linear-gradient(135deg,var(--lg-accent-strong),color-mix(in srgb,var(--lg-accent-strong) 76%,#0f1e31));box-shadow:0 14px 28px #2563eb2e,0 1px #ffffff3d inset}:root[data-theme=dark] .primary-action,:root[data-theme=dark] .admin-feature-action,:root[data-theme=dark] .student-study-action{color:#050505;background:linear-gradient(135deg,#fff,#d9e6f5);box-shadow:0 0 30px #68b3ff1f,0 1px #ffffff42 inset}.page,.home-page,.admin-section-shell,.teacher-page-shell,.settings-page{max-width:1220px}.role-dashboard,.admin-user-panel,.admin-section-header,.admin-feature-card,.teacher-panel-card,.teacher-class-card,.teacher-card,.panel-entry-card,.class-card,.info-box,.management-list,.inline-edit-form,.inline-add-form,.promotion-preview,.settings-profile-card,.settings-section,.settings-account-card,.feature-card,.resource-card,.copybook-card,.study-picker,.cloud-preview-stage,.toolbar,.page-header{border:1px solid var(--lg-line);background:linear-gradient(145deg,#ffffff7a,#ffffff38),var(--lg-card);box-shadow:var(--lg-shadow-soft);-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}:root[data-theme=dark] .role-dashboard,:root[data-theme=dark] .admin-user-panel,:root[data-theme=dark] .admin-section-header,:root[data-theme=dark] .admin-feature-card,:root[data-theme=dark] .teacher-panel-card,:root[data-theme=dark] .teacher-class-card,:root[data-theme=dark] .teacher-card,:root[data-theme=dark] .panel-entry-card,:root[data-theme=dark] .class-card,:root[data-theme=dark] .info-box,:root[data-theme=dark] .management-list,:root[data-theme=dark] .inline-edit-form,:root[data-theme=dark] .inline-add-form,:root[data-theme=dark] .promotion-preview,:root[data-theme=dark] .settings-profile-card,:root[data-theme=dark] .settings-section,:root[data-theme=dark] .settings-account-card,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .resource-card,:root[data-theme=dark] .copybook-card,:root[data-theme=dark] .study-picker,:root[data-theme=dark] .cloud-preview-stage,:root[data-theme=dark] .toolbar,:root[data-theme=dark] .page-header{background:linear-gradient(145deg,#ffffff12,#ffffff06),var(--lg-card);box-shadow:var(--lg-shadow-soft)}.admin-feature-card,.feature-card,.resource-card,.teacher-panel-card,.panel-entry-card,.settings-section,.settings-profile-card{border-radius:var(--lg-radius)}.teacher-panel-card{overflow:hidden}.admin-feature-card:hover,.feature-card:hover,.resource-card:hover,.panel-entry-card:hover,.teacher-class-card:hover{transform:translateY(-1px);border-color:var(--lg-line-strong);box-shadow:var(--lg-shadow)}.admin-feature-icon,.role-icon,.teacher-class-icon,.settings-row-icon,.settings-account-icon,.panel-entry-icon,.student-study-icon,.auth-mark{background:var(--lg-card-soft);border:1px solid var(--lg-line);color:var(--lg-accent-strong)}:root[data-theme=dark] .admin-feature-icon,:root[data-theme=dark] .role-icon,:root[data-theme=dark] .teacher-class-icon,:root[data-theme=dark] .settings-row-icon,:root[data-theme=dark] .settings-account-icon,:root[data-theme=dark] .panel-entry-icon,:root[data-theme=dark] .student-study-icon{color:var(--lg-text);background:#fff1}.role-admin .role-icon,.role-teacher .role-icon{color:var(--lg-accent-strong);background:var(--lg-card-soft)}:root[data-theme=dark] .role-admin .role-icon,:root[data-theme=dark] .role-teacher .role-icon{color:var(--lg-text)}.admin-record-table{gap:0;overflow-x:auto;border:1px solid var(--lg-line);border-radius:20px;background:var(--lg-card);box-shadow:var(--lg-shadow-soft)}.admin-record-row{min-width:760px;border:0;border-bottom:1px solid var(--lg-line);background:transparent}.admin-record-row:last-child{border-bottom:0}.admin-record-head{background:var(--lg-card-soft);color:var(--lg-muted)}.action-btn-group{min-width:0;display:flex;flex-wrap:wrap;gap:8px}.icon-action{color:var(--lg-text);background:var(--lg-card-soft);border-color:var(--lg-line)}.icon-danger{color:#b42318;background:#fff7f5bd;border-color:#b423182e}:root[data-theme=dark] .icon-action{color:var(--lg-text);background:#fff1}:root[data-theme=dark] .icon-danger{color:#ffb4aa;background:#ffffff0e;border-color:#ffb4aa33}.file-picker,.file-input-field{max-width:100%}.file-picker-btn,input[type=file]{min-height:44px;border-radius:var(--lg-radius-sm);background:var(--lg-control)}.student-study-hero{min-height:148px;border-radius:30px;background:linear-gradient(135deg,#5dade23d,#ffffff80),var(--lg-card-strong);box-shadow:0 22px 60px #2563eb29,var(--lg-shadow-soft)}:root[data-theme=dark] .student-study-hero{background:linear-gradient(135deg,#68b3ff21,#ffffff09),var(--lg-card-strong);box-shadow:var(--lg-shadow),0 0 44px #68b3ff1c}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-card{min-height:188px}.teacher-home-grid .feature-card{min-height:176px}.status-badge{border:1px solid var(--lg-line);border-radius:999px;background:var(--lg-card-soft)}.status-active{color:#126a3a}.status-disabled{color:#b42318}:root[data-theme=dark] .status-active,:root[data-theme=dark] .status-disabled,:root[data-theme=dark] .status-graduated{color:var(--lg-text);background:#fff1;border-color:var(--lg-line)}.form-success,.form-error{border-radius:16px;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}.cloud-preview-stage{border-radius:0;background:#ffffff94}:root[data-theme=dark] .cloud-preview-stage{background:#0505059e}.read-only-pill{border:1px solid var(--lg-line);background:var(--lg-card-soft);color:var(--lg-accent-strong)}:root[data-theme=dark] .read-only-pill{color:var(--lg-text)}@keyframes glassDrift{0%{transform:translateZ(0)}to{transform:translate3d(34px,34px,0)}}@keyframes particleFloat{0%,to{transform:translateZ(0)}50%{transform:translate3d(0,-16px,0)}}@media(max-width:980px){.auth-shell{grid-template-columns:1fr;gap:18px;align-content:center}.auth-brand-panel{justify-items:center;text-align:center;padding-bottom:0}.auth-brand-copy h1{font-size:clamp(34px,8vw,54px)}.auth-brand-copy p{margin:0 auto}.auth-pwa-badge:not(.auth-pwa-badge-mobile){display:none}.auth-pwa-badge-mobile{display:inline-flex}.feature-grid,.admin-card-grid,.admin-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.auth-liquid-page{padding:18px 14px;align-items:start}.auth-brand-panel{gap:14px;padding:8px 4px 0}.auth-logo{width:min(240px,74vw)}.auth-brand-copy h1{font-size:34px}.auth-brand-copy p{font-size:15px}.auth-login-card{padding:20px;border-radius:24px}.auth-card-logo{width:148px;height:58px}.auth-role-chips{justify-content:center}.feature-grid,.admin-card-grid,.admin-user-grid,.dashboard-mini-grid,.panel-entry-cards{grid-template-columns:1fr}.feature-card,.resource-card,.admin-feature-card{min-height:148px}.student-study-hero{min-height:0;border-radius:24px}.student-study-copy strong{font-size:24px}.admin-record-row{min-width:680px}}.coming-soon-card,.coming-soon-card:disabled{position:relative;overflow:hidden;opacity:1;cursor:default;color:var(--lg-text);border-style:solid;background:radial-gradient(circle at 100% 0%,rgba(93,173,226,.16),transparent 12rem),linear-gradient(145deg,#ffffff6b,#ffffff29),var(--lg-card)!important}:root[data-theme=dark] .coming-soon-card,:root[data-theme=dark] .coming-soon-card:disabled{color:var(--lg-text);background:radial-gradient(circle at 100% 0%,rgba(88,166,255,.13),transparent 12rem),linear-gradient(145deg,#ffffff0e,#ffffff05),var(--lg-card)!important}.coming-soon-card:after{content:"";position:absolute;inset:auto -20% -45% 35%;height:92px;transform:rotate(-8deg);background:linear-gradient(90deg,transparent,rgba(93,173,226,.12),transparent);pointer-events:none}.coming-soon-topline{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px}.coming-soon-topline small,.coming-soon-badge,.coming-soon-action{width:fit-content;min-height:30px;display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;color:var(--lg-accent-strong);background:color-mix(in srgb,var(--lg-accent) 13%,transparent);font-size:12px;font-weight:850;letter-spacing:0}:root[data-theme=dark] .coming-soon-topline small,:root[data-theme=dark] .coming-soon-badge,:root[data-theme=dark] .coming-soon-action{color:var(--lg-text);background:#ffffff14}.coming-soon-card .admin-feature-icon,.coming-soon-card>svg{opacity:.9}.coming-soon-card .admin-feature-action,.coming-soon-card .coming-soon-action{color:var(--lg-accent-strong);border:1px solid transparent;background:color-mix(in srgb,var(--lg-accent) 13%,transparent);box-shadow:none}:root[data-theme=dark] .coming-soon-card .admin-feature-action,:root[data-theme=dark] .coming-soon-card .coming-soon-action{color:var(--lg-text);background:#ffffff14}.upload-debug-log{display:grid;gap:6px;padding:12px;border-radius:16px;color:var(--lg-muted, var(--muted));background:color-mix(in srgb,var(--lg-card-soft, var(--panel-2)) 74%,transparent);font-size:13px;line-height:1.35}.upload-debug-log strong{color:var(--lg-text, var(--text))}.upload-debug-log span{overflow-wrap:anywhere}:root{--lg-page-bg: #f9fcff;--lg-page-bg-2: #f1f8ff;--lg-card-border: rgba(37, 99, 235, .07);--lg-card-border-strong: rgba(37, 99, 235, .15);--lg-hairline: rgba(15, 49, 86, .09);--lg-soft-shadow: 0 18px 48px rgba(15, 49, 86, .065);--lg-float-shadow: 0 24px 74px rgba(15, 49, 86, .095)}:root[data-theme=dark]{--lg-page-bg: #030303;--lg-page-bg-2: #070707;--lg-card-border: rgba(255, 255, 255, .06);--lg-card-border-strong: rgba(156, 207, 255, .14);--lg-hairline: rgba(255, 255, 255, .075);--lg-soft-shadow: 0 18px 52px rgba(0, 0, 0, .24);--lg-float-shadow: 0 26px 82px rgba(0, 0, 0, .42), 0 0 34px rgba(88, 166, 255, .055)}html,body,#root,.app-shell,.main-surface{background:radial-gradient(circle at 50% -18rem,rgba(93,173,226,.1),transparent 34rem),linear-gradient(180deg,var(--lg-page-bg),var(--lg-page-bg-2))!important}:root[data-theme=dark] html,:root[data-theme=dark] body,:root[data-theme=dark] #root,:root[data-theme=dark] .app-shell,:root[data-theme=dark] .main-surface{background:radial-gradient(circle at 50% -18rem,rgba(88,166,255,.085),transparent 34rem),linear-gradient(180deg,var(--lg-page-bg),var(--lg-page-bg-2))!important}*:focus{outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[role=button]:focus-visible{outline:none!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-control-border-focus) 28%,transparent)!important}.role-admin.role-dashboard{padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.role-admin .role-dashboard-main{margin-bottom:16px;padding:18px;border:1px solid var(--lg-card-border)!important;border-radius:24px;background:linear-gradient(145deg,#ffffff6b,#ffffff2e),var(--lg-card)!important;box-shadow:var(--lg-soft-shadow)!important;-webkit-backdrop-filter:var(--lg-blur);backdrop-filter:var(--lg-blur)}:root[data-theme=dark] .role-admin .role-dashboard-main{background:linear-gradient(145deg,#ffffff0d,#ffffff05),var(--lg-card)!important}.admin-dashboard-home,.admin-section-shell,.teacher-page-shell,.settings-body,.study-picker-page{gap:18px}.admin-user-panel,.teacher-panel-card,.settings-section,.settings-profile-card,.study-picker,.study-start-panel,.feature-card,.resource-card,.copybook-card,.student-study-hero{border:1px solid var(--lg-card-border)!important;background:linear-gradient(145deg,#fff6,#ffffff29),var(--lg-card)!important;box-shadow:var(--lg-float-shadow)!important}:root[data-theme=dark] .admin-user-panel,:root[data-theme=dark] .teacher-panel-card,:root[data-theme=dark] .settings-section,:root[data-theme=dark] .settings-profile-card,:root[data-theme=dark] .study-picker,:root[data-theme=dark] .study-start-panel,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .resource-card,:root[data-theme=dark] .copybook-card,:root[data-theme=dark] .student-study-hero{background:linear-gradient(145deg,#ffffff0c,#ffffff04),var(--lg-card)!important}.admin-feature-card,.panel-entry-card,.teacher-class-card,.teacher-card,.class-card{border-color:transparent!important;background:linear-gradient(145deg,#ffffff57,#ffffff1f),color-mix(in srgb,var(--lg-card) 88%,transparent)!important;box-shadow:var(--lg-soft-shadow)!important}:root[data-theme=dark] .admin-feature-card,:root[data-theme=dark] .panel-entry-card,:root[data-theme=dark] .teacher-class-card,:root[data-theme=dark] .teacher-card,:root[data-theme=dark] .class-card{background:linear-gradient(145deg,#ffffff0b,#ffffff04),color-mix(in srgb,var(--lg-card) 90%,transparent)!important}.admin-section-header,.page-header,.study-start-header .page-header,.home-brand-header{border:0!important;background:transparent!important;box-shadow:none!important;padding-inline:0}.admin-user-panel>.inline-add-form,.teacher-panel-card.inline-add-form,.teacher-panel-card .inline-add-form,.admin-user-panel .inline-add-form,.inline-edit-form,.management-list,.settings-list,.study-start-summary,.study-time-card,.import-id-hint,.promotion-preview,.teacher-edit-panel,.class-detail-section{border:0!important;background:transparent!important;box-shadow:none!important}.inline-edit-form,.management-list,.study-start-summary,.promotion-preview,.teacher-edit-panel,.class-detail-section{padding-inline:0}.settings-list{padding:0}.settings-section{overflow:hidden}.settings-section-title{border-bottom:1px solid var(--lg-hairline)!important}.settings-row,.class-detail-student-row,.class-detail-teacher-row,.teacher-card-row,.teacher-edit-panel,.page-menu-row{border-color:var(--lg-hairline)!important}.settings-row:hover,.class-detail-student-row:hover,.page-menu-row:hover{background:color-mix(in srgb,var(--lg-card-soft) 44%,transparent)!important}.admin-record-table,.teacher-record-table,.admin-record-row,.admin-record-head{border-left:0!important;border-right:0!important;box-shadow:none!important}.admin-record-table,.teacher-record-table{border-top:0!important;border-bottom:0!important;background:transparent!important}.admin-record-row{border-bottom:1px solid var(--lg-hairline)!important}.admin-record-row:last-child{border-bottom:0!important}.admin-record-head{background:transparent!important}.admin-feature-icon,.role-icon,.teacher-class-icon,.settings-row-icon,.settings-account-icon,.panel-entry-icon,.student-study-icon,.auth-mark{border-color:transparent!important;box-shadow:none!important}.admin-feature-meta,.role-badge,.teacher-tag,.status-badge,.read-only-pill,.coming-soon-badge,.coming-soon-topline small,.upload-debug-log{border:0!important;background:color-mix(in srgb,var(--lg-card-soft) 72%,transparent)!important;box-shadow:none!important}input,select,textarea,input[type=file],.google-search-pill{border:1px solid var(--lg-control-border)!important;outline:0!important;box-shadow:none!important}input:focus,select:focus,textarea:focus,.google-search-pill:focus-within{border-color:var(--lg-control-border-focus)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-control-border-focus) 22%,transparent)!important}.google-search-pill input,.google-search-pill input:focus,.page-text-input input,.page-text-input input:focus{border:0!important;box-shadow:none!important;background:transparent!important}.toolbar,.study-session .toolbar,.notebook:not(.compact)>.toolbar{border:0!important;border-bottom:1px solid var(--lg-hairline)!important;background:color-mix(in srgb,var(--lg-card) 86%,transparent)!important;box-shadow:0 10px 34px #0000000e!important}:root[data-theme=dark] .toolbar,:root[data-theme=dark] .study-session .toolbar,:root[data-theme=dark] .notebook:not(.compact)>.toolbar{box-shadow:0 12px 34px #00000047!important}.toolbar>div,.notebook-tools,.copybook-toolbar-scroll,.study-copybook-workspace .copybook-toolbar-scroll .notebook-tools{border:0!important;background:transparent!important;box-shadow:none!important}.study-session-controls,.study-mode-switcher,.study-session-time,.copybook-toolbar-direct,.copybook-toolbar-scroll{border-color:var(--lg-hairline)!important;background:color-mix(in srgb,var(--lg-card-soft) 58%,transparent)!important;box-shadow:none!important}.study-start-summary div{border:0!important;background:color-mix(in srgb,var(--lg-card-soft) 52%,transparent)!important;box-shadow:none!important}.study-grid,.study-pane,.study-split-pane{border-color:var(--lg-hairline)!important}.study-copybook-workspace .copybook-workspace-scroll .copybook-study-page{border-color:transparent!important;box-shadow:var(--lg-float-shadow)!important}.file-picker,.file-picker-field,.file-input-field,.admin-user-grid label,.study-field{min-width:0}.file-picker-btn,.icon-action,.icon-danger,.back-subview-btn,.settings-signout-btn,.toggle-btn,.subject-chip,.import-actions button{border:0!important;box-shadow:none!important}.primary-action,.admin-feature-action,.student-study-action,.study-start-button{border:0!important}@media(max-width:980px){.admin-card-grid,.feature-grid,.dashboard-mini-grid,.panel-entry-cards{gap:14px}}@media(max-width:620px){.admin-user-panel,.teacher-panel-card,.settings-section,.settings-profile-card,.study-picker,.study-start-panel{padding:16px}}:root{--lg-page-bg: #f8fbff;--lg-page-bg-2: #eef7ff;--lg-card-border: rgba(37, 99, 235, .095);--lg-card-border-strong: rgba(37, 99, 235, .18);--lg-control-border: rgba(15, 49, 86, .22);--lg-control-border-focus: rgba(37, 99, 235, .42);--lg-control-bg: rgba(255, 255, 255, .86);--lg-control-bg-hover: rgba(255, 255, 255, .96);--lg-button-bg: rgba(255, 255, 255, .62);--lg-button-bg-hover: rgba(237, 247, 255, .92);--lg-button-text: #102033;--lg-placeholder: #7c8aa0;--lg-soft-shadow: 0 18px 44px rgba(15, 49, 86, .075);--lg-float-shadow: 0 24px 70px rgba(15, 49, 86, .11)}:root[data-theme=dark]{--lg-page-bg: #030303;--lg-page-bg-2: #080808;--lg-card-border: rgba(255, 255, 255, .075);--lg-card-border-strong: rgba(156, 207, 255, .18);--lg-control-border: rgba(255, 255, 255, .16);--lg-control-border-focus: rgba(156, 207, 255, .42);--lg-control-bg: rgba(255, 255, 255, .08);--lg-control-bg-hover: rgba(255, 255, 255, .115);--lg-button-bg: rgba(255, 255, 255, .07);--lg-button-bg-hover: rgba(255, 255, 255, .115);--lg-button-text: #f7f7f8;--lg-placeholder: #8d8d94;--lg-soft-shadow: 0 18px 50px rgba(0, 0, 0, .28);--lg-float-shadow: 0 26px 80px rgba(0, 0, 0, .45), 0 0 38px rgba(88, 166, 255, .075)}html,body,#root,.app-shell,.main-surface{background:radial-gradient(circle at 50% -18rem,rgba(93,173,226,.12),transparent 32rem),linear-gradient(180deg,var(--lg-page-bg),var(--lg-page-bg-2))!important}:root[data-theme=dark] html,:root[data-theme=dark] body,:root[data-theme=dark] #root,:root[data-theme=dark] .app-shell,:root[data-theme=dark] .main-surface{background:radial-gradient(circle at 50% -18rem,rgba(88,166,255,.105),transparent 32rem),linear-gradient(180deg,var(--lg-page-bg),var(--lg-page-bg-2))!important}.page,.home-page,.admin-section-shell,.teacher-page-shell,.settings-page{width:min(1220px,100%);margin-inline:auto}button,a,.icon-action,.icon-danger,.file-picker-btn,.settings-signout-btn,.back-subview-btn,.toggle-btn,.subject-chip,.teacher-tag,.role-badge,.admin-feature-meta,.read-only-pill{color:var(--lg-button-text);border-color:transparent;background:var(--lg-button-bg);box-shadow:inset 0 1px #ffffff38}button:hover,a:hover,.icon-action:hover,.file-picker-btn:hover,.back-subview-btn:hover,.toggle-btn:hover,.subject-chip:hover{color:var(--lg-button-text);border-color:var(--lg-card-border-strong);background:var(--lg-button-bg-hover)}button:active,a:active,.icon-action:active,.file-picker-btn:active,.primary-action:active{transform:translateY(1px);color:var(--lg-button-text)}button:focus-visible,a:focus-visible,.icon-action:focus-visible,.icon-danger:focus-visible,.file-picker-btn:focus-visible,.primary-action:focus-visible{outline:none;border-color:var(--lg-control-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-control-border-focus) 42%,transparent)}.primary-action,.admin-feature-action,.student-study-action,.tool-button.active,.segmented .selected,.page-strip .selected,.mode-dropdown .selected,.eraser-mode-popover .selected,.hand-mode-popover .selected,.settings-check.active,.subject-chip-on,.toggle-btn.toggle-active{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 16px 32px #2563eb2e}:root[data-theme=dark] .primary-action,:root[data-theme=dark] .admin-feature-action,:root[data-theme=dark] .student-study-action,:root[data-theme=dark] .tool-button.active,:root[data-theme=dark] .segmented .selected,:root[data-theme=dark] .page-strip .selected,:root[data-theme=dark] .mode-dropdown .selected,:root[data-theme=dark] .eraser-mode-popover .selected,:root[data-theme=dark] .hand-mode-popover .selected,:root[data-theme=dark] .settings-check.active,:root[data-theme=dark] .subject-chip-on,:root[data-theme=dark] .toggle-btn.toggle-active{color:#050505;background:linear-gradient(135deg,#fff,#dbeafe);box-shadow:0 0 32px #58a6ff1f}input,select,textarea,input[type=file]{color:var(--lg-text)!important;caret-color:var(--lg-accent-strong);border:1px solid var(--lg-control-border)!important;background:var(--lg-control-bg)!important;box-shadow:none!important;-webkit-text-fill-color:var(--lg-text)}input::placeholder,textarea::placeholder{color:var(--lg-placeholder)!important;opacity:1;-webkit-text-fill-color:var(--lg-placeholder)}input:focus,select:focus,textarea:focus{outline:none!important;color:var(--lg-text)!important;border-color:var(--lg-control-border-focus)!important;background:var(--lg-control-bg-hover)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-control-border-focus) 32%,transparent)!important}label,label span,.file-picker-field>span,.file-input-field>span,.admin-user-grid label span,.auth-card label span{color:var(--lg-muted)}.role-dashboard,.admin-user-panel,.admin-section-header,.admin-feature-card,.teacher-panel-card,.teacher-class-card,.teacher-card,.teacher-edit-panel,.panel-entry-card,.class-card,.class-detail-section,.info-box,.management-list,.inline-edit-form,.inline-add-form,.promotion-preview,.settings-profile-card,.settings-section,.settings-account-card,.settings-list,.feature-card,.resource-card,.copybook-card,.study-picker,.study-start-panel,.cloud-preview-stage,.toolbar,.page-header,.create-row,.notebook-tools,.page-status span,.page-menu-sheet,.saved-images-sheet{border-color:var(--lg-card-border)!important;background:linear-gradient(145deg,#ffffff61,#ffffff2e),var(--lg-card)!important;box-shadow:var(--lg-soft-shadow)!important}:root[data-theme=dark] .role-dashboard,:root[data-theme=dark] .admin-user-panel,:root[data-theme=dark] .admin-section-header,:root[data-theme=dark] .admin-feature-card,:root[data-theme=dark] .teacher-panel-card,:root[data-theme=dark] .teacher-class-card,:root[data-theme=dark] .teacher-card,:root[data-theme=dark] .teacher-edit-panel,:root[data-theme=dark] .panel-entry-card,:root[data-theme=dark] .class-card,:root[data-theme=dark] .class-detail-section,:root[data-theme=dark] .info-box,:root[data-theme=dark] .management-list,:root[data-theme=dark] .inline-edit-form,:root[data-theme=dark] .inline-add-form,:root[data-theme=dark] .promotion-preview,:root[data-theme=dark] .settings-profile-card,:root[data-theme=dark] .settings-section,:root[data-theme=dark] .settings-account-card,:root[data-theme=dark] .settings-list,:root[data-theme=dark] .feature-card,:root[data-theme=dark] .resource-card,:root[data-theme=dark] .copybook-card,:root[data-theme=dark] .study-picker,:root[data-theme=dark] .study-start-panel,:root[data-theme=dark] .cloud-preview-stage,:root[data-theme=dark] .toolbar,:root[data-theme=dark] .page-header,:root[data-theme=dark] .create-row,:root[data-theme=dark] .notebook-tools,:root[data-theme=dark] .page-status span,:root[data-theme=dark] .page-menu-sheet,:root[data-theme=dark] .saved-images-sheet{background:linear-gradient(145deg,#ffffff0d,#ffffff06),var(--lg-card)!important}.role-dashboard,.admin-user-panel,.teacher-panel-card,.settings-profile-card,.settings-section,.feature-card,.resource-card,.copybook-card,.study-picker,.student-study-hero{box-shadow:var(--lg-float-shadow)!important}.admin-feature-card,.feature-card,.resource-card,.teacher-panel-card,.settings-section,.settings-profile-card,.role-dashboard{border-width:1px}.admin-record-table,.teacher-record-table{border:0!important;background:transparent!important;box-shadow:none!important}.admin-record-row{border-bottom-color:color-mix(in srgb,var(--lg-card-border) 70%,transparent)!important;background:transparent!important}.admin-record-head{color:var(--lg-muted);background:color-mix(in srgb,var(--lg-card-soft) 72%,transparent)!important}.empty-state{border-color:var(--lg-card-border)!important;background:color-mix(in srgb,var(--lg-card-soft) 70%,transparent)}.student-study-hero{border-color:transparent!important;background:radial-gradient(circle at 8% 0%,rgba(93,173,226,.25),transparent 18rem),linear-gradient(135deg,#ffffffad,#ecf8ff99)!important}:root[data-theme=dark] .student-study-hero{background:radial-gradient(circle at 8% 0%,rgba(88,166,255,.16),transparent 18rem),linear-gradient(135deg,#fff1,#ffffff06)!important}.home-brand-header,.admin-section-header,.page-header{border-color:transparent!important;box-shadow:none!important;background:transparent!important}.settings-page{background:transparent!important}.settings-row,.class-detail-student-row,.class-detail-teacher-row,.page-menu-row{border-color:color-mix(in srgb,var(--lg-card-border) 70%,transparent)!important}.image-search-panel{color:var(--lg-text);background:radial-gradient(circle at 50% -12rem,rgba(93,173,226,.16),transparent 24rem),linear-gradient(180deg,var(--lg-page-bg),var(--lg-page-bg-2))!important}:root[data-theme=dark] .image-search-panel{background:radial-gradient(circle at 50% -12rem,rgba(88,166,255,.11),transparent 24rem),linear-gradient(180deg,#050505,#0a0a0b)!important}.image-search-topbar{border-bottom:0!important;background:transparent!important;box-shadow:none!important}.google-search-pill{color:var(--lg-text);border:1px solid var(--lg-control-border)!important;border-radius:999px;background:var(--lg-control-bg)!important;box-shadow:var(--lg-soft-shadow)!important}.google-search-pill:focus-within{border-color:var(--lg-control-border-focus)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--lg-control-border-focus) 32%,transparent),var(--lg-soft-shadow)!important}.google-search-pill input,.google-search-pill input:focus{color:var(--lg-text)!important;caret-color:var(--lg-accent-strong);border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;-webkit-text-fill-color:var(--lg-text)}.google-search-pill input::placeholder{color:var(--lg-placeholder)!important;-webkit-text-fill-color:var(--lg-placeholder)}.google-search-pill button{color:var(--lg-button-text);border:0!important;background:transparent!important;box-shadow:none!important}.image-search-panel p,.search-result span,.search-result small{color:var(--lg-muted)!important}.search-results{background:transparent!important}.search-result{border:0!important;background:transparent!important}.search-result img,.saved-image-tile{border-color:transparent!important;box-shadow:var(--lg-soft-shadow)}.saved-images-sheet,.page-menu-sheet{color:var(--lg-text)}@media(max-width:980px){.page,.home-page,.admin-section-shell,.teacher-page-shell,.settings-page{padding-inline:14px}}@media(max-width:620px){button,a,input,select,textarea,.file-picker-btn{min-height:44px}.role-dashboard,.admin-user-panel,.teacher-panel-card,.settings-section,.settings-profile-card,.feature-card,.resource-card,.copybook-card,.study-picker,.student-study-hero{border-radius:20px}}:root{--react-pdf-annotation-layer: 1;--annotation-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>");--input-focus-border-color: Highlight;--input-focus-outline: 1px solid Canvas;--input-unfocused-border-color: transparent;--input-disabled-border-color: transparent;--input-hover-border-color: black;--link-outline: none}@media screen and (forced-colors:active){:root{--input-focus-border-color: CanvasText;--input-unfocused-border-color: ActiveText;--input-disabled-border-color: GrayText;--input-hover-border-color: Highlight;--link-outline: 1.5px solid LinkText}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid selectedItem}.annotationLayer .linkAnnotation:hover{-webkit-backdrop-filter:invert(100%);backdrop-filter:invert(100%)}}.annotationLayer{position:absolute;top:0;left:0;pointer-events:none;transform-origin:0 0;z-index:3}.annotationLayer[data-main-rotation="90"] .norotate{transform:rotate(270deg) translate(-100%)}.annotationLayer[data-main-rotation="180"] .norotate{transform:rotate(180deg) translate(-100%,-100%)}.annotationLayer[data-main-rotation="270"] .norotate{transform:rotate(90deg) translateY(-100%)}.annotationLayer canvas{position:absolute;width:100%;height:100%}.annotationLayer section{position:absolute;text-align:initial;pointer-events:auto;box-sizing:border-box;margin:0;transform-origin:0 0}.annotationLayer .linkAnnotation{outline:var(--link-outline)}.textLayer.selecting~.annotationLayer section{pointer-events:none}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a{position:absolute;font-size:1em;top:0;left:0;width:100%;height:100%}.annotationLayer :is(.linkAnnotation,.buttonWidgetAnnotation.pushButton)>a:hover{opacity:.2;background:#ff0;box-shadow:0 2px 10px #ff0}.annotationLayer .textAnnotation img{position:absolute;cursor:pointer;width:100%;height:100%;top:0;left:0}.annotationLayer .textWidgetAnnotation :is(input,textarea),.annotationLayer .choiceWidgetAnnotation select,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{background-image:var(--annotation-unfocused-field-background);border:2px solid var(--input-unfocused-border-color);box-sizing:border-box;font:calc(9px * var(--total-scale-factor)) sans-serif;height:100%;margin:0;vertical-align:top;width:100%}.annotationLayer .textWidgetAnnotation :is(input,textarea):required,.annotationLayer .choiceWidgetAnnotation select:required,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:required{outline:1.5px solid red}.annotationLayer .choiceWidgetAnnotation select option{padding:0}.annotationLayer .buttonWidgetAnnotation.radioButton input{border-radius:50%}.annotationLayer .textWidgetAnnotation textarea{resize:none}.annotationLayer .textWidgetAnnotation :is(input,textarea)[disabled],.annotationLayer .choiceWidgetAnnotation select[disabled],.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input[disabled]{background:none;border:2px solid var(--input-disabled-border-color);cursor:not-allowed}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input:hover{border:2px solid var(--input-hover-border-color)}.annotationLayer .textWidgetAnnotation :is(input,textarea):hover,.annotationLayer .choiceWidgetAnnotation select:hover,.annotationLayer .buttonWidgetAnnotation.checkBox input:hover{border-radius:2px}.annotationLayer .textWidgetAnnotation :is(input,textarea):focus,.annotationLayer .choiceWidgetAnnotation select:focus{background:none;border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) :focus{background-image:none;background-color:transparent}.annotationLayer .buttonWidgetAnnotation.checkBox :focus{border:2px solid var(--input-focus-border-color);border-radius:2px;outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.radioButton :focus{border:2px solid var(--input-focus-border-color);outline:var(--input-focus-outline)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after,.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{background-color:CanvasText;content:"";display:block;position:absolute}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before,.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{height:80%;left:45%;width:1px}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:before{transform:rotate(45deg)}.annotationLayer .buttonWidgetAnnotation.checkBox input:checked:after{transform:rotate(-45deg)}.annotationLayer .buttonWidgetAnnotation.radioButton input:checked:before{border-radius:50%;height:50%;left:30%;top:20%;width:50%}.annotationLayer .textWidgetAnnotation input.comb{font-family:monospace;padding-left:2px;padding-right:0}.annotationLayer .textWidgetAnnotation input.comb:focus{width:103%}.annotationLayer .buttonWidgetAnnotation:is(.checkBox,.radioButton) input{appearance:none}.annotationLayer .popupTriggerArea{height:100%;width:100%}.annotationLayer .fileAttachmentAnnotation .popupTriggerArea{position:absolute}.annotationLayer .popupWrapper{position:absolute;font-size:calc(9px * var(--total-scale-factor));width:100%;min-width:calc(180px * var(--total-scale-factor));pointer-events:none}.annotationLayer .popup{position:absolute;max-width:calc(180px * var(--total-scale-factor));background-color:#ff9;box-shadow:0 calc(2px * var(--total-scale-factor)) calc(5px * var(--total-scale-factor)) #888;border-radius:calc(2px * var(--total-scale-factor));padding:calc(6px * var(--total-scale-factor));margin-left:calc(5px * var(--total-scale-factor));cursor:pointer;font:message-box;white-space:normal;word-wrap:break-word;pointer-events:auto}.annotationLayer .popup>*{font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .popup h1{display:inline-block}.annotationLayer .popupDate{display:inline-block;margin-left:calc(5px * var(--total-scale-factor))}.annotationLayer .popupContent{border-top:1px solid rgba(51,51,51,1);margin-top:calc(2px * var(--total-scale-factor));padding-top:calc(2px * var(--total-scale-factor))}.annotationLayer .richText>*{white-space:pre-wrap;font-size:calc(9px * var(--total-scale-factor))}.annotationLayer .highlightAnnotation,.annotationLayer .underlineAnnotation,.annotationLayer .squigglyAnnotation,.annotationLayer .strikeoutAnnotation,.annotationLayer .freeTextAnnotation,.annotationLayer .lineAnnotation svg line,.annotationLayer .squareAnnotation svg rect,.annotationLayer .circleAnnotation svg ellipse,.annotationLayer .polylineAnnotation svg polyline,.annotationLayer .polygonAnnotation svg polygon,.annotationLayer .caretAnnotation,.annotationLayer .inkAnnotation svg polyline,.annotationLayer .stampAnnotation,.annotationLayer .fileAttachmentAnnotation{cursor:pointer}.annotationLayer section svg{position:absolute;width:100%;height:100%;top:0;left:0}.annotationLayer .annotationTextContent{position:absolute;width:100%;height:100%;opacity:0;color:transparent;-webkit-user-select:none;user-select:none;pointer-events:none}.annotationLayer .annotationTextContent span{width:100%;display:inline-block}:root{--react-pdf-text-layer: 1;--highlight-bg-color: rgba(180, 0, 170, 1);--highlight-selected-bg-color: rgba(0, 100, 0, 1)}@media screen and (forced-colors:active){:root{--highlight-bg-color: Highlight;--highlight-selected-bg-color: ButtonText}}[data-main-rotation="90"]{transform:rotate(90deg) translateY(-100%)}[data-main-rotation="180"]{transform:rotate(180deg) translate(-100%,-100%)}[data-main-rotation="270"]{transform:rotate(270deg) translate(-100%)}.textLayer{position:absolute;text-align:initial;inset:0;overflow:hidden;line-height:1;text-size-adjust:none;forced-color-adjust:none;transform-origin:0 0;z-index:2}.textLayer :is(span,br){color:transparent;position:absolute;white-space:pre;cursor:text;margin:0;transform-origin:0 0}.textLayer span.markedContent{top:0;height:0}.textLayer .highlight{margin:-1px;padding:1px;background-color:var(--highlight-bg-color);border-radius:4px}.textLayer .highlight.appended{position:initial}.textLayer .highlight.begin{border-radius:4px 0 0 4px}.textLayer .highlight.end{border-radius:0 4px 4px 0}.textLayer .highlight.middle{border-radius:0}.textLayer .highlight.selected{background-color:var(--highlight-selected-bg-color)}.textLayer br::selection{background:transparent}.textLayer .endOfContent{display:block;position:absolute;inset:100% 0 0;z-index:-1;cursor:default;-webkit-user-select:none;user-select:none}.textLayer.selecting .endOfContent{top:0}.hiddenCanvasElement{position:absolute;top:0;left:0;width:0;height:0;display:none}