.pp{width:min(760px,100%);max-height:calc(100dvh - 40px);display:flex;flex-direction:column;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);box-shadow:0 24px 60px #0a142352;font-family:var(--font-family-base)}.pp-head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border);background:linear-gradient(135deg,var(--accent-soft-bg),var(--bg-card) 70%)}.pp-badge{flex-shrink:0;width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.pp-title{margin:0;font-size:17px;font-weight:700}.pp-sub{margin:2px 0 0;font-size:12.5px;color:var(--text-secondary)}.pp-close{margin-left:auto;align-self:flex-start;width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.pp-close:hover{background:var(--bg-soft)}.pp-body{display:grid;grid-template-columns:236px 1fr;min-height:0;flex:1;overflow:hidden}.pp-nav-wrap{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--bg-page)}.pp-nav-heading{display:flex;flex-direction:column;gap:2px;margin:0;padding:12px 14px 4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.pp-nav-heading span{font-weight:600;letter-spacing:0;text-transform:none;color:var(--text-secondary)}.pp-nav{display:flex;flex-direction:column;gap:4px;padding:6px 10px 10px;overflow-y:auto}.pp-nav-item{position:relative;display:flex;align-items:center;gap:10px;padding:7px 10px 7px 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-primary);font:inherit;font-size:13.5px;font-weight:600;text-align:left;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .15s ease}.pp-nav-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;color:var(--accent);background:var(--accent-soft-bg)}.pp-nav-item:hover{background:var(--bg-card);border-color:var(--border);filter:none}.pp-nav-item:hover .pp-nav-label{text-decoration:underline;text-underline-offset:3px}.pp-nav-item[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-md)}.pp-nav-item[data-active=true] .pp-nav-label{text-decoration:none}.pp-nav-item[data-active=true] .pp-nav-icon{color:var(--accent);background:var(--text-on-accent)}.pp-nav-item[data-active=true]:after{content:"›";margin-left:auto;font-size:18px;line-height:1}.pp-nav-item[data-active=true] .beta-badge{color:var(--accent);background:var(--text-on-accent);border-color:var(--text-on-accent)}.pp-nav-item[data-active=true] .pp-beta+*{margin-left:0}.pp-stage-next{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px;padding-top:12px;border-top:1px solid var(--border);font-size:12px;color:var(--text-secondary)}.pp-stage-next button{padding:7px 12px;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.pp-stage-next button:hover{background:var(--accent-soft-bg)}.pp-stage{padding:16px 18px 18px;overflow-y:auto;animation:pp-stage-in .32s cubic-bezier(.2,.8,.2,1)}@keyframes pp-stage-in{0%{opacity:0;transform:translateY(6px)}}.pp-stage-title{margin:0;font-size:15px;font-weight:700}.pp-stage-blurb{margin:3px 0 12px;font-size:13px;color:var(--text-secondary)}.pp-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--border);background:var(--bg-soft)}.pp-price strong{font-size:20px}.pp-price span{font-size:13px;color:var(--text-secondary)}.pp-price small{display:block;font-size:11.5px;color:var(--text-secondary)}.pp-actions{display:flex;gap:8px}.pp-btn-primary,.pp-btn-ghost{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 16px;border-radius:var(--radius-btn);font:inherit;font-size:13.5px;font-weight:700;cursor:pointer}.pp-btn-primary{border:1px solid var(--accent);background:var(--accent);color:var(--text-on-accent)}.pp-btn-ghost{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary)}.pp-card{padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-page)}.pp-center{display:flex;flex-direction:column;align-items:center}.pp-caption{margin:0 0 8px;font-size:12px;color:var(--text-secondary)}.pp-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pp-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.pp-chips span{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:700;color:var(--accent);background:var(--accent-soft-bg)}.pp-table{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}.pp-table th{padding:6px 4px;text-align:left;font-size:11px;color:var(--text-secondary);border-bottom:1px solid var(--border)}.pp-table td{padding:7px 4px;border-bottom:1px solid var(--border)}.pp-table tr:last-child td{border-bottom:none}.pp-table td b{color:var(--success)}.pp [data-tone=present]{--tone: var(--success-border);--tone-bg: var(--success-bg)}.pp [data-tone=late]{--tone: var(--warning-border);--tone-bg: var(--warning-bg)}.pp [data-tone=absent]{--tone: var(--danger-border);--tone-bg: var(--danger-bg)}.pp-rate-row{display:grid;grid-template-columns:1.3fr auto 1.5fr 42px;align-items:center;gap:10px;padding:6px 0;font-size:12.5px;font-variant-numeric:tabular-nums}.pp-rate-name{font-weight:600}.pp-rate-counts{display:flex;gap:4px}.pp-rate-counts i{min-width:22px;padding:1px 5px;border-radius:6px;font-style:normal;font-size:11px;font-weight:700;text-align:center;color:var(--text-primary);background:var(--tone-bg);border:1px solid var(--tone)}.pp-rate-bar{height:7px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.pp-rate-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success-border));transform-origin:left;animation:pp-grow .7s cubic-bezier(.2,.8,.2,1)}@keyframes pp-grow{0%{transform:scaleX(0)}}.pp-seats{display:grid;gap:6px}.pp-seat{aspect-ratio:1 / .8;border-radius:6px;border:2px solid var(--tone, var(--border-strong));background:var(--tone-bg, var(--bg-soft))}.pp-front{display:block;margin:0 0 8px;padding:4px 0;border-radius:6px;text-align:center;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.pp-flip .pp-front{margin:8px 0 0}.pp-curve{width:100%;max-width:340px}.pp-curve-front{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round}.pp-curve-seat{fill:var(--bg-card);stroke:var(--border-strong);stroke-width:2}.pp-course+.pp-course{margin-top:12px}.pp-course-name{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;font-weight:700}.pp-course-name small{margin-left:4px;font-weight:500;color:var(--text-secondary)}.pp-course-classes{display:flex;gap:6px;flex-wrap:wrap}.pp-course-classes span{padding:6px 10px;border-radius:9px;border:1px solid var(--border);background:var(--bg-card);font-size:12px;font-weight:600}.pp-notif{display:flex;align-items:center;gap:10px;width:min(330px,100%);margin:8px 0 12px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-md);animation:pp-notif-in .6s cubic-bezier(.2,.8,.2,1) .15s both}@keyframes pp-notif-in{0%{opacity:0;transform:translateY(-10px)}}.pp-notif-icon{flex-shrink:0;width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-on-accent);background:var(--accent)}.pp-notif b{display:block;font-size:13px}.pp-notif small{font-size:11.5px;color:var(--text-secondary)}.pp-themes{display:flex;flex-direction:column;gap:10px}.pp-theme-big{padding:12px;border-radius:14px;border:1px solid var(--border);background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family-base);transition:background .25s ease,color .25s ease}.pp-mini-welcome{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-card);border:1px solid var(--border);background:linear-gradient(135deg,var(--accent-soft-bg),var(--bg-card) 65%)}.pp-mini-welcome b{display:block;font-size:14px}.pp-mini-welcome small{font-size:11.5px;color:var(--text-secondary)}.pp-mini-welcome img{width:58px;height:58px;margin:-14px 0 -10px auto}.pp-mini-welcome img.pixelated{image-rendering:pixelated}.pp-mini-logo{flex-shrink:0;width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-2))}.pp-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:8px}.pp-mini-stats span{padding:8px;border-radius:var(--radius-card);border:1px solid var(--border);border-top:3px solid var(--tone);background:var(--bg-card);font-size:11.5px;color:var(--text-secondary)}.pp-mini-stats b{display:block;font-size:17px;color:var(--text-primary)}.pp-mini-buttons{display:flex;gap:8px;margin-top:8px}.pp-mini-primary,.pp-mini-ghost{padding:6px 12px;border-radius:var(--radius-btn);font-size:12px;font-weight:700}.pp-mini-primary{color:var(--text-on-accent);background:var(--accent)}.pp-mini-ghost{border:1px solid var(--border-strong);background:var(--bg-card)}.pp-theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.pp-theme-chip{display:flex;align-items:center;gap:7px;padding:7px 8px;border-radius:9px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:12px;font-weight:600;text-align:left;cursor:pointer}.pp-theme-chip[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft-bg)}.pp-theme-swatch{flex-shrink:0;width:16px;height:16px;border-radius:999px;border:1px solid var(--border-strong)}.pp-preview-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:36px;border-radius:var(--radius-btn);border:1.5px dashed var(--accent);background:transparent;color:var(--accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.pp-preview-btn[data-on=true]{border-style:solid;background:var(--accent);color:var(--text-on-accent)}html[data-theme-preview] .mascot-bubble{display:none}@media (max-width: 640px){.pp{max-height:calc(100dvh - 24px);border-radius:16px}.pp-body{display:flex;flex-direction:column;overflow-y:auto}.pp-nav-wrap{position:relative;flex-shrink:0;border-right:none;border-bottom:1px solid var(--border)}.pp-nav-heading{flex-direction:row;align-items:baseline;justify-content:space-between;padding:10px 14px 0}.pp-nav-wrap:after{content:"";position:absolute;top:30px;right:0;bottom:0;width:36px;pointer-events:none;background:linear-gradient(to right,transparent,var(--bg-page))}.pp-nav{flex-direction:row;gap:6px;padding:8px 12px 10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.pp-nav-item{flex-shrink:0;padding:4px 12px 4px 4px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);font-size:12.5px}.pp-nav-icon{width:26px;height:26px;border-radius:999px}.pp-nav-item[data-active=true]:after{content:none}.pp-stage{overflow:visible}.pp-split,.pp-theme-grid{grid-template-columns:1fr 1fr}.pp-rate-row{grid-template-columns:1fr auto 42px}.pp-rate-bar{display:none}.pp-foot{padding:10px 14px}.pp-actions{width:100%}.pp-actions>*{flex:1;justify-content:center}}.pp-nav-item .pp-beta{margin-left:auto;font-size:9px;padding:0 5px}.pp-lessons{display:flex;flex-direction:column;gap:8px}.pp-lesson-file{display:flex;align-items:center;gap:10px}.pp-lesson-file b,.pp-lesson-file small{display:block}.pp-lesson-file small{font-size:11.5px;color:var(--text-secondary)}.pp-lesson-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;color:var(--accent);background:var(--accent-soft-bg)}.pp-lesson-arrow{display:flex;flex-direction:column;align-items:center;font-size:11.5px;font-weight:600;color:var(--text-secondary)}.pp-lesson-arrow:before{content:"↓";font-size:16px;line-height:1.1;color:var(--accent)}.pp-quiz-title{margin:0 0 8px;font-weight:700}.pp-q{padding:8px 0;border-top:1px solid var(--border);font-size:12.5px}.pp-q p{margin:0 0 6px}.pp-q ul{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 4px;padding:0;list-style:none}.pp-q li{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;border:1px solid var(--border)}.pp-q li[data-correct=true]{font-weight:700;color:var(--success);border-color:var(--success);background:var(--success-bg)}.pp-q small{font-size:11px;color:var(--text-secondary)}.pp-lesson-note{margin:0;text-align:center}@media (max-width: 640px){.pp-nav-item .pp-beta{margin-left:4px}}.pp-assignments{display:flex;flex-direction:column;gap:8px}.pp-assignment{display:flex;gap:10px;align-items:flex-start;font-size:12.5px}.pp-assignment b,.pp-assignment small{display:block}.pp-assignment small{margin-top:3px;color:var(--text-secondary)}.pp-assignment p{margin:6px 0 0;padding:6px 8px;border-radius:6px;background:var(--bg-card)}.pp-assignment[data-done=true] b{text-decoration:line-through;color:var(--text-secondary)}.pp-assignment-check{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;border:2px solid var(--border-strong);color:#fff}.pp-assignment[data-done=true] .pp-assignment-check{background:var(--success);border-color:var(--success)}.pp-assignment-chip{padding:0 6px;border-radius:999px;font-weight:600;color:var(--accent);background:var(--accent-soft-bg)}.pp-assignment-remind{display:inline-flex;align-items:center;gap:3px;margin-left:6px;color:var(--accent);font-weight:600}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-family-base)}:root,[data-theme=light]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #f4f9fd;--bg-card: #ffffff;--bg-soft: #eaf2fa;--border: #dce9f5;--border-strong: #c3d9ea;--text-primary: #123458;--text-secondary: #4c6579;--text-on-accent: #f4f9fd;--accent: #123458;--accent-2: #2e6da4;--accent-soft: #6fa8d8;--accent-soft-bg: #d9eaf8;--danger: #7a1f1f;--danger-bg: #fbd6d6;--danger-border: #d13d3d;--success: #1c6b3a;--success-bg: #d4f0dc;--success-border: #2f9e57;--warning: #7a4e0d;--warning-bg: #fce8bd;--warning-border: #d99522;--excused: #4a2585;--excused-bg: #e2d6fb;--excused-border: #8452e0;--shadow-sm: 0 1px 2px rgba(18, 52, 88, .06);--shadow-md: 0 4px 14px rgba(18, 52, 88, .08);--shadow-lg: 0 12px 28px rgba(18, 52, 88, .14);--ring: 0 0 0 3px rgba(111, 168, 216, .28);--skeleton-a: #eef4fa;--skeleton-b: #f7fafd;--radius-card: 10px;--radius-btn: 8px}[data-theme=dark]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #0f1621;--bg-card: #17202e;--bg-soft: #1e293b;--border: #263548;--border-strong: #33445c;--text-primary: #e7eef7;--text-secondary: #93a4bd;--text-on-accent: #0f1621;--accent: #6fa8d8;--accent-2: #8fc1ee;--accent-soft: #3d5a80;--accent-soft-bg: #22344a;--danger: #ffb3b3;--danger-bg: #401c1c;--danger-border: #ff5f5f;--success: #8bf5bd;--success-bg: #123d2a;--success-border: #38e08a;--warning: #ffe6a3;--warning-bg: #402f0c;--warning-border: #ffcc4d;--excused: #dcc4ff;--excused-bg: #2a1f4d;--excused-border: #a878f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .45);--ring: 0 0 0 3px rgba(111, 168, 216, .35);--skeleton-a: #1c2635;--skeleton-b: #243144;--radius-card: 10px;--radius-btn: 8px}[data-theme=kawaii]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #fff3f6;--bg-card: #ffffff;--bg-soft: #ffe3ec;--border: #ffd3e2;--border-strong: #ffb3ce;--text-primary: #6b2f43;--text-secondary: #a3627a;--text-on-accent: #fff3f6;--accent: #ff6f9c;--accent-2: #ff8fb3;--accent-soft: #ffb3ce;--accent-soft-bg: #ffe3ec;--danger: #7a1f1f;--danger-bg: #fbd6d6;--danger-border: #d13d3d;--success: #1c6b3a;--success-bg: #d4f0dc;--success-border: #2f9e57;--warning: #7a4e0d;--warning-bg: #fce8bd;--warning-border: #d99522;--excused: #4a2585;--excused-bg: #e2d6fb;--excused-border: #8452e0;--shadow-sm: 0 1px 3px rgba(255, 111, 156, .14);--shadow-md: 0 6px 18px rgba(255, 111, 156, .18);--shadow-lg: 0 14px 32px rgba(255, 111, 156, .22);--ring: 0 0 0 3px rgba(255, 143, 179, .35);--skeleton-a: #ffe9f0;--skeleton-b: #fff6f9;--radius-card: 16px;--radius-btn: 999px}[data-theme=cyberpunk]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #0a0e17;--bg-card: #10182880;--bg-soft: #16223580;--border: #2a3f5c;--border-strong: #00e5ff66;--text-primary: #e8f9ff;--text-secondary: #8fb3c9;--text-on-accent: #06121a;--accent: #00e5ff;--accent-2: #ff2e9c;--accent-soft: #6fd8ff;--accent-soft-bg: #113347;--danger: #ffb3b3;--danger-bg: #401c1c;--danger-border: #ff5f5f;--success: #8bf5bd;--success-bg: #123d2a;--success-border: #38e08a;--warning: #ffe6a3;--warning-bg: #402f0c;--warning-border: #ffcc4d;--excused: #dcc4ff;--excused-bg: #2a1f4d;--excused-border: #a878f5;--shadow-sm: 0 0 8px rgba(0, 229, 255, .15);--shadow-md: 0 0 18px rgba(0, 229, 255, .22), 0 0 32px rgba(255, 46, 156, .08);--shadow-lg: 0 0 30px rgba(0, 229, 255, .28), 0 0 50px rgba(255, 46, 156, .12);--ring: 0 0 0 3px rgba(0, 229, 255, .35);--skeleton-a: #16223f;--skeleton-b: #1d2c4d;--radius-card: 10px;--radius-btn: 6px}[data-theme=cyberpunk] .card-hover:hover{border-color:var(--accent)!important}[data-theme=classical]{--font-family-base: Georgia, "Iowan Old Style", "Palatino Linotype", Palatino, serif;--bg-page: #f3ede1;--bg-card: #fbf8f1;--bg-soft: #ece3d0;--border: #ddd0b4;--border-strong: #c3ac81;--text-primary: #332a1f;--text-secondary: #6b5d47;--text-on-accent: #fbf8f1;--accent: #7a5c2e;--accent-2: #9c7b3f;--accent-soft: #b99c62;--accent-soft-bg: #ece0c6;--danger: #7a1f1f;--danger-bg: #fbd6d6;--danger-border: #d13d3d;--success: #1c6b3a;--success-bg: #d4f0dc;--success-border: #2f9e57;--warning: #7a4e0d;--warning-bg: #fce8bd;--warning-border: #d99522;--excused: #4a2585;--excused-bg: #e2d6fb;--excused-border: #8452e0;--shadow-sm: 0 1px 2px rgba(51, 42, 31, .1);--shadow-md: 0 4px 14px rgba(51, 42, 31, .14);--shadow-lg: 0 12px 28px rgba(51, 42, 31, .2);--ring: 0 0 0 3px rgba(185, 156, 98, .35);--skeleton-a: #ece0c6;--skeleton-b: #f6efdd;--radius-card: 4px;--radius-btn: 4px}[data-theme=math]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #f7f8fc;--bg-card: #ffffff;--bg-soft: #edeffb;--border: #dde1f5;--border-strong: #b7c0ef;--text-primary: #1a1b3a;--text-secondary: #565a86;--text-on-accent: #ffffff;--accent: #4640de;--accent-2: #7c3aed;--accent-soft: #8b85f0;--accent-soft-bg: #e7e5fd;--danger: #7a1f1f;--danger-bg: #fbd6d6;--danger-border: #d13d3d;--success: #1c6b3a;--success-bg: #d4f0dc;--success-border: #2f9e57;--warning: #7a4e0d;--warning-bg: #fce8bd;--warning-border: #d99522;--excused: #4a2585;--excused-bg: #e2d6fb;--excused-border: #8452e0;--shadow-sm: 0 1px 2px rgba(26, 27, 58, .06);--shadow-md: 0 4px 14px rgba(70, 64, 222, .1);--shadow-lg: 0 12px 28px rgba(70, 64, 222, .16);--ring: 0 0 0 3px rgba(139, 133, 240, .32);--skeleton-a: #edeffb;--skeleton-b: #f8f9fd;--radius-card: 10px;--radius-btn: 8px}[data-theme=math] .card-hover{background-image:radial-gradient(var(--border-strong) .5px,transparent .5px);background-size:14px 14px;background-position:-7px -7px}[data-theme=retro-pixel]{--font-family-base: "Courier New", "Lucida Console", monospace;--bg-page: #1a1a2e;--bg-card: #23233f;--bg-soft: #2d2d52;--border: #4a4a7a;--border-strong: #ffd93d;--text-primary: #f4f4f9;--text-secondary: #a8a8d0;--text-on-accent: #1a1a2e;--accent: #ffd93d;--accent-2: #ff6b6b;--accent-soft: #4ecdc4;--accent-soft-bg: #1f3d3a;--danger: #ffb3b3;--danger-bg: #401c1c;--danger-border: #ff5f5f;--success: #8bf5bd;--success-bg: #123d2a;--success-border: #38e08a;--warning: #ffe6a3;--warning-bg: #402f0c;--warning-border: #ffcc4d;--excused: #dcc4ff;--excused-bg: #2a1f4d;--excused-border: #a878f5;--shadow-sm: 3px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 4px 4px 0 rgba(0, 0, 0, .45);--shadow-lg: 6px 6px 0 rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(255, 217, 61, .4);--skeleton-a: #2d2d52;--skeleton-b: #38386a;--radius-card: 0px;--radius-btn: 0px}[data-theme=retro-pixel] .card-hover,[data-theme=retro-pixel] button,[data-theme=retro-pixel] input,[data-theme=retro-pixel] textarea{border-width:2px!important}[data-theme=retro-pixel] .card-hover:hover{transform:translate(-2px,-2px)!important}[data-theme=army]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #2b2f24;--bg-card: #363d2c;--bg-soft: #414a34;--border: #4f5940;--border-strong: #6b7852;--text-primary: #e8e6d8;--text-secondary: #a8a690;--text-on-accent: #1c1f16;--accent: #6b7852;--accent-2: #8a6d3f;--accent-soft: #93a06e;--accent-soft-bg: #454f36;--danger: #ffb3b3;--danger-bg: #401c1c;--danger-border: #ff5f5f;--success: #8bf5bd;--success-bg: #123d2a;--success-border: #38e08a;--warning: #ffe6a3;--warning-bg: #402f0c;--warning-border: #ffcc4d;--excused: #dcc4ff;--excused-bg: #2a1f4d;--excused-border: #a878f5;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 14px rgba(0, 0, 0, .35);--shadow-lg: 0 12px 28px rgba(0, 0, 0, .45);--ring: 0 0 0 3px rgba(147, 160, 110, .4);--skeleton-a: #363d2c;--skeleton-b: #414a34;--radius-card: 4px;--radius-btn: 4px}[data-theme=pride]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #14161f;--bg-card: #1d2030;--bg-soft: #262a40;--border: #383d58;--border-strong: #6f5ac7;--text-primary: #f2f2fb;--text-secondary: #a6a9c4;--text-on-accent: #14161f;--accent: #ff5da2;--accent-2: #7a5cff;--accent-soft: #57c7ff;--accent-soft-bg: #212a45;--danger: #ffb3b3;--danger-bg: #401c1c;--danger-border: #ff5f5f;--success: #8bf5bd;--success-bg: #123d2a;--success-border: #38e08a;--warning: #ffe6a3;--warning-bg: #402f0c;--warning-border: #ffcc4d;--excused: #dcc4ff;--excused-bg: #2a1f4d;--excused-border: #a878f5;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(122, 92, 255, .22);--shadow-lg: 0 12px 30px rgba(255, 93, 162, .22);--ring: 0 0 0 3px rgba(87, 199, 255, .35);--skeleton-a: #262a40;--skeleton-b: #2f3450;--radius-card: 12px;--radius-btn: 999px}[data-theme=pride] .rainbow-bar{background:linear-gradient(90deg,#ff5d5d,#ffd166,#4ee0a0,#57c7ff,#7a5cff,#ff5da2)}[data-theme=samurai]{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page: #1a1512;--bg-card: #241d19;--bg-soft: #2e2420;--border: #3d322b;--border-strong: #5c4a3d;--text-primary: #f0e6d8;--text-secondary: #b8a894;--text-on-accent: #f0e6d8;--accent: #b0272d;--accent-2: #d4af37;--accent-soft: #8a1f24;--accent-soft-bg: #3d1f21;--danger: #ffb3b3;--danger-bg: #401c1c;--danger-border: #ff5f5f;--success: #8bf5bd;--success-bg: #123d2a;--success-border: #38e08a;--warning: #ffe6a3;--warning-bg: #402f0c;--warning-border: #ffcc4d;--excused: #dcc4ff;--excused-bg: #2a1f4d;--excused-border: #a878f5;--shadow-sm: 0 1px 3px rgba(176, 39, 45, .2);--shadow-md: 0 6px 18px rgba(176, 39, 45, .28);--shadow-lg: 0 14px 32px rgba(0, 0, 0, .5);--ring: 0 0 0 3px rgba(212, 175, 55, .4);--skeleton-a: #2e2420;--skeleton-b: #3d322b;--radius-card: 6px;--radius-btn: 4px}[data-theme=kawaii] .card-hover{position:relative;overflow:visible;border-width:2px!important}[data-theme=kawaii] .card-hover:before{content:"";position:absolute;top:-6px;left:12px;right:12px;height:10px;background-image:radial-gradient(circle,var(--accent) 40%,transparent 42%);background-size:12px 12px;background-position:0 0;background-repeat:repeat-x;opacity:.5;pointer-events:none}[data-theme=kawaii] .card-hover:after{content:"✧";position:absolute;bottom:6px;right:10px;font-size:16px;color:var(--accent);opacity:.6;pointer-events:none}[data-theme=kawaii] .theme-logo-badge{border-radius:50%!important;box-shadow:0 0 0 3px var(--bg-page),0 0 0 6px var(--accent-soft),var(--shadow-md)!important}[data-theme=kawaii] button:not(.segment-btn):hover:not(:disabled){transform:scale(1.05) rotate(-1deg)}[data-theme=cyberpunk] .card-hover{position:relative;border-width:1px!important;box-shadow:var(--shadow-sm),inset 0 1px #00e5ff40!important}[data-theme=cyberpunk] .card-hover:before,[data-theme=cyberpunk] .card-hover:after{content:"";position:absolute;width:14px;height:14px;border:2px solid var(--accent);opacity:.8;pointer-events:none}[data-theme=cyberpunk] .card-hover:before{top:-2px;left:-2px;border-right:none;border-bottom:none}[data-theme=cyberpunk] .card-hover:after{bottom:-2px;right:-2px;border-left:none;border-top:none;border-color:var(--accent-2)}[data-theme=cyberpunk] .theme-logo-badge{box-shadow:0 0 0 2px var(--bg-page),0 0 18px #00e5ffb3,0 0 30px #ff2e9c59!important}[data-theme=retro-pixel] .card-hover{position:relative}[data-theme=retro-pixel] .card-hover:before,[data-theme=retro-pixel] .card-hover:after{content:"";position:absolute;width:6px;height:6px;background:var(--bg-page);pointer-events:none}[data-theme=retro-pixel] .card-hover:before{top:-2px;left:-2px}[data-theme=retro-pixel] .card-hover:after{bottom:-2px;right:-2px}[data-theme=retro-pixel] .theme-logo-badge{border-radius:0!important;box-shadow:3px 3px 0 var(--border-strong),-2px -2px 0 var(--accent-2)!important}[data-theme=retro-pixel] button:active:not(:disabled){transform:translate(2px,2px)!important}[data-theme=classical] .card-hover{position:relative;border-top:3px double var(--border-strong)}[data-theme=classical] .card-hover:before{content:"❧";position:absolute;top:3px;right:8px;font-size:13px;color:var(--border-strong);opacity:.7;pointer-events:none}[data-theme=classical] .app-header:after{content:"";position:absolute;left:0;right:0;bottom:-12px;height:3px;background-image:repeating-linear-gradient(90deg,var(--border-strong) 0 8px,transparent 8px 10px,transparent 10px 16px,var(--border-strong) 16px 18px);opacity:.55;pointer-events:none}[data-theme=classical] .theme-logo-badge{border-radius:4px!important;box-shadow:0 0 0 2px var(--bg-page),0 0 0 3px var(--border-strong)!important}[data-theme=math] .card-hover{position:relative;overflow:hidden}[data-theme=math] .card-hover:after{content:"∑";position:absolute;bottom:-14px;right:-4px;font-size:46px;font-family:Georgia,serif;font-style:italic;color:var(--accent);opacity:.07;pointer-events:none;line-height:1}[data-theme=math] .theme-logo-badge{position:relative}[data-theme=math] .theme-logo-badge:after{content:"π";position:absolute;bottom:-6px;right:-6px;font-size:13px;font-style:italic;background:var(--bg-card);color:var(--accent);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm)}[data-theme=pride] .card-hover{position:relative}[data-theme=pride] .card-hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;border-radius:0 0 8px 8px;background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982);pointer-events:none}[data-theme=pride] .theme-logo-badge{background:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982)!important}[data-theme=army] .card-hover{position:relative}[data-theme=army] .card-hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:4px;background:repeating-linear-gradient(90deg,#4f5940 0,#4f5940 10px,#6b7852 10px,#6b7852 20px,#2b2f24 20px,#2b2f24 24px);pointer-events:none}[data-theme=army] .theme-logo-badge{border-radius:4px!important;box-shadow:0 0 0 3px var(--bg-page),0 0 0 5px var(--accent-soft),var(--shadow-md)!important}[data-theme=samurai] .card-hover{position:relative;overflow:hidden}[data-theme=samurai] .card-hover:before{content:"";position:absolute;top:-24px;right:-24px;width:70px;height:70px;background:radial-gradient(circle,rgba(176,39,45,.32),transparent 70%);pointer-events:none}[data-theme=samurai] .card-hover:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:linear-gradient(90deg,var(--accent-2),transparent);pointer-events:none}[data-theme=samurai] .theme-logo-badge{border-radius:4px!important;box-shadow:0 0 0 3px var(--bg-page),0 0 14px #b0272d8c!important}.app-header{overflow:visible}html{background:var(--bg-page);transition:background .2s ease}.app-root{background-color:var(--bg-page)}html[data-theme=light] .app-root{background-image:radial-gradient(circle,rgba(18,52,88,.035) 1px,transparent 1.5px);background-size:24px 24px}html[data-theme=dark] .app-root{background-image:radial-gradient(circle,rgba(111,168,216,.05) 1px,transparent 1.5px);background-size:24px 24px}html[data-theme=kawaii] .app-root{background-image:radial-gradient(circle,rgba(255,111,156,.14) 1.5px,transparent 2px),radial-gradient(circle,rgba(255,179,206,.1) 2px,transparent 2.5px);background-size:22px 22px,46px 46px;background-position:0 0,11px 23px}html[data-theme=cyberpunk] .app-root{background-image:linear-gradient(rgba(0,229,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,46,156,.025) 1px,transparent 1px);background-size:32px 32px,32px 32px,160px 160px}html[data-theme=classical] .app-root{background-image:radial-gradient(circle,rgba(122,92,46,.1) 1px,transparent 1.5px),radial-gradient(circle,rgba(122,92,46,.05) 1.5px,transparent 2px);background-size:26px 26px,58px 58px;background-position:0 0,13px 29px}html[data-theme=math] .app-root{background-image:linear-gradient(rgba(70,64,222,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(70,64,222,.1) 1px,transparent 1px),linear-gradient(rgba(124,58,237,.05) 1px,transparent 1px);background-size:26px 26px,26px 26px,130px 130px}html[data-theme=retro-pixel] .app-root{background-image:repeating-linear-gradient(45deg,rgba(255,217,61,.035) 0 4px,transparent 4px 9px),repeating-linear-gradient(-45deg,rgba(78,205,196,.02) 0 4px,transparent 4px 9px)}html[data-theme=army] .app-root{background-image:radial-gradient(ellipse 30px 18px at 20% 30%,rgba(107,120,82,.12) 40%,transparent 42%),radial-gradient(ellipse 24px 30px at 70% 60%,rgba(138,109,63,.09) 40%,transparent 42%),radial-gradient(ellipse 26px 20px at 45% 85%,rgba(65,74,52,.14) 40%,transparent 42%),radial-gradient(ellipse 20px 26px at 90% 15%,rgba(107,120,82,.1) 40%,transparent 42%);background-size:140px 140px}html[data-theme=pride] .app-root{background-image:radial-gradient(circle,rgba(255,93,162,.1) 1.5px,transparent 2px),radial-gradient(circle,rgba(87,199,255,.08) 2px,transparent 2.5px),radial-gradient(circle,rgba(122,92,255,.08) 2px,transparent 2.5px),radial-gradient(circle,rgba(255,209,102,.06) 1.5px,transparent 2px);background-size:20px 20px,40px 40px,60px 60px,34px 34px;background-position:0 0,10px 15px,30px 5px,22px 26px}html[data-theme=samurai] .app-root{background-image:radial-gradient(ellipse 60px 20px at 15% 20%,rgba(176,39,45,.05) 50%,transparent 70%),radial-gradient(ellipse 80px 30px at 80% 70%,rgba(212,175,55,.035) 50%,transparent 70%),radial-gradient(circle,rgba(212,175,55,.04) 1px,transparent 1.5px);background-size:300px 300px,300px 300px,24px 24px}button{transition:filter .12s ease,transform 80ms ease,opacity .12s ease,box-shadow .12s ease;font-family:inherit}button:hover:not(:disabled){filter:brightness(1.06)}button:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.7}button:focus-visible,a:focus-visible{outline:none;box-shadow:var(--ring)}input,textarea,select{transition:border-color .12s ease,box-shadow .12s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-soft);box-shadow:var(--ring)}.card-hover{transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease;box-shadow:var(--shadow-sm)}.card-hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--accent-soft)}.segment-btn{transition:background .16s ease,color .16s ease,border-color .16s ease,transform .1s ease}.segment-btn:active:not(:disabled){transform:scale(.96)}.seat{transition:transform .12s ease,background .12s ease,border-color .12s ease,box-shadow .12s ease}.seat.seat-clickable:hover{transform:translateY(-2px) scale(1.02);box-shadow:var(--shadow-sm)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .2s ease-out both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .26s ease-out both}.stagger{animation-delay:calc(var(--stagger-index, 0) * 35ms)}@keyframes popIn{0%{opacity:0;transform:scale(.97) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.pop-in{animation:popIn .18s ease-out both}@keyframes floatNote{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.floating-note{animation:fadeIn .3s ease-out both,floatNote 3.2s ease-in-out .3s infinite}.count-up{font-variant-numeric:tabular-nums}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;display:inline-block;animation:spin .7s linear infinite;vertical-align:middle}.spinner-inline{width:12px;height:12px;border:2px solid currentColor;border-top-color:transparent;opacity:.85}button[aria-busy=true]:disabled{cursor:progress}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--skeleton-a) 25%,var(--skeleton-b) 37%,var(--skeleton-a) 63%);background-size:400px 100%;animation:shimmer 1.3s ease-in-out infinite}@keyframes toastIn{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.98)}}.toast{animation:toastIn .18s ease-out both}.toast.toast-leaving{animation:toastOut .15s ease-in both}.app-shell{max-width:1040px;margin:0 auto;padding:28px 24px 60px}@media (max-width: 640px){.app-shell{padding:18px 14px 48px}}@media (hover: hover) and (pointer: fine) and (min-width: 1200px){.app-shell,.auth-card{zoom:1.25}}@media (hover: hover) and (pointer: fine) and (min-width: 1360px){.app-shell,.auth-card{zoom:1.4}}@media (hover: hover) and (pointer: fine) and (min-width: 1800px){.app-shell,.auth-card{zoom:1.6}}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:24px}.stat-card{padding:16px 16px 14px}.stat-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.stat-label{font-size:12px;color:var(--text-secondary);margin:0 0 2px;font-weight:600}.stat-value{font-size:24px;font-weight:700;margin:0;color:var(--text-primary)}@media (max-width: 1024px){.stats-grid{grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:10px;margin-bottom:20px}.stat-card{padding:12px 12px 11px}.stat-icon{width:28px;height:28px;border-radius:8px;margin-bottom:8px}.stat-value{font-size:20px}}@media (max-width: 640px){.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:18px}.stat-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon value" "label label";align-items:center;column-gap:7px;padding:9px 10px 8px}.stat-icon{grid-area:icon;width:24px;height:24px;border-radius:7px;margin:0}.stat-icon svg{width:13px;height:13px}.stat-value{grid-area:value;font-size:17px;line-height:1.1}.stat-label{grid-area:label;font-size:11px;line-height:1.25;margin:5px 0 0;overflow-wrap:anywhere}.status-stats{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin-bottom:14px!important}.status-stats>div{padding:8px 10px!important}.status-stats>div>p:last-child{font-size:17px!important}.status-stats>div>div p,.status-stats>div>p:first-child:not(:last-child){font-size:11px!important}}.welcome-card{padding:16px 18px;border:1px solid var(--border);border-radius:16px;background:linear-gradient(135deg,var(--accent-soft-bg),var(--bg-card) 65%);box-shadow:var(--shadow-sm)}@media (max-width: 640px){.welcome-card{padding:14px;border-radius:14px}.welcome-card h1{font-size:19px!important}}.home-tabbar,.touch-only{display:none}@media (max-width: 1024px){.desktop-only{display:none!important}.touch-only{display:block}.home-view[data-tab=today] .home-section[data-section=classes],.home-view[data-tab=classes] .home-section[data-section=today],.home-view[data-tab=account] .home-section,.home-view[data-tab=account] .home-empty,.home-view:not([data-tab=account]) .account-panel{display:none}.account-tab-actions{display:grid;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.home-section{animation:tab-section-in .32s cubic-bezier(.2,.8,.2,1)}@keyframes tab-section-in{0%{opacity:0;transform:translateY(6px)}}.home-tabbar{position:fixed;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:70;display:grid;grid-template-columns:repeat(4,1fr);width:min(520px,calc(100vw - 24px));padding:5px;border-radius:999px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 10px 30px #0f16212e}.home-tabbar-indicator{position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px)/4);border-radius:999px;background:var(--accent);transition:transform .32s cubic-bezier(.2,.8,.2,1)}.home-tabbar[data-tab=classes] .home-tabbar-indicator{transform:translate(100%)}.home-tabbar[data-tab=lessons] .home-tabbar-indicator{transform:translate(200%)}.home-tabbar[data-tab=account] .home-tabbar-indicator{transform:translate(300%)}.home-tabbar-btn{position:relative;z-index:1;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;background:transparent;border-radius:999px;font-size:13.5px;white-space:nowrap;font-weight:700;color:var(--text-secondary);cursor:pointer;transition:color .25s ease}.home-tabbar-btn[aria-current=page]{color:var(--text-on-accent)}.home-tabbar-btn:active{transform:scale(.97)}.app-shell:has(.home-view),.app-shell:has(.lessons-view){padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}.theme-select{position:relative;width:min(100%,320px)}.theme-select-button{width:100%;height:42px;display:flex;align-items:center;gap:10px;padding:0 12px;border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font-size:13.5px;font-weight:600;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease}.theme-select[data-open=true] .theme-select-button{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-bg)}.theme-select-current{flex:1;text-align:left}.theme-select-chevron{opacity:.6;transition:transform .24s cubic-bezier(.2,.8,.2,1)}.theme-select[data-open=true] .theme-select-chevron{transform:rotate(180deg)}.theme-select-swatch{flex-shrink:0;width:18px;height:18px;border-radius:999px;border:1px solid var(--border-strong)}.theme-select-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;margin:0;padding:6px;list-style:none;max-height:300px;overflow-y:auto;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 14px 34px #0f162129;transform-origin:top;opacity:0;visibility:hidden;transform:translateY(-6px) scale(.97);transition:opacity .15s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}.theme-select[data-open=true] .theme-select-list{opacity:1;visibility:visible;transform:none;transition:opacity .17s ease,transform .24s cubic-bezier(.2,.8,.2,1),visibility 0s}.theme-select-option{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.theme-select-option[data-highlight=true]{background:var(--accent-soft-bg)}.theme-select-option-label{flex:1}.theme-select-lock{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;font-size:10.5px;font-weight:700;color:var(--warning);background:var(--warning-bg);border:1px solid var(--warning-border)}.theme-select-check{color:var(--success)}.seat-stage{position:relative}.seat-fullscreen-btn{display:none}@media (max-width: 1024px){.seat-fullscreen-btn{position:absolute;top:4px;right:4px;z-index:2;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:8px;border:1px solid rgba(255,255,255,.45);background:#ffffff29;color:var(--text-on-accent);cursor:pointer;transition:background .16s ease,transform .16s ease}.seat-fullscreen-btn[data-flipped=true]{top:auto;bottom:4px}.seat-fullscreen-btn:active{transform:scale(.92);background:#ffffff47}}.seat-stage.is-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:3000;overflow:hidden;background:var(--bg-page);font-family:var(--font-family-base);color:var(--text-primary);animation:seat-stage-in .28s cubic-bezier(.2,.8,.2,1)}.seat-stage.is-fullscreen .seat-stage-rotor{width:100%;height:100%;display:flex;flex-direction:column;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px));box-sizing:border-box}@keyframes seat-stage-in{0%{opacity:0}}.seat-stage-bar{flex-shrink:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seat-stage-title{display:flex;flex-direction:column;min-width:0;margin-right:auto}.seat-stage-title strong{font-size:15px}.seat-stage-title span{font-size:11.5px;color:var(--text-secondary)}.seat-stage-counts{display:flex;gap:6px;flex-wrap:wrap}.seat-stage-count{padding:3px 9px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);font-size:12px;font-weight:600;white-space:nowrap}.seat-stage-actions{display:flex;align-items:center;gap:8px}.seat-stage-exit{width:38px;height:38px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font-size:22px;line-height:1;cursor:pointer}.seat-stage.is-fullscreen .seat-stage-fit{position:relative;flex:1;min-height:0;overflow:hidden}.seat-stage.is-fullscreen .seat-stage-inner{position:absolute;top:0;left:50%;transform-origin:top center}.seat-stage.is-fullscreen [data-seat-scroll]{overflow:visible!important}.hover-group{position:relative;display:inline-flex}.hover-group-trigger{height:38px;min-width:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.hover-group-trigger[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-md)}.hover-group[data-open=true] .hover-group-trigger:not([data-active=true]){background:var(--accent-soft-bg);border-color:var(--accent-soft)}.hover-group-caption{white-space:nowrap}.hover-group-chevron{opacity:.6;transition:transform .26s cubic-bezier(.2,.8,.2,1)}.hover-group[data-open=true] .hover-group-chevron{transform:rotate(180deg)}.hover-group-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:60;min-width:230px;max-width:calc(100vw - 32px);padding:8px;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 14px 34px #0f162129,0 2px 6px #0f16210f;transform-origin:top left;opacity:0;visibility:hidden;transform:translate(var(--shift-x, 0px)) translateY(-6px) scale(.96);transition:opacity .16s ease,transform .22s cubic-bezier(.2,.8,.2,1),visibility 0s linear .22s}.hover-group-panel[data-align=end]{left:auto;right:0;transform-origin:top right}.hover-group-panel:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.hover-group[data-open=true] .hover-group-panel{opacity:1;visibility:visible;transform:translate(var(--shift-x, 0px)) translateY(0) scale(1);transition:opacity .18s ease,transform .26s cubic-bezier(.2,.8,.2,1),visibility 0s}.hover-group-heading{margin:2px 8px 6px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.hover-group-item{width:100%;display:flex;align-items:center;gap:10px;padding:8px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);text-align:left;cursor:pointer;opacity:0;transform:translateY(-4px);transition:background .15s ease,opacity .2s ease,transform .26s cubic-bezier(.2,.8,.2,1)}.hover-group[data-open=true] .hover-group-item{opacity:1;transform:translateY(0);transition-delay:0s,calc(var(--i, 0) * 35ms + 40ms),calc(var(--i, 0) * 35ms + 40ms)}.hover-group-item:hover:not(:disabled),.hover-group-item:focus-visible{background:var(--accent-soft-bg);filter:none}.hover-group-item:active:not(:disabled){transform:scale(.98)}.hover-group-item[data-active=true]{background:var(--accent-soft-bg)}.hover-group-item[data-active=true] .hover-group-item-icon{background:var(--accent);color:var(--text-on-accent)}.hover-group-item[data-danger=true]{color:var(--danger)}.hover-group-item-icon{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);transition:background .15s ease,color .15s ease}.hover-group-item-text{display:flex;flex-direction:column;min-width:0}.hover-group-item-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600}.hover-group-item-hint{font-size:11.5px;color:var(--text-secondary);margin-top:1px}.hover-group-lock{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.hover-group[data-instant=true] .hover-group-panel,.hover-group[data-instant=true] .hover-group-item{transition:none}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.import-panel{position:relative;background:var(--bg-card);border:1px solid var(--accent-soft);border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:var(--shadow-md);scroll-margin:24px}.import-panel.import-arrive{animation:import-arrive 1.4s cubic-bezier(.2,.8,.2,1)}@keyframes import-arrive{0%{box-shadow:0 0 0 0 var(--accent-soft),var(--shadow-md)}30%{box-shadow:0 0 0 8px var(--accent-soft-bg),var(--shadow-md)}to{box-shadow:0 0 0 0 transparent,var(--shadow-md)}}.import-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}.import-panel-badge{flex-shrink:0;width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-on-accent);background:linear-gradient(135deg,var(--accent),var(--accent-2, var(--accent)));box-shadow:var(--shadow-md)}.import-panel-title{margin:0;font-size:15px;font-weight:700}.import-panel-subtitle{margin:2px 0 0;font-size:12.5px;color:var(--text-secondary)}.import-choice-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:8px;margin-bottom:12px}.import-choice{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1.5px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);text-align:left;cursor:pointer;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.import-choice>span:last-child{display:flex;flex-direction:column}.import-choice[data-active=true]{border-color:var(--accent);background:var(--accent-soft-bg);box-shadow:0 0 0 3px var(--accent-soft-bg)}.import-choice-icon{width:32px;height:32px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-soft);flex-shrink:0;transition:background .18s ease,color .18s ease}.import-choice[data-active=true] .import-choice-icon{background:var(--accent);color:var(--text-on-accent)}.import-choice-label{font-size:13px;font-weight:700}.import-choice-hint{font-size:11.5px;color:var(--text-secondary)}.import-dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:26px 16px;border:2px dashed var(--border-strong);border-radius:12px;background:var(--bg-soft);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}.import-dropzone:hover,.import-dropzone:focus-within{border-color:var(--accent)}.import-dropzone[data-dragover=true]{border-color:var(--accent);background:var(--accent-soft-bg);transform:scale(1.01)}.import-dropzone-icon{width:44px;height:44px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-sm);transition:transform .22s cubic-bezier(.2,.8,.2,1)}.import-dropzone:hover .import-dropzone-icon,.import-dropzone[data-dragover=true] .import-dropzone-icon{transform:translateY(-3px)}.import-dropzone-title{font-size:13.5px;font-weight:700}.import-dropzone-hint{font-size:12px;color:var(--text-secondary)}.import-error{display:flex;align-items:center;gap:6px;margin:10px 0 0;padding:8px 10px;border-radius:8px;font-size:13px;color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.import-preview{margin-top:14px}.import-preview-count{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:13px;font-weight:700;color:var(--success)}.import-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.import-chip{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:var(--accent-soft-bg);border:1px solid var(--accent-soft);animation:chip-in .32s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i, 0) * 25ms)}.import-chip-more{background:var(--bg-soft);border-color:var(--border);color:var(--text-secondary)}@keyframes chip-in{0%{opacity:0;transform:translateY(4px) scale(.96)}}.tour-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000}.tour-blocker{position:fixed;top:0;right:0;bottom:0;left:0}.tour-spotlight{position:fixed;border-radius:14px;box-shadow:0 0 0 9999px #0a142394,0 0 0 3px #ffffffd9;transition:top .42s cubic-bezier(.2,.8,.2,1),left .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1),height .42s cubic-bezier(.2,.8,.2,1);pointer-events:none;animation:tour-fade-in .3s ease}.tour-spotlight[data-centered=true]{box-shadow:0 0 0 9999px #0a142394}@keyframes tour-fade-in{0%{opacity:0}}.tour-card-pos{position:fixed;transition:top .42s cubic-bezier(.2,.8,.2,1),left .42s cubic-bezier(.2,.8,.2,1)}.tour-card{background:var(--bg-card);color:var(--text-primary);border-radius:14px;padding:16px 16px 14px;box-shadow:0 18px 44px #0a14234d;border:1px solid var(--border);animation:tour-card-in .36s cubic-bezier(.2,.8,.2,1)}@keyframes tour-card-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.tour-step-count{margin:0 0 4px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary)}.tour-title{margin:0 0 6px;font-size:16px;font-weight:700}.tour-body{margin:0 0 14px;font-size:13px;line-height:1.5;color:var(--text-secondary)}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.tour-dots{display:flex;gap:5px}.tour-dots span{width:6px;height:6px;border-radius:999px;background:var(--border-strong);transition:width .26s ease,background .26s ease}.tour-dots span[data-done=true]{background:var(--accent-soft)}.tour-dots span[data-active=true]{width:18px;background:var(--accent)}.tour-btn{height:32px;padding:0 12px;border-radius:var(--radius-btn);font-size:13px;font-weight:600;cursor:pointer}.tour-btn-ghost{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary)}.tour-btn-primary{border:1px solid var(--accent);background:var(--accent);color:var(--text-on-accent)}.setup-progress-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:8px}.setup-progress-message{font-size:13px;font-weight:700;animation:setup-message-in .42s cubic-bezier(.2,.8,.2,1)}@keyframes setup-message-in{0%{opacity:0;transform:translateY(4px)}}.setup-progress-percent{font-size:12px;font-weight:700;color:var(--success);font-variant-numeric:tabular-nums}.setup-progress-track{height:10px;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);overflow:hidden}.setup-progress-fill{position:relative;height:100%;width:var(--progress);border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .7s cubic-bezier(.2,.8,.2,1);overflow:hidden}.setup-progress-fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);transform:translate(-100%);animation:setup-sheen var(--sheen-speed, 2s) ease-in-out infinite}@keyframes setup-sheen{to{transform:translate(100%)}}.setup-progress-steps{list-style:none;margin:10px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.setup-progress-steps li{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center}.setup-progress-dot{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;border:2px solid var(--border-strong);background:var(--bg-card);color:var(--text-secondary);transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease}.setup-progress-steps li[data-state=done] .setup-progress-dot{background:var(--success);border-color:var(--success);color:var(--text-on-accent)}.setup-progress-steps li[data-state=current] .setup-progress-dot{border-color:var(--accent);color:var(--accent);animation:setup-pulse 1.6s ease-in-out infinite}@keyframes setup-pulse{50%{box-shadow:0 0 0 5px var(--accent-soft-bg);transform:scale(1.08)}}.setup-progress-name{font-size:11px;font-weight:600;color:var(--text-secondary)}.setup-progress-steps li[data-state=current] .setup-progress-name{color:var(--text-primary)}.btn-inline{display:inline-flex;align-items:center;gap:6px}.lessons-header{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.lessons-title{display:flex;align-items:center;gap:10px;margin:0;font-size:22px;font-weight:700}.lessons-premium-pill{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:var(--warning);background:var(--warning-bg);border:1px solid var(--warning-border)}.beta-badge{display:inline-flex;align-items:center;padding:1px 6px;margin-left:6px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.5;vertical-align:middle;color:var(--accent, #2E6DA4);background:color-mix(in srgb,var(--accent, #2E6DA4) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent, #2E6DA4) 35%,transparent)}.home-tabbar-btn:has(.beta-badge-tab){position:relative}.beta-badge-tab{position:absolute;top:2px;left:calc(50% + 6px);margin:0;padding:0 4px;font-size:8px;background:var(--bg-card)}.home-tabbar-btn[aria-current=page] .beta-badge-tab{color:var(--accent);background:#fff;border-color:#fff}.lessons-beta-note{margin:8px 0 0;padding:8px 10px;font-size:12px;color:var(--text-secondary);background:var(--bg-subtle, rgba(46, 109, 164, .06));border:1px dashed var(--border-strong);border-radius:8px}.lessons-subtitle{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.lessons-header-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lessons-upsell{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:18px;border-radius:14px;border:1px solid var(--accent-soft);background:linear-gradient(135deg,var(--accent-soft-bg),var(--bg-card) 70%);font-size:13px;flex-wrap:wrap}.lessons-upsell>div{flex:1;min-width:220px}.lessons-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.lessons-tabs{display:flex;gap:6px}.lessons-subjects{display:flex;gap:6px;flex-wrap:wrap}.subject-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.subject-chip[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.subject-chip-count{min-width:18px;padding:0 5px;border-radius:999px;font-size:11px;background:var(--bg-soft);color:var(--text-secondary)}.subject-chip[data-active=true] .subject-chip-count{background:#fff3;color:inherit}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:20px}.lesson-card,.quiz-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm);text-align:left;color:var(--text-primary);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.lesson-card[data-selected=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft-bg)}.quiz-card{cursor:pointer;font:inherit}.quiz-card:hover,.lesson-card:hover{box-shadow:var(--shadow-md)}.quiz-card:hover{transform:translateY(-2px);filter:none}.lesson-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.lesson-kind{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:22px;padding:0 6px;border-radius:6px;font-size:10.5px;font-weight:800;letter-spacing:.04em;color:#fff;background:#c0392b;flex-shrink:0}.lesson-kind[data-kind=pptx]{background:#d35400}.lesson-select{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);cursor:pointer}.lesson-card-title,.quiz-card-title{margin:4px 0 0;font-size:14.5px;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.lesson-card-meta{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin:0;font-size:12px;color:var(--text-secondary)}.subject-tag{padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700;color:var(--accent);background:var(--accent-soft-bg)}.lesson-card-status{display:flex;align-items:flex-start;gap:6px;margin:2px 0 0;padding:8px 10px;border-radius:8px;font-size:12px;line-height:1.4;color:var(--warning);background:var(--warning-bg)}.lesson-card-status[data-status=rejected]{color:var(--danger);background:var(--danger-bg)}.lesson-card-status svg{flex-shrink:0;margin-top:1px}.lesson-card-actions{display:flex;gap:4px;margin-top:auto;padding-top:8px;border-top:1px solid var(--border)}.lesson-action{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 10px;border:none;border-radius:8px;background:transparent;color:var(--text-primary);font-size:12.5px;font-weight:600;cursor:pointer}.lesson-action:hover{background:var(--bg-soft);filter:none}.lesson-action[data-danger]{margin-left:auto;color:var(--danger)}.quiz-card-source{align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:var(--success);background:var(--success-bg)}.quiz-card-source[data-source=topic]{color:var(--excused);background:var(--excused-bg)}.lessons-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:36px 20px;margin-bottom:20px;border:1.5px dashed var(--border-strong);border-radius:14px;text-align:center;color:var(--text-secondary);font-size:13px}.lessons-empty p{margin:4px 0 0;font-size:15px;font-weight:700;color:var(--text-primary)}.lessons-empty button{margin-top:10px}.lessons-selection-bar{position:sticky;bottom:16px;z-index:5;display:flex;align-items:center;gap:10px;width:fit-content;margin:0 auto;padding:8px 8px 8px 16px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 10px 30px #0f16212e;font-size:13px;font-weight:700}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2500;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a142373;animation:tour-fade-in .2s ease;font-family:var(--font-family-base);color:var(--text-primary)}.dialog{width:min(520px,100%);overflow-y:auto;border-radius:16px;background:var(--bg-card);border:1px solid var(--border);box-shadow:0 24px 60px #0a14234d}.dialog[data-wide=true]{width:min(620px,100%)}.dialog-head{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);background:var(--bg-card)}.dialog-title{margin:0;font-size:15px;font-weight:700}.dialog-close{width:32px;height:32px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:22px;line-height:1;cursor:pointer}.dialog-close:hover{background:var(--bg-soft)}.dialog-body{display:flex;flex-direction:column;gap:14px;padding:16px 18px 18px}.dialog-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.dialog-field{display:flex;flex-direction:column}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;padding-top:4px}.count-control{display:flex;align-items:center;gap:10px}.count-control input[type=range]{flex:1}.upload-progress{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--text-secondary)}.upload-progress-track{height:8px;border-radius:999px;background:var(--bg-soft);overflow:hidden}.upload-progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--success));transition:width .2s ease}.upload-progress-fill[data-indeterminate=true]{width:40%!important;animation:indeterminate 1.1s ease-in-out infinite}@keyframes indeterminate{0%{transform:translate(-100%)}to{transform:translate(250%)}}.generate-note{display:flex;gap:6px;align-items:flex-start;margin:0;padding:10px 12px;border-radius:10px;font-size:12.5px;line-height:1.45;color:var(--text-secondary);background:var(--bg-soft)}.generate-note svg{flex-shrink:0;margin-top:2px;color:var(--success)}.generate-file-list{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto}.generate-file{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);cursor:pointer;font-size:13px;transition:border-color .15s ease,background .15s ease}.generate-file[data-checked=true]{border-color:var(--accent);background:var(--accent-soft-bg)}.generate-file-title{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generate-progress{display:flex;flex-direction:column;align-items:center;gap:12px;padding:18px 0 6px;text-align:center}.generate-progress-step{margin:0;font-size:15px;font-weight:700;animation:setup-message-in .42s cubic-bezier(.2,.8,.2,1)}.generate-progress-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;text-align:left;font-size:12.5px}.generate-progress-list li{display:flex;align-items:center;gap:8px;color:var(--text-secondary)}.generate-progress-list li[data-state=done]{color:var(--success)}.generate-progress-list li[data-state=current]{color:var(--text-primary);font-weight:700}.generate-dot{width:8px;height:8px;margin:0 2px;border-radius:999px;background:var(--border-strong)}li[data-state=current] .generate-dot{background:var(--accent);animation:setup-pulse 1.4s ease-in-out infinite}.generate-progress-note{margin:4px 0 0;font-size:12px;color:var(--text-secondary)}.answer-toggle{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border-radius:var(--radius-btn);border:1px solid var(--border-strong);background:var(--bg-card);font-size:13px;font-weight:600;cursor:pointer}.quiz-print{padding:22px 24px;border-radius:16px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}.quiz-title{margin:0;font-size:22px;font-weight:700}.quiz-meta{margin:4px 0 14px;font-size:13px;color:var(--text-secondary)}.print-only{display:none}.quiz-questions{margin:14px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:16px}.quiz-question{padding-left:4px;break-inside:avoid}.quiz-question::marker{font-weight:700}.quiz-question-text{margin:0 0 6px;font-size:14.5px;font-weight:600;line-height:1.45}.quiz-choices{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:3px;font-size:14px}.quiz-choices li{padding:2px 6px;border-radius:6px;width:fit-content}.quiz-choices li[data-correct=true]{display:list-item;font-weight:700;color:var(--success);background:var(--success-bg)}.quiz-choices li svg{margin-left:6px;vertical-align:-2px}.quiz-blank{margin:0;font-size:14px}.quiz-correct-text{color:var(--success)}.quiz-explanation{margin-top:8px;padding:8px 12px;border-left:3px solid var(--accent-soft);border-radius:0 8px 8px 0;background:var(--bg-soft);font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.quiz-explanation p{margin:0}.quiz-explanation p+p{margin-top:4px}.quiz-source a{color:var(--accent)}.quiz-sources{margin-top:22px;padding-top:14px;border-top:1px solid var(--border);font-size:13px}.quiz-sources ul{margin:0;padding-left:18px}@media (max-width: 640px){.home-tabbar-btn{flex-direction:column;gap:2px;height:52px;font-size:11px}.lessons-header-actions{width:100%}.lessons-header-actions>*{flex:1;justify-content:center}.quiz-print{padding:16px}.lessons-selection-bar{bottom:calc(84px + env(safe-area-inset-bottom,0px))}}@media print{body *{visibility:hidden}.quiz-print,.quiz-print *{visibility:visible}.quiz-print{position:absolute;inset:0 0 auto 0;border:none;box-shadow:none;padding:0;color:#000;background:#fff}.app-shell{zoom:1!important}.no-print,.home-tabbar{display:none!important}.print-only{display:block;margin:6px 0 14px}}.app-root{overflow-x:clip}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}h1,h2{letter-spacing:-.015em}input[type=range],input[type=checkbox],input[type=radio]{accent-color:var(--accent);cursor:pointer}input[type=checkbox],input[type=radio]{width:16px;height:16px}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):hover:not(:focus):not(:disabled),textarea:hover:not(:focus):not(:disabled),select:hover:not(:focus):not(:disabled){border-color:var(--accent-soft)}select{cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:30px!important;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 15px) 52%,calc(100% - 10px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}::placeholder{color:var(--text-secondary);opacity:.7}.stat-value,.status-stats p,.seat-stage-count b,table td{font-variant-numeric:tabular-nums}.app-shell table tbody tr{transition:background .12s ease}.app-shell table tbody tr:hover{background:var(--bg-soft)}.seat-column{width:fit-content;max-width:100%;min-width:min(100%,420px);margin-inline:auto}.seat-stage.is-fullscreen .seat-column{min-width:0}.edit-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px;margin-bottom:16px;align-items:start}.edit-settings-grid:empty{display:none}.edit-settings-grid>div{margin-bottom:0!important;height:100%;box-sizing:border-box}@media (min-width: 1025px){.stats-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px}.stat-card{padding:14px 14px 12px}.stat-icon{width:30px;height:30px;margin-bottom:10px}.stat-value{font-size:22px}.stat-label{font-size:11.5px;line-height:1.3}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.seat.seat-clickable:hover,.card-hover:hover{transform:none!important}}.assignments-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px 10px;align-items:end}.assignments-form label{display:flex;flex-direction:column;min-width:0}.assignments-form label>input:not([type=checkbox]),.assignments-form label>select{width:100%;min-width:0;box-sizing:border-box}.assignments-remind{flex-direction:row!important;align-items:center;gap:8px;min-height:36px;font-size:13px;cursor:pointer;grid-column:1 / -1}.assignments-remind input{flex-shrink:0;width:16px;height:16px;margin:0}.assignments-remind[data-disabled=true]{opacity:.5;cursor:not-allowed}.assignments-empty{font-size:13px;color:var(--text-secondary);text-align:center;padding:18px 0}.assignments-group{margin-bottom:18px}.assignments-group-title{display:flex;align-items:center;gap:6px;margin:0 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary)}.assignments-group-title[data-group=overdue]{color:var(--danger)}.assignments-group-title span{padding:0 7px;border-radius:999px;background:var(--bg-page);border:1px solid var(--border);font-size:11px}.assignment-card{display:flex;align-items:flex-start;gap:10px;padding:12px;margin-bottom:8px;border-radius:var(--radius-card, 12px);border:1px solid var(--border);background:var(--bg-card)}.assignment-card[data-editing=true]{flex-direction:column;align-items:stretch}.assignment-card[data-group=done] .assignment-name{text-decoration:line-through;color:var(--text-secondary)}.assignment-check{flex-shrink:0;width:22px;height:22px;margin-top:1px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;border:2px solid var(--border-strong);background:transparent;color:#fff;cursor:pointer}.assignment-check[data-done=true]{background:var(--success);border-color:var(--success)}.assignment-body{flex:1;min-width:0}.assignment-name{margin:0;font-size:14px;font-weight:700;overflow-wrap:anywhere}.assignment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;margin-top:4px;font-size:12px;color:var(--text-secondary)}.assignment-chip{max-width:100%;padding:1px 8px;border-radius:999px;font-weight:600;color:var(--accent);background:var(--accent-soft-bg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assignment-due{display:inline-flex;align-items:center;gap:4px;font-weight:600}.assignment-due[data-group=overdue]{color:var(--danger)}.assignment-notes{margin:8px 0 0;padding:8px 10px;border-radius:8px;background:var(--bg-page);font-size:12.5px;white-space:pre-wrap;overflow-wrap:anywhere}.assignment-actions{display:flex;gap:4px;flex-shrink:0}.assignment-card[data-editing=true] .assignment-actions{gap:8px;margin-top:10px}.assignment-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--text-secondary);cursor:pointer}.assignment-icon-btn:hover{background:var(--bg-page);border-color:var(--border)}.assignment-icon-btn[data-on=true]{color:var(--accent);background:var(--accent-soft-bg)}.assignment-icon-btn[data-danger=true]{color:var(--danger)}.due-soon-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.due-soon-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;text-align:left;border-radius:var(--radius-card, 12px);border:1px solid var(--border);border-left:4px solid var(--warning);background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer;min-width:0}.due-soon-item[data-overdue=true]{border-left-color:var(--danger)}.due-soon-name{font-weight:700;font-size:14px;overflow-wrap:anywhere}.due-soon-meta{font-size:12px;color:var(--text-secondary)}.due-soon-when{font-size:12px;font-weight:700;color:var(--warning)}.due-soon-item[data-overdue=true] .due-soon-when{color:var(--danger)}.class-header-main{flex:1;min-width:0}.class-header-title{font-size:22px;font-weight:700;margin:0;letter-spacing:-.01em;line-height:1.25;overflow-wrap:anywhere}.class-header-menu{flex-shrink:0;display:flex;align-items:center;margin-top:42px}.mode-bar{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap;align-items:center}@media (max-width: 640px){.mode-bar{display:grid;grid-template-columns:repeat(3,1fr)}.mode-bar .hover-group{display:flex;min-width:0}.mode-bar .hover-group-trigger{width:100%;height:auto;min-height:54px;padding:6px 4px;flex-direction:column;gap:3px;border-radius:14px;font-size:12px}.mode-bar .hover-group-caption{max-width:100%;overflow:hidden;text-overflow:ellipsis}.mode-bar .hover-group-chevron{display:none}}.attendance-strip{margin-bottom:16px}.attendance-counts{display:flex;flex-wrap:wrap;gap:6px}.attendance-count{display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid var(--border);background:var(--bg-card);font-size:13px;font-weight:600;white-space:nowrap}.attendance-count b{font-size:15px}.attendance-count[data-unmarked=true]{color:var(--text-primary);border-style:dashed;border-color:var(--border-strong)}.attendance-hint{margin:10px 0 0;font-size:12.5px;color:var(--text-secondary)}.attendance-hint b{color:var(--text-primary)}.mark-all-row{display:flex;justify-content:center;margin-top:10px}.mark-all-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:0 18px;border-radius:999px;border:1.5px solid var(--success);background:var(--success-bg);color:var(--success);font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease}.mark-all-btn:hover{box-shadow:var(--shadow-sm)}.mark-all-btn:active{transform:scale(.97)}.mark-all-btn[data-done=true]{border-style:dashed;opacity:.75}@media (max-width: 640px){.mark-all-btn{width:100%;justify-content:center}}.seat-scroll-hint{margin:8px 0 0;font-size:12px;text-align:center;color:var(--text-secondary)}.legal-fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:71;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.legal-fab>*{pointer-events:auto}.legal-fab-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--accent);box-shadow:0 6px 18px #0f162129;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.legal-fab-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0f162133}.legal-fab[data-open=true] .legal-fab-btn{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.legal-card{width:min(320px,calc(100vw - 32px));padding:14px 16px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);color:var(--text-primary);box-shadow:0 16px 40px #0f162138}.legal-card-title{margin:0 0 6px;font-size:14px;font-weight:700}.legal-card-text{margin:0 0 10px;font-size:12.5px;line-height:1.5;color:var(--text-secondary)}.legal-card-links{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;font-weight:600}.legal-card-links a{color:var(--accent)}.legal-card-accept{width:100%;margin-top:12px;min-height:40px;border-radius:10px;border:none;background:var(--accent);color:var(--text-on-accent);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.legal-card-done{margin:10px 0 0;font-size:12px;color:var(--text-secondary)}@media (max-width: 1024px){body:has(.home-tabbar) .legal-fab{right:calc((100vw - min(520px,100vw - 24px))/2 + 10px);bottom:calc(82px + env(safe-area-inset-bottom,0px))}.legal-fab-btn{width:40px;height:40px}}@media print{.legal-fab{display:none!important}}.donate-beta{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:13px;font-weight:700;color:var(--success)}.donate-text{margin:0 0 10px;font-size:12px;line-height:1.5;color:var(--text-secondary)}.donate-amounts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.donate-amount{min-width:64px;height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.donate-amount[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.donate-error{margin:-4px 0 8px;font-size:12px;color:var(--danger)}.donate-qr{display:block;width:220px;max-width:100%;height:auto;margin:12px auto 4px;padding:10px;border-radius:14px;background:#fff;border:1px solid var(--border)}.donate-save{display:block;width:fit-content;margin:8px auto 0;padding:8px 16px;border-radius:10px;border:1px solid var(--border);color:var(--text);font-size:13px;font-weight:600;text-decoration:none}.donate-methods{margin:8px 0 0;font-size:11px;color:var(--text-secondary);text-align:center}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0a101a73}.picker{position:relative;width:min(420px,100%);padding:20px;border-radius:18px;background:var(--bg-card);color:var(--text-primary);box-shadow:0 24px 60px #0a101a59}.picker-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border:none;border-radius:999px;background:transparent;color:var(--text-secondary);font-size:22px;cursor:pointer}.picker-title{display:flex;align-items:center;gap:6px;margin:0 0 14px;font-weight:700}.picker-stage{display:flex;align-items:center;justify-content:center;min-height:110px;padding:12px;border-radius:14px;border:2px dashed var(--border-strong);background:var(--bg-page);text-align:center;font-size:clamp(22px,7vw,34px);font-weight:800;overflow-wrap:anywhere}.picker-stage[data-spinning=true] span{opacity:.7}.picker-stage[data-picked=true]{border-style:solid;border-color:var(--accent);background:var(--accent-soft-bg);animation:picker-land .42s cubic-bezier(.2,.8,.2,1.4)}@keyframes picker-land{0%{transform:scale(.94)}}.picker-placeholder{font-size:14px;font-weight:500;color:var(--text-secondary)}.picker-count{margin:10px 0 12px;font-size:12px;text-align:center;color:var(--text-secondary)}.picker-options{display:flex;flex-direction:column;gap:8px;margin-top:14px;font-size:13px}.picker-options label{display:flex;align-items:center;gap:8px;cursor:pointer}.picker-options input{width:16px;height:16px;margin:0;flex-shrink:0}.seat[data-picked=true]{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 7px var(--accent-soft-bg);animation:seat-picked 1.4s ease-in-out 2;z-index:1}@keyframes seat-picked{50%{transform:scale(1.06)}}@media (prefers-reduced-motion: reduce){.seat[data-picked=true],.picker-stage[data-picked=true]{animation:none}}.alerts-sub{margin-left:4px;font-size:12px;font-weight:500;color:var(--text-secondary)}.alerts-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}.alert-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:12px 14px;text-align:left;border-radius:var(--radius-card, 12px);border:1px solid var(--border);border-left:4px solid var(--danger);background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer}.alert-name{font-weight:700;font-size:14px;overflow-wrap:anywhere}.alert-class{font-size:12px;color:var(--text-secondary)}.alert-counts{display:flex;gap:6px;margin-top:4px}.alert-counts span{padding:1px 8px;border-radius:999px;font-size:12px;font-weight:700}.alert-counts [data-kind=absent]{color:var(--danger);background:var(--danger-bg)}.alert-counts [data-kind=late]{color:var(--warning);background:var(--warning-bg)}.alerts-more{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.quarter-tabs{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:4px;margin-bottom:14px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card)}.quarter-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:38px;border:none;border-radius:10px;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;font-weight:700;cursor:pointer}.quarter-tabs button span{min-width:18px;padding:0 5px;border-radius:999px;font-size:11px;background:var(--bg-page);color:var(--text-secondary)}.quarter-tabs button[data-active=true]{background:var(--accent);color:var(--text-on-accent)}.quarter-tabs button[data-active=true] span{background:#ffffff38;color:inherit}.quarter-dates{display:flex;flex-direction:column;gap:6px}.quarter-dates-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.quarter-dates-row b{color:var(--text-primary);font-size:13px}.quarter-dates-row input{min-width:0;width:100%;box-sizing:border-box;padding:0 6px;font-size:12px}.summary-range{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.summary-range button{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.summary-range button[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.summary-range button:disabled{opacity:.45;cursor:not-allowed}.summary-range-hint{margin:-4px 0 12px;font-size:12px;color:var(--text-secondary)}.grading-method{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 12px;margin-bottom:10px}.grading-method label{display:flex;flex-direction:column;min-width:0}.grading-method select{width:100%;min-width:0;box-sizing:border-box}@media print{html[data-print=class] .print-area,html[data-print=class] .print-area *{visibility:visible}html[data-print=class] .print-area{position:absolute;inset:0 0 auto 0;margin:0;padding:0;border:none;box-shadow:none;background:#fff;color:#000;animation:none}html[data-print=class] .print-area div{max-height:none!important;overflow:visible!important}html[data-print=class] .print-area th,html[data-print=class] .print-area td{position:static!important;background:#fff!important;color:#000!important;border-top:1px solid #bbb!important;box-shadow:none!important}html[data-print=class] .print-area input{border:none!important;background:transparent!important;color:#000!important;width:auto!important;padding:0!important;text-align:center}html[data-print=class] .print-area tr{break-inside:avoid}.print-title{font-size:16px;font-weight:700;margin:0 0 8px}}.brand-tile{overflow:hidden;cursor:default}.brand-mark{position:relative;display:inline-grid;place-items:center}.brand-mark>*{grid-area:1 / 1}.brand-k,.brand-kudu{transition:transform .52s cubic-bezier(.2,.8,.2,1.2),opacity .32s ease,clip-path .56s cubic-bezier(.2,.8,.2,1),filter .32s ease}.brand-kudu{opacity:0;transform:translateY(18%) scale(.8);clip-path:inset(100% 0 0 0)}.brand-mark[data-kudu=true] .brand-k{opacity:0;transform:scale(.3) rotate(-90deg);filter:blur(2px)}.brand-mark[data-kudu=true] .brand-kudu{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0)}@media (hover: hover) and (pointer: fine){.brand-tile:hover .brand-k{opacity:0;transform:scale(.3) rotate(-90deg);filter:blur(2px)}.brand-tile:hover .brand-kudu{opacity:1;transform:translateY(0) scale(1);clip-path:inset(0 0 0 0)}}@media (prefers-reduced-motion: reduce){.brand-k,.brand-kudu{transition:opacity .2s ease;transform:none!important;clip-path:none!important;filter:none!important}}.settings-group{margin:0 0 14px;padding:14px 16px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-card)}.settings-group-title{margin:0 0 10px;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--accent)}.settings-group>div{margin:12px 0 0!important;padding-top:12px!important;border-top:1px solid var(--border)!important}.settings-group>p+div,.settings-group>.settings-group-title+div{margin-top:0!important;padding-top:0!important;border-top:none!important}.settings-group-data{border-color:color-mix(in srgb,var(--danger) 35%,var(--border-strong))}.settings-dropdown summary{display:flex;align-items:center;gap:8px;min-height:40px;padding:0 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-page);cursor:pointer;list-style:none}.settings-dropdown summary::-webkit-details-marker{display:none}.settings-dropdown-label{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--text-primary)}.settings-dropdown-value{margin-left:auto;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.settings-dropdown-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease}.settings-dropdown[open] .settings-dropdown-chevron{transform:rotate(180deg)}.settings-dropdown[open] summary{border-bottom-left-radius:0;border-bottom-right-radius:0}.settings-dropdown-body{padding:12px;border:1px solid var(--border-strong);border-top:none;border-radius:0 0 10px 10px}@media (max-width: 480px){.quarter-dates-row{grid-template-columns:1fr 1fr}.quarter-dates-row b{grid-column:1 / -1}.quarter-dates-row span{display:none}}.attendance-counts{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-card);overflow:hidden}.attendance-count{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:10px 12px;border:none;border-radius:0;background:transparent;box-shadow:inset 0 3px 0 var(--status, transparent)}.attendance-count+.attendance-count{border-left:1px solid var(--border)}.attendance-count-label{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.attendance-count b{font-size:20px;line-height:1.2}.attendance-count[data-unmarked=true]{border-style:none;border-left:1px solid var(--border);color:var(--text-secondary)}.attendance-count[data-unmarked=true] b{color:var(--text-primary)}@media (max-width: 480px){.attendance-count{padding:8px 6px;align-items:center}.attendance-count-label svg{display:none}.attendance-count-label{font-size:11px}}.session-toggle{display:flex;justify-content:center;gap:4px;margin-top:10px}.tools-fab{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:72;display:flex;flex-direction:column;align-items:flex-end;gap:10px}.tools-fab-btn{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:var(--text-on-accent);font-size:26px;line-height:1;box-shadow:0 10px 24px #0f162147;cursor:pointer;transition:transform .15s ease}.tools-fab-btn:hover{transform:translateY(-1px) scale(1.04)}.tools-fab-menu{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:14px;border:1px solid var(--border);background:var(--bg-card);box-shadow:0 16px 40px #0f162138}.tools-fab-menu button{display:flex;align-items:center;gap:8px;min-height:42px;padding:0 14px;border:none;border-radius:10px;background:transparent;color:var(--text-primary);font:inherit;font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer}.tools-fab-menu button:hover{background:var(--accent-soft-bg)}@media (max-width: 1024px){.tools-fab{bottom:calc(68px + env(safe-area-inset-bottom,0px))}}@media print{.tools-fab{display:none!important}}.groups-dialog{width:min(560px,100%);max-height:calc(100vh - 32px);overflow-y:auto}.groups-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.groups-seg,.groups-methods{display:flex;flex-wrap:wrap;gap:4px}.groups-seg button,.groups-methods button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 12px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}.groups-seg button[data-active=true],.groups-methods button[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.groups-premium{display:inline-flex;align-items:center;gap:3px;padding:0 6px;border-radius:999px;font-size:10px;font-weight:700;color:var(--warning);background:var(--warning-bg)}.groups-note{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.groups-skip{display:flex;align-items:center;gap:8px;margin-top:12px;font-size:13px;cursor:pointer}.groups-skip input{width:16px;height:16px;margin:0}.groups-result{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:14px}.groups-card{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--bg-page)}.groups-card-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;font-weight:800;font-size:13px}.groups-card-title span{font-size:11px;color:var(--text-secondary)}.groups-card ol{margin:0;padding-left:18px;font-size:13px}.groups-card li{margin:2px 0}.groups-grade{margin-left:6px;font-size:11px;color:var(--text-secondary)}.groups-grade[data-top=true]{font-weight:800;color:var(--success)}body:has(.tools-fab) .app-shell{padding-bottom:150px}.grade-dropdown>summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none;min-height:28px}.grade-dropdown>summary::-webkit-details-marker{display:none}.grade-dropdown-title{display:inline-flex;align-items:center;gap:8px;flex-shrink:0;font-size:15px;font-weight:700;color:var(--text-primary)}.grade-dropdown-value{flex:1;min-width:0;text-align:right;font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grade-dropdown-value[data-warn=true]{color:var(--warning);font-weight:700}.grade-dropdown-chevron{flex-shrink:0;color:var(--text-secondary);transition:transform .2s ease}.grade-dropdown[open] .grade-dropdown-chevron{transform:rotate(180deg)}.grade-dropdown-body{margin-top:12px}@media (max-width: 480px){.grade-dropdown>summary{flex-wrap:wrap}.grade-dropdown-value{order:3;flex-basis:100%;text-align:left;padding-left:24px}.grade-dropdown-chevron{margin-left:auto}}@media (pointer: coarse){input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea{font-size:16px!important}}.summary-count{min-width:34px;min-height:30px;padding:0 8px;border-radius:999px;border:1px solid transparent;background:transparent;color:var(--count-color, var(--text-primary));font:inherit;font-weight:700;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}.summary-count:hover,.summary-count[data-open=true]{border-color:var(--count-color);background:var(--bg-page);text-decoration:none}.summary-dates-row td{padding:0 6px 10px}.summary-dates{display:flex;align-items:flex-start;flex-wrap:wrap;gap:6px 10px;padding:10px 12px;border-radius:10px;background:var(--bg-page);border:1px solid var(--border);font-size:13px}.summary-dates-list{display:flex;flex-wrap:wrap;gap:6px;flex:1}.summary-dates-list button{padding:3px 10px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.summary-dates-list button:hover{border-color:var(--accent);color:var(--accent)}.summary-dates-close{margin-left:auto;border:none;background:transparent;color:var(--text-secondary);font-size:18px;line-height:1;cursor:pointer}@media print{.summary-dates-row{display:none}.summary-count{text-decoration:none}}.summary-dates{position:sticky;left:0;box-sizing:border-box;width:min(100%,calc(100vw - 72px))}.alert-counts [data-kind=left]{color:var(--accent-2);background:var(--accent-soft-bg)}.offline-banner{position:fixed;top:0;left:0;right:0;z-index:300;display:flex;align-items:center;justify-content:center;gap:10px;padding:calc(6px + env(safe-area-inset-top,0px)) 14px 6px;font-size:13px;font-weight:600;text-align:center;color:#fff;background:#4c5a6a;box-shadow:0 2px 10px #00000026}.offline-banner[data-kind=syncing],.offline-banner[data-kind=pending]{background:#2e6da4}.offline-banner[data-kind=synced]{background:#1f7a4a}.offline-banner button{padding:2px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;font:inherit;font-size:12px;cursor:pointer}@media print{.offline-banner{display:none!important}}.install-steps{margin:0;padding:8px 10px;border-radius:10px;background:var(--bg-page);font-size:13px}body:has(.offline-banner) .app-shell{padding-top:calc(48px + env(safe-area-inset-top,0px))}.offline-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:13px}.offline-check li{display:flex;gap:8px}.offline-check li>span:first-child{font-weight:800;color:var(--success)}.offline-check li[data-ok=false]>span:first-child{color:var(--danger)}.offline-check small{display:block;font-size:11px;color:var(--text-secondary)}.offline-banner[data-kind=rejected]{background:#9b2c2c}.offline-card{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px;padding:14px 16px;border-radius:var(--radius-card, 14px);border:1px solid var(--success);background:var(--success-bg);color:var(--text-primary)}.offline-card>svg{flex-shrink:0;margin-top:2px;color:var(--success)}.offline-card-install{border-color:var(--accent-soft);background:var(--accent-soft-bg)}.offline-card-install>img{flex-shrink:0;border-radius:10px}.offline-card-title{margin:0 0 2px;font-weight:800;font-size:15px}.offline-card-text{margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.offline-card-steps{display:flex;flex-wrap:wrap;align-items:center;gap:4px;margin:8px 0 0;font-size:13px}.offline-card-actions{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.offline-howto{margin:8px 0 0;padding-left:20px;font-size:13px;line-height:1.5}.guest-entry{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:16px}.guest-entry>span{font-size:12px;color:var(--text-secondary)}.guest-entry-btn{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 16px;border:1.5px dashed var(--border-strong);border-radius:12px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:15px;font-weight:600;cursor:pointer}.guest-entry-btn:hover{border-color:var(--accent-2)}.guest-entry-btn small{font-size:12px;font-weight:400;color:var(--text-secondary)}.guest-banner{margin:0 0 16px;padding:12px 16px;border:1px solid var(--warning-border);border-radius:12px;background:var(--warning-bg);color:var(--text-primary)}.guest-banner-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.guest-banner p{margin:0;font-size:13px;line-height:1.5}.guest-banner-form{margin-top:12px;padding-top:12px;border-top:1px solid var(--warning-border);display:flex;flex-direction:column;max-width:420px}.guest-banner-form input[type=text],.guest-banner-form input:not([type]),.guest-banner-form input[type=email],.guest-banner-form input[type=password]{width:100%;margin-bottom:10px;box-sizing:border-box}.guest-banner .guest-banner-hint{margin-bottom:10px;color:var(--text-secondary)}.guest-banner-terms{display:flex;gap:8px;align-items:flex-start;font-size:12px;margin:4px 0 10px;cursor:pointer}.guest-banner-terms a{color:var(--accent-2)}.guest-banner .guest-banner-error{color:var(--danger);margin-bottom:10px}.guest-banner-actions{display:flex;gap:8px;justify-content:flex-end}.chat{display:flex;flex-direction:column;gap:10px}.chat-log{display:flex;flex-direction:column;gap:8px;max-height:360px;overflow-y:auto;padding:10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-soft)}.chat-empty{margin:0;font-size:13px;color:var(--text-secondary)}.chat-msg{max-width:85%;align-self:flex-start;padding:8px 12px;border-radius:14px 14px 14px 4px;background:var(--bg-card);border:1px solid var(--border)}.chat-msg[data-mine=true]{align-self:flex-end;border-radius:14px 14px 4px;background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.chat-msg p{margin:0;font-size:14px;line-height:1.45;white-space:pre-wrap;overflow-wrap:anywhere}.chat-msg time{display:block;margin-top:4px;font-size:11px;opacity:.7}.chat-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:16px;resize:vertical}.chat-form-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.chat-count{font-size:12px;color:var(--text-secondary)}.chat-count[data-near=true]{color:var(--warning);font-weight:700}.chat-error{margin:8px 0 0;font-size:13px;color:var(--danger)}.chat-badge{margin-left:8px;padding:1px 7px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:700}.inbox{display:flex;flex-direction:column;gap:6px}.inbox-row{display:grid;grid-template-columns:1fr auto;gap:2px 10px;text-align:left;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font:inherit;cursor:pointer}.inbox-row[data-unread=true]{border-color:var(--accent-2)}.inbox-name{font-weight:700;font-size:14px}.inbox-last{grid-column:1;font-size:13px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inbox-time{grid-row:1;grid-column:2;font-size:12px;color:var(--text-secondary)}.inbox-who{margin:10px 0;font-size:13px;color:var(--text-secondary)}.quarter-dates-row{grid-template-columns:44px minmax(0,1fr) minmax(0,1fr);align-items:end}.quarter-dates-row b{align-self:center}.quarter-dates-row label{display:flex;flex-direction:column;gap:2px;min-width:0}.quarter-dates-row label small{font-size:11px;font-weight:600;color:var(--text-secondary)}.quarter-dates-row input{height:40px;font-size:14px;border-color:var(--accent-soft);cursor:pointer}@media (max-width: 480px){.quarter-dates-row{grid-template-columns:1fr 1fr}}.term-editor-label{margin:0 0 8px;font-size:13px;font-weight:700;color:var(--text-primary)}.term-editor-label span{font-weight:400;color:var(--text-secondary)}.term-editor-note{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.term-system{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px}.term-system button{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 12px;border:1.5px solid var(--border-strong);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer}.term-system button b{font-size:14px}.term-system button small{font-size:11px;color:var(--text-secondary);line-height:1.3}.term-system button[data-active=true]{border-color:var(--accent);background:var(--accent-soft-bg);box-shadow:inset 0 0 0 1px var(--accent)}@media (max-width: 480px){.term-system{grid-template-columns:1fr}}.term-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:13px;color:var(--text-secondary)}.term-bar button{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1.5px dashed var(--accent-soft);border-radius:999px;background:var(--bg-card);color:var(--accent);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.term-bar button:hover{border-style:solid}.term-editor-card{margin-bottom:14px}.seat-fit-toggle{align-self:center;margin:10px auto 0;padding:8px 14px;border:1.5px solid var(--border-strong);border-radius:999px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:13px;font-weight:600;cursor:pointer}@media (max-width: 640px){.legal-fab[data-in-app=true]{display:none}}.account-legal-links{display:flex;gap:16px;justify-content:center;margin:0 0 14px;font-size:13px}.account-legal-links a{color:var(--accent-2)}.attend-bar{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom,0px));z-index:75;display:flex;align-items:center;gap:8px;padding:8px 8px 8px 12px;border:1px solid var(--border-strong);border-radius:16px;background:var(--bg-card);box-shadow:0 8px 28px #0000002e;animation:attend-bar-in .32s cubic-bezier(.22,1,.36,1) both}@keyframes attend-bar-in{0%{opacity:0;transform:translateY(24px)}}.attend-bar-counts{display:flex;align-items:center;gap:8px;flex:1;min-width:0;font-size:14px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums}.attend-bar-counts span{display:inline-flex;align-items:center;gap:3px}.attend-bar-counts i{width:8px;height:8px;border-radius:50%;background:var(--status)}.attend-bar-left{font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap}.attend-bar-mark{display:inline-flex;align-items:center;gap:6px;height:44px;padding:0 14px;border:none;border-radius:12px;background:var(--success);color:#fff;font:inherit;font-size:14px;font-weight:700;white-space:nowrap;cursor:pointer}[data-theme=dark] .attend-bar-mark,[data-theme=cyberpunk] .attend-bar-mark,[data-theme=retro-pixel] .attend-bar-mark,[data-theme=army] .attend-bar-mark,[data-theme=pride] .attend-bar-mark,[data-theme=samurai] .attend-bar-mark{background:var(--success-bg);color:var(--success);box-shadow:inset 0 0 0 1.5px var(--success-border)}.attend-bar-mark[data-done=true]{opacity:.55}.attend-bar-tools{position:relative}.attend-bar-tools .tools-fab-menu{position:absolute;right:0;bottom:calc(100% + 12px)}.attend-bar-tools-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1.5px solid var(--border-strong);border-radius:12px;background:var(--bg-soft);color:var(--text-primary);font-size:22px;cursor:pointer}body:has(.attend-bar) .app-shell{padding-bottom:110px!important}@media print{.attend-bar{display:none!important}}.score-view-toggle{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;margin:0 0 12px;border-radius:12px;background:var(--bg-soft)}.score-view-toggle button{height:38px;border:none;border-radius:9px;background:transparent;color:var(--text-secondary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.score-view-toggle button[data-active=true]{background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm)}.score-cards-nav{display:flex;gap:8px;align-items:center;margin-bottom:10px}.score-cards-nav button{width:44px;height:44px;padding:0;justify-content:center;flex-shrink:0}.score-cards-nav select{height:44px;font-size:16px}.score-card{border:1px solid var(--border);border-radius:14px;overflow:hidden}.score-card-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--bg-soft);font-size:16px}.score-card-head span{font-size:20px;font-weight:800;color:var(--accent)}.score-card-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--border);font-size:14px;font-weight:600}.score-card-row>span:first-child{display:flex;flex-direction:column;min-width:0}.score-card-row small{font-size:11px;font-weight:400;color:var(--text-secondary)}.score-card-input{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.score-card-input input{height:44px}.score-cards-next{width:100%;height:48px;margin-top:12px;border:none;border-radius:12px;background:var(--accent);color:var(--text-on-accent);font:inherit;font-size:15px;font-weight:700;cursor:pointer}.score-cards-next:disabled{opacity:.5}.guest-banner-short{display:none}@media (max-width: 640px){.app-header:has(.class-header-main){margin-bottom:14px!important;align-items:center!important}.class-header-main{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:10px;align-items:center}.class-back{grid-row:1 / span 2;width:44px;height:44px!important;margin:0!important;padding:0!important;justify-content:center;border-radius:12px!important}.class-back-label{display:none}.class-header-title{font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;overflow-wrap:normal}.class-header-schedule{margin:0!important;font-size:12px!important;white-space:nowrap;overflow:hidden}.class-header-menu{margin-top:0}.mode-bar .hover-group-trigger{min-height:44px;flex-direction:row;gap:6px;padding:4px 6px;border-radius:12px;font-size:13px}.mode-bar{margin-bottom:12px}.guest-banner{padding:8px 10px 8px 12px;margin-bottom:12px}.guest-banner-row{flex-wrap:nowrap}.guest-banner-long{display:none}.guest-banner-short{display:inline}.guest-banner-row p{font-size:12px;line-height:1.35}.guest-banner-row button{flex-shrink:0;height:36px!important;padding:0 12px!important;font-size:13px!important}.app-shell input:not([type=checkbox]):not([type=radio]):not([type=range]),.app-shell select,.app-shell .quarter-tabs button,.app-shell .session-toggle button,.app-shell .summary-range button,.app-shell .term-bar button,.app-shell .seat-fit-toggle,.app-shell .settings-dropdown summary,.app-shell .grade-dropdown>summary,.app-shell .home-dropdown>summary{min-height:44px!important}.app-shell input[type=date]{height:44px!important;font-size:16px!important}.app-shell input[type=checkbox],.app-shell input[type=radio]{width:20px!important;height:20px!important}.tour-btn{min-height:44px}}@media (max-width: 640px){.app-shell button[style*="height: 40px"]{height:44px!important}}@media (max-width: 640px){.app-shell button,.attend-bar button,.tools-fab-menu button{min-height:44px!important}.app-shell button[aria-label^=Delete],.app-shell button[aria-label^=Remove],.app-shell button[aria-label*="full screen"],.app-shell button[aria-label="Class options"]{min-width:44px!important}.guest-banner-row button{height:44px!important}}@media (max-width: 360px){.attend-bar{left:6px;right:6px;gap:6px;padding:6px 6px 6px 10px}.attend-bar-counts{gap:6px;font-size:13px}.attend-bar-left{display:none!important}.attend-bar-mark{padding:0 10px;font-size:13px;gap:4px}.attend-bar-mark svg{display:none}.attend-bar-tools-btn{width:44px;flex-shrink:0}}@media (max-width: 1024px){.home-tabbar{grid-template-columns:1fr 1fr 64px 1fr 1fr}.home-tabbar-indicator{width:calc((100% - 74px)/4)}.home-tabbar[data-tab=classes] .home-tabbar-indicator{transform:translate(100%)}.home-tabbar[data-tab=lessons] .home-tabbar-indicator{transform:translate(calc(200% + 64px))}.home-tabbar[data-tab=account] .home-tabbar-indicator{transform:translate(calc(300% + 64px))}.home-tabbar-new{position:relative;z-index:2;justify-self:center;align-self:center;width:54px;height:54px;margin-top:-18px;display:inline-flex;align-items:center;justify-content:center;border:4px solid var(--bg-page);border-radius:50%;background:var(--accent);color:var(--text-on-accent);box-shadow:0 6px 16px #0f162147;cursor:pointer;transition:transform .16s ease}.home-tabbar-new:active{transform:scale(.92)}}.new-class-page{max-width:640px;margin:0 auto}.new-class-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.new-class-head .class-back{margin:0!important;flex-shrink:0}.new-class-sub{margin:4px 0 0;font-size:13px;color:var(--text-secondary)}.theme-nudge{margin:0 0 16px;padding:14px 16px;border:1px solid var(--border-strong);border-radius:14px;background:var(--bg-card);box-shadow:var(--shadow-sm)}.theme-nudge p{margin:0;font-size:14px;line-height:1.45;color:var(--text-primary)}.theme-nudge-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.theme-nudge-actions button,.theme-nudge-dismiss{min-height:40px;padding:0 14px;border:1px solid var(--border-strong);border-radius:10px;background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:13px;font-weight:700;cursor:pointer}.theme-nudge-actions button[data-primary=true]{border-color:var(--accent);background:var(--accent);color:var(--text-on-accent)}.theme-nudge-swatches{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:12px 0 6px}.theme-nudge-swatches button{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0;border:none;background:none;color:var(--text-secondary);font:inherit;cursor:pointer;min-width:0}.theme-nudge-swatch{width:44px;height:44px;border-radius:50%;border:2px solid var(--border-strong);transition:transform .16s ease}.theme-nudge-swatches button:active .theme-nudge-swatch{transform:scale(.9)}.theme-nudge-more{display:flex;align-items:center;justify-content:center;background:var(--bg-soft);color:var(--text-primary);font-size:13px;font-weight:800}.theme-nudge-swatches small{font-size:11px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.theme-nudge-dismiss{display:block;margin-left:auto;border:none;color:var(--text-secondary);font-weight:600}@media (max-width: 360px){.theme-nudge-swatches{grid-template-columns:repeat(3,minmax(0,1fr))}}.note-stack{position:fixed;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(72px + env(safe-area-inset-bottom,0px));z-index:72;display:flex;flex-direction:column;gap:10px;align-items:flex-end;pointer-events:none}.note-stack>*{pointer-events:auto}.beta-note,.dev-note{position:relative;width:min(280px,calc(100vw - 32px));padding:12px 34px 12px 14px;border-radius:14px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-lg);font-size:13px;line-height:1.45}.beta-note p{margin:0}.beta-note-close{position:absolute;top:4px;right:6px;width:26px;height:26px;border:0;background:none;color:var(--text-secondary);font-size:18px;line-height:1;cursor:pointer}.beta-note-donate{margin-top:8px;padding:6px 14px;border:0;border-radius:8px;background:var(--accent);color:var(--text-on-accent);font:inherit;font-weight:700;cursor:pointer}@media (max-width: 640px){.note-stack{bottom:calc(100px + env(safe-area-inset-bottom,0px))}}.room-picker{--room-cell: 20px;padding:6px 4px;-webkit-user-select:none;user-select:none}.room-picker-label{margin:0 0 8px;font-size:13px;color:var(--text-secondary)}.room-picker-label b{color:var(--text-primary);font-size:15px}.room-picker-grid{display:grid;gap:3px;width:max-content;max-width:min(calc(100vw - 64px),760px);max-height:60vh;overflow:auto;touch-action:none}.room-picker-cell{width:var(--room-cell);height:var(--room-cell);padding:0;border:1px solid var(--border-strong);border-radius:4px;background:var(--bg-card);cursor:pointer}.room-picker-cell[data-current]{background:var(--accent-soft-bg);border-color:var(--accent-soft)}.room-picker-cell[data-on]{background:var(--accent-2);border-color:var(--accent)}.room-picker-cell:focus-visible{outline:2px solid var(--accent-2);outline-offset:1px}.room-picker-hint{margin:8px 0 0;font-size:12px;color:var(--text-secondary)}.room-picker-hint[data-warn]{color:var(--danger-border);font-weight:600}@media (pointer: coarse){.room-picker{--room-cell: 28px}}.app-shell .room-picker .room-picker-cell,.room-picker .room-picker-cell{min-width:0!important;min-height:0!important;height:var(--room-cell)!important}.room-picker-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.room-picker-actions button[aria-disabled=true]{opacity:.45;cursor:not-allowed}.room-picker-cell[data-blocked]{background:var(--bg-soft);border-style:dashed;cursor:not-allowed;opacity:.55}.room-picker-grid[data-too-small] .room-picker-cell[data-on]{background:var(--danger-bg);border-color:var(--danger-border)}.room-picker-numbers{display:flex;gap:14px;margin-top:10px}.room-picker-numbers label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary)}.day-off-open{border:1px dashed var(--border-strong);background:none;color:var(--text-secondary);border-radius:10px;padding:8px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.day-off-open:hover{color:var(--text-primary);border-color:var(--accent-soft)}.day-off-form,.day-off-banner{flex:1 1 100%;border:1px solid var(--border);background:var(--bg-card);border-radius:14px;padding:12px 14px;box-shadow:var(--shadow-sm)}.day-off-form{display:flex;flex-direction:column;gap:10px;max-width:520px}.day-off-title{margin:0;font-size:13px;font-weight:700}.day-off-kinds{display:flex;gap:6px;flex-wrap:wrap}.day-off-kinds button{border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}.day-off-kinds button[data-active=true]{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.day-off-all{display:flex;align-items:center;gap:8px;font-size:13px}.day-off-actions{display:flex;gap:8px;justify-content:flex-end}.day-off-banner{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning)}.day-off-banner b{font-size:14px}.day-off-banner p{margin:2px 0 0;font-size:12px}[data-day-off]{opacity:.4;pointer-events:none;filter:grayscale(.6)}.summary-days-off{margin:-6px 0 14px;font-size:12px;color:var(--warning)}.dev-note{padding:12px 34px 12px 14px;border-radius:14px;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--accent-soft);border-left:4px solid var(--accent-2);box-shadow:var(--shadow-lg);font-size:13px;line-height:1.45}.dev-note p{margin:0}.dev-note-from{font-size:11px;font-weight:700;letter-spacing:.03em;color:var(--accent-2);margin-bottom:4px!important}.dev-note-body{white-space:pre-wrap;overflow-wrap:anywhere}.admin{display:flex;flex-direction:column;gap:10px}.admin-head{display:flex;align-items:center;justify-content:space-between}.admin-sub{margin:8px 0 0;font-size:13px;font-weight:800}.admin-head .admin-sub{margin:0}.admin-refresh{border:0;background:none;color:var(--accent-2);font:inherit;font-size:12px;font-weight:700;cursor:pointer}.admin-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:8px}.admin-stat{display:flex;flex-direction:column;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:var(--bg-soft)}.admin-stat[data-accent=green]{background:var(--success-bg);border-color:var(--success-border)}.admin-stat-value{font-size:26px;font-weight:800;line-height:1.1}.admin-stat-label{font-size:12px;font-weight:700}.admin-stat-hint,.admin-note{font-size:11px;color:var(--text-secondary)}.admin-note{margin:0}.admin-error{margin:0;font-size:12px;color:var(--danger-border)}.admin-textarea{width:100%;min-height:74px;resize:vertical;padding:10px 12px;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);font:inherit;font-size:14px}.admin-preview{width:100%;box-shadow:none}.admin-actions{display:flex;align-items:center;justify-content:space-between;gap:8px}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.admin-list li{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;padding:8px 10px;border-radius:10px;border:1px solid var(--border);font-size:13px}.admin-list li[data-showing]{border-color:var(--accent-soft);background:var(--accent-soft-bg)}.admin-list-when{font-size:11px;font-weight:700;color:var(--text-secondary)}.admin-list-body{flex:1 1 100%;white-space:pre-wrap;overflow-wrap:anywhere}[data-theme] .card-hover:before,[data-theme] .card-hover:after,[data-theme] .app-header:after{content:none}[data-theme] .card-hover{overflow:visible}[data-theme] .card-hover:hover{box-shadow:var(--shadow-md)}html[data-theme] .welcome-card{position:relative}html[data-theme] .welcome-card>*{position:relative;z-index:1}html[data-theme] .welcome-card:after{content:"";position:absolute;top:auto;left:auto;right:18px;bottom:0;opacity:1;width:112px;height:112px;background-repeat:no-repeat;background-position:center bottom;background-size:contain;pointer-events:none;animation:mascot-in .6s cubic-bezier(.2,.8,.2,1) both}@keyframes mascot-in{0%{opacity:0;transform:translateY(8px)}}@media (min-width: 641px){html[data-theme] .welcome-card{padding-right:148px}}@media (max-width: 640px){html[data-theme] .welcome-card:after{right:10px;width:60px;height:60px}}@media (min-width: 1500px){html[data-theme] .app-shell{position:relative;z-index:1}html[data-theme] .app-root:before,html[data-theme] .app-root:after{position:fixed;top:0;bottom:0;width:40px;z-index:0;background-repeat:repeat-y;background-position:center top;pointer-events:none}html[data-theme] .app-root:before{left:6px}html[data-theme] .app-root:after{right:6px;transform:scaleX(-1)}}html[data-theme=light] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20paper%20plane%20with%20a%20dotted%20flight%20path%20--%3e%3cpath%20d='M14%20112c24-4%2042-18%2056-40'%20fill='none'%20stroke='%232e6da4'%20stroke-width='2.5'%20stroke-dasharray='3%206'%20stroke-linecap='round'%20opacity='.55'/%3e%3cpath%20d='M68%2070l58-38-22%2070-18-20-18%2016%204-26z'%20fill='%23ffffff'%20stroke='%23123458'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M86%2082l40-50-58%2038z'%20fill='%23d9eaf8'%20stroke='%23123458'%20stroke-width='3'%20stroke-linejoin='round'/%3e%3cpath%20d='M86%2082l-12%2020'%20stroke='%23123458'%20stroke-width='3'%20stroke-linecap='round'/%3e%3c/svg%3e")}html[data-theme=dark] .app-root{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='180'%20height='180'%20viewBox='0%200%20180%20180'%20fill='%23b8c7da'%3e%3c!--%20sparse%20starfield%20--%3e%3ccircle%20cx='20'%20cy='30'%20r='1'%20fill-opacity='.22'/%3e%3ccircle%20cx='96'%20cy='14'%20r='.8'%20fill-opacity='.16'/%3e%3ccircle%20cx='150'%20cy='60'%20r='1.2'%20fill-opacity='.2'/%3e%3ccircle%20cx='60'%20cy='110'%20r='.9'%20fill-opacity='.14'/%3e%3ccircle%20cx='130'%20cy='140'%20r='1'%20fill-opacity='.18'/%3e%3ccircle%20cx='30'%20cy='160'%20r='.7'%20fill-opacity='.12'/%3e%3cpath%20d='M110%2092l1%203%203%201-3%201-1%203-1-3-3-1%203-1z'%20fill-opacity='.18'/%3e%3c/svg%3e");background-size:180px 180px}html[data-theme=dark] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20crescent%20moon%20with%20stars%20--%3e%3cpath%20d='M86%2026a46%2046%200%201%200%2028%2076%2038%2038%200%201%201-28-76z'%20fill='%23d7e3f2'/%3e%3ccircle%20cx='70'%20cy='86'%20r='4'%20fill='%23b8c7da'/%3e%3ccircle%20cx='56'%20cy='64'%20r='3'%20fill='%23b8c7da'/%3e%3ccircle%20cx='74'%20cy='110'%20r='2.5'%20fill='%23b8c7da'/%3e%3cpath%20d='M112%2030l2%206%206%202-6%202-2%206-2-6-6-2%206-2z'%20fill='%238fc1ee'/%3e%3cpath%20d='M120%2070l1.5%204%204%201.5-4%201.5-1.5%204-1.5-4-4-1.5%204-1.5z'%20fill='%236fa8d8'/%3e%3cpath%20d='M102%20116l1.2%203.3%203.3%201.2-3.3%201.2-1.2%203.3-1.2-3.3-3.3-1.2%203.3-1.2z'%20fill='%238fc1ee'/%3e%3c/svg%3e")}@media (min-width: 1500px){html[data-theme=dark] .app-root:before,html[data-theme=dark] .app-root:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='200'%20viewBox='0%200%2040%20200'%20fill='%238fc1ee'%3e%3c!--%20drifting%20stars%20--%3e%3cpath%20d='M20%2030l2%205%205%202-5%202-2%205-2-5-5-2%205-2z'%20fill-opacity='.35'/%3e%3ccircle%20cx='12'%20cy='90'%20r='1.5'%20fill-opacity='.3'/%3e%3cpath%20d='M26%20140l1.4%203.6%203.6%201.4-3.6%201.4L26%20150l-1.4-3.6-3.6-1.4%203.6-1.4z'%20fill-opacity='.28'/%3e%3ccircle%20cx='16'%20cy='180'%20r='1'%20fill-opacity='.25'/%3e%3c/svg%3e")}}html[data-theme=kawaii] .app-root{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='96'%20height='96'%20viewBox='0%200%2096%2096'%20fill='%23ff6f9c'%20fill-opacity='.09'%3e%3c!--%20tiny%20scattered%20hearts%20and%20dots%20--%3e%3cpath%20d='M20%2026c-5-3-7-5.5-7-8a3%203%200%200%201%207-1.6%203%203%200%200%201%207%201.6c0%202.5-2%205-7%208z'/%3e%3cpath%20d='M70%2070c-4-2.6-6-4.6-6-6.8a2.6%202.6%200%200%201%206-1.4%202.6%202.6%200%200%201%206%201.4c0%202.2-2%204.2-6%206.8z'/%3e%3ccircle%20cx='74'%20cy='20'%20r='2'/%3e%3ccircle%20cx='26'%20cy='74'%20r='1.6'/%3e%3ccircle%20cx='50'%20cy='48'%20r='1.4'/%3e%3c/svg%3e");background-size:96px 96px}[data-theme=kawaii] .card-hover{border-width:1.5px!important}[data-theme=kawaii] .theme-logo-badge{border-radius:50%!important;box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--accent-soft)!important}[data-theme=kawaii] button:not(.segment-btn):hover:not(:disabled){transform:translateY(-1px)}html[data-theme=kawaii] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20white%20cat%20with%20a%20pink%20bow,%20blushing,%20holding%20a%20heart%20--%3e%3cellipse%20cx='70'%20cy='132'%20rx='38'%20ry='5'%20fill='%23ff6f9c'%20opacity='.18'/%3e%3cpath%20d='M36%20132c0-30%2015-44%2034-44s34%2014%2034%2044z'%20fill='%23fffafb'%20stroke='%23f3c2d2'%20stroke-width='2'/%3e%3cpath%20d='M42%2056L38%2026l24%2016M98%2056l4-30-24%2016'%20fill='%23fffafb'%20stroke='%23f3c2d2'%20stroke-width='2'%20stroke-linejoin='round'/%3e%3cpath%20d='M44%2048l-2-14%2011%208M96%2048l2-14-11%208'%20fill='%23ffc4d6'/%3e%3cellipse%20cx='70'%20cy='68'%20rx='32'%20ry='28'%20fill='%23fffafb'%20stroke='%23f3c2d2'%20stroke-width='2'/%3e%3cellipse%20cx='58'%20cy='68'%20rx='3.4'%20ry='4.4'%20fill='%235a2a3a'/%3e%3cellipse%20cx='82'%20cy='68'%20rx='3.4'%20ry='4.4'%20fill='%235a2a3a'/%3e%3ccircle%20cx='59.3'%20cy='66.3'%20r='1.2'%20fill='%23fff'/%3e%3ccircle%20cx='83.3'%20cy='66.3'%20r='1.2'%20fill='%23fff'/%3e%3cpath%20d='M66%2077q4%204%208%200'%20fill='none'%20stroke='%235a2a3a'%20stroke-width='2'%20stroke-linecap='round'/%3e%3cellipse%20cx='50'%20cy='78'%20rx='6'%20ry='3.6'%20fill='%23ff8fb3'%20opacity='.55'/%3e%3cellipse%20cx='90'%20cy='78'%20rx='6'%20ry='3.6'%20fill='%23ff8fb3'%20opacity='.55'/%3e%3cpath%20d='M30%2070h12M30%2077l12-2M110%2070H98M110%2077l-12-2'%20stroke='%23f3c2d2'%20stroke-width='1.6'%20stroke-linecap='round'/%3e%3cpath%20d='M84%2040l12-8v16zM84%2040l-12-8v16z'%20fill='%23ff6f9c'/%3e%3ccircle%20cx='84'%20cy='40'%20r='4'%20fill='%23ff8fb3'/%3e%3cpath%20d='M70%20124c-12-8-17-14-17-20a7%207%200%200%201%2017-4%207%207%200%200%201%2017%204c0%206-5%2012-17%2020z'%20fill='%23ff6f9c'/%3e%3c/svg%3e")}@media (min-width: 1500px){html[data-theme=kawaii] .app-root:before,html[data-theme=kawaii] .app-root:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='140'%20viewBox='0%200%2040%20140'%3e%3c!--%20hearts%20on%20a%20ribbon%20--%3e%3cpath%20d='M20%200c8%2020-8%2050%200%2070s-8%2050%200%2070'%20fill='none'%20stroke='%23ffb3c8'%20stroke-width='2'%20stroke-dasharray='1%205'%20stroke-linecap='round'/%3e%3cpath%20d='M20%2044c-7-4.4-10-8-10-11.6a4.6%204.6%200%200%201%2010-2.5%204.6%204.6%200%200%201%2010%202.5c0%203.6-3%207.2-10%2011.6z'%20fill='%23ff8fb3'%20fill-opacity='.55'/%3e%3cpath%20d='M28%20108l2%205%205%202-5%202-2%205-2-5-5-2%205-2z'%20fill='%23ffc4d6'/%3e%3c/svg%3e")}}[data-theme=cyberpunk]{--bg-card: #111a2b;--bg-soft: #18253a;--border: #36557a;--border-strong: #00b8d4;--text-secondary: #a9c6d8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 6px 18px rgba(0, 0, 0, .45);--shadow-lg: 0 14px 34px rgba(0, 0, 0, .55)}html[data-theme=cyberpunk] .app-root{background-image:linear-gradient(rgba(0,229,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.035) 1px,transparent 1px);background-size:32px 32px}[data-theme=cyberpunk] .card-hover{box-shadow:var(--shadow-sm),inset 0 1px #00e5ff2e!important}[data-theme=cyberpunk] .card-hover:hover{box-shadow:var(--shadow-md),inset 0 1px #00e5ff59!important}[data-theme=cyberpunk] .theme-logo-badge{box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--accent)!important}[data-theme=cyberpunk] .welcome-card{border-left:3px solid var(--accent)}html[data-theme=cyberpunk] .welcome-card h1{letter-spacing:.01em}html[data-theme=cyberpunk] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20android%20with%20a%20visor%20over%20a%20small%20neon%20skyline%20--%3e%3cpath%20d='M8%20132V106h12v-10h10v36M112%20132V98h10v-8h10v42M100%20132v-22h8v22'%20fill='%23141c2e'/%3e%3cpath%20d='M12%20112h3M24%20104h3M116%20104h3M124%2098h3M116%20118h3'%20stroke='%2300e5ff'%20stroke-width='2'/%3e%3cellipse%20cx='70'%20cy='133'%20rx='36'%20ry='4'%20fill='%2300e5ff'%20opacity='.16'/%3e%3cpath%20d='M38%20132c0-24%2014-36%2032-36s32%2012%2032%2036z'%20fill='%231b2335'/%3e%3cpath%20d='M56%20104h28v8H56z'%20fill='%23ff2e9c'%20opacity='.85'/%3e%3cpath%20d='M70%2096v-6'%20stroke='%232b3550'%20stroke-width='10'/%3e%3crect%20x='42'%20y='38'%20width='56'%20height='52'%20rx='16'%20fill='%23222c42'%20stroke='%232f3b58'%20stroke-width='2'/%3e%3crect%20x='48'%20y='54'%20width='44'%20height='16'%20rx='8'%20fill='%230a0e17'/%3e%3crect%20x='52'%20y='58'%20width='16'%20height='8'%20rx='4'%20fill='%2300e5ff'/%3e%3crect%20x='72'%20y='58'%20width='16'%20height='8'%20rx='4'%20fill='%2300e5ff'/%3e%3cpath%20d='M60%2080h20'%20stroke='%235b6a8c'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cpath%20d='M70%2038V24'%20stroke='%235b6a8c'%20stroke-width='3'/%3e%3ccircle%20cx='70'%20cy='21'%20r='5'%20fill='%23ff2e9c'/%3e%3cpath%20d='M38%2056h-6v14h6M102%2056h6v14h-6'%20fill='none'%20stroke='%235b6a8c'%20stroke-width='3'/%3e%3c/svg%3e")}@media (min-width: 1500px){html[data-theme=cyberpunk] .app-root:before,html[data-theme=cyberpunk] .app-root:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='200'%20viewBox='0%200%2040%20200'%20fill='none'%20stroke-width='1.5'%3e%3c!--%20circuit%20traces%20--%3e%3cpath%20d='M12%200v60l14%2014v50l-14%2014v62'%20stroke='%2300e5ff'%20stroke-opacity='.28'/%3e%3cpath%20d='M28%200v30M28%20160v40'%20stroke='%23ff2e9c'%20stroke-opacity='.25'/%3e%3ccircle%20cx='26'%20cy='74'%20r='3'%20fill='%230a0e17'%20stroke='%2300e5ff'%20stroke-opacity='.5'/%3e%3ccircle%20cx='12'%20cy='138'%20r='3'%20fill='%230a0e17'%20stroke='%2300e5ff'%20stroke-opacity='.5'/%3e%3ccircle%20cx='28'%20cy='30'%20r='2.5'%20fill='%23ff2e9c'%20fill-opacity='.45'%20stroke='none'/%3e%3c/svg%3e")}}html[data-theme=classical] .app-root{background-image:radial-gradient(circle,rgba(122,92,46,.06) 1px,transparent 1.5px);background-size:26px 26px}[data-theme=classical] .card-hover{border-top:1px solid var(--border-strong)}[data-theme=classical] .welcome-card{border-top:3px double var(--border-strong)}html[data-theme=classical] .welcome-card h1{font-variant:small-caps;letter-spacing:.02em}[data-theme=classical] .theme-logo-badge{border-radius:4px!important;box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--border-strong)!important}html[data-theme=classical] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20owl%20of%20Athena%20perched%20on%20a%20stack%20of%20books,%20laurel%20sprig%20--%3e%3crect%20x='28'%20y='116'%20width='84'%20height='14'%20rx='2'%20fill='%237a5c2e'/%3e%3crect%20x='34'%20y='104'%20width='74'%20height='12'%20rx='2'%20fill='%239c7b3f'/%3e%3cpath%20d='M34%20110h74M28%20123h84'%20stroke='%23f3ede1'%20stroke-width='1.5'%20opacity='.6'/%3e%3cellipse%20cx='70'%20cy='76'%20rx='26'%20ry='30'%20fill='%238a6a3b'/%3e%3cellipse%20cx='70'%20cy='84'%20rx='16'%20ry='18'%20fill='%23e8dcc4'/%3e%3cpath%20d='M60%2080q4%203%208%200M72%2086q4%203%208%200M62%2092q4%203%208%200'%20fill='none'%20stroke='%23b39a6e'%20stroke-width='1.5'/%3e%3cpath%20d='M46%2052l8%2010M94%2052l-8%2010'%20stroke='%238a6a3b'%20stroke-width='7'%20stroke-linecap='round'/%3e%3ccircle%20cx='60'%20cy='64'%20r='9'%20fill='%23f3ede1'/%3e%3ccircle%20cx='80'%20cy='64'%20r='9'%20fill='%23f3ede1'/%3e%3ccircle%20cx='60'%20cy='64'%20r='4'%20fill='%23332a1f'/%3e%3ccircle%20cx='80'%20cy='64'%20r='4'%20fill='%23332a1f'/%3e%3cpath%20d='M67%2072l3%205%203-5z'%20fill='%23d4a72c'/%3e%3cpath%20d='M60%20104l-4%204M66%20104l-2%205M80%20104l4%204M74%20104l2%205'%20stroke='%23d4a72c'%20stroke-width='2.5'%20stroke-linecap='round'/%3e%3cpath%20d='M100%2098c8-10%2012-22%2010-34'%20fill='none'%20stroke='%236f7f4a'%20stroke-width='2'/%3e%3cpath%20d='M106%2086c6%200%209-4%209-8-6%200-9%204-9%208zM109%2074c5-1%207-5%206-9-5%201-7%205-6%209zM103%2092c-6-1-9-5-8-9%206%201%209%205%208%209zM107%2080c-6-1-9-5-8-9%206%201%209%205%208%209z'%20fill='%237f8f56'/%3e%3c/svg%3e")}@media (min-width: 1500px){html[data-theme=classical] .app-root:before,html[data-theme=classical] .app-root:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='24'%20viewBox='0%200%2040%2024'%3e%3c!--%20fluted%20column%20shaft%20(repeats%20vertically)%20--%3e%3crect%20x='6'%20y='0'%20width='28'%20height='24'%20fill='%23e7dcc6'/%3e%3cpath%20d='M11%200v24M17%200v24M23%200v24M29%200v24'%20stroke='%23c9b48c'%20stroke-width='2'/%3e%3cpath%20d='M6%200v24M34%200v24'%20stroke='%23b39a6e'%20stroke-width='1.5'/%3e%3c/svg%3e");opacity:.85}}html[data-theme=math] .app-root{background-image:linear-gradient(rgba(70,64,222,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(70,64,222,.06) 1px,transparent 1px);background-size:26px 26px}html[data-theme=math] .welcome-card:after{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNDAgMTQwIj4KICA8IS0tIGNoZWVyZnVsIGZsYXNrIHdpdGggYnViYmxlcywgYW4gb3JiaXRpbmcgYXRvbSwgYSBsaXR0bGUgZm9ybXVsYSAtLT4KICA8ZWxsaXBzZSBjeD0iNzAiIGN5PSIxMzMiIHJ4PSIzNCIgcnk9IjQiIGZpbGw9IiM0NjQwZGUiIG9wYWNpdHk9Ii4xNCIvPgogIDxwYXRoIGQ9Ik02MCAzNmgyMHYyNmwyNCA0MmExMiAxMiAwIDAgMS0xMCAxOEg0NmExMiAxMiAwIDAgMS0xMC0xOGwyNC00MnoiIGZpbGw9IiNmZmZmZmYiIHN0cm9rZT0iIzQ2NDBkZSIgc3Ryb2tlLXdpZHRoPSIzIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CiAgPHBhdGggZD0iTTQyIDk4aDU2bDYgMTBhMTAgMTAgMCAwIDEtOSAxNUg0NWExMCAxMCAwIDAgMS05LTE1eiIgZmlsbD0iIzdjM2FlZCIgb3BhY2l0eT0iLjg1Ii8+CiAgPHBhdGggZD0iTTU2IDM2aDI4IiBzdHJva2U9IiM0NjQwZGUiIHN0cm9rZS13aWR0aD0iNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIi8+CiAgPGNpcmNsZSBjeD0iNjAiIGN5PSI4MiIgcj0iMyIgZmlsbD0iIzJhMjQ2NiIvPgogIDxjaXJjbGUgY3g9IjgwIiBjeT0iODIiIHI9IjMiIGZpbGw9IiMyYTI0NjYiLz4KICA8cGF0aCBkPSJNNjQgOTBxNiA1IDEyIDAiIGZpbGw9Im5vbmUiIHN0cm9rZT0iIzJhMjQ2NiIgc3Ryb2tlLXdpZHRoPSIyLjQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIvPgogIDxjaXJjbGUgY3g9IjU2IiBjeT0iMTEwIiByPSIzIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuNyIvPgogIDxjaXJjbGUgY3g9IjcyIiBjeT0iMTA0IiByPSIyIiBmaWxsPSIjZmZmIiBvcGFjaXR5PSIuNyIvPgogIDxjaXJjbGUgY3g9Ijg0IiBjeT0iMTE0IiByPSIyLjUiIGZpbGw9IiNmZmYiIG9wYWNpdHk9Ii43Ii8+CiAgPGNpcmNsZSBjeD0iNzQiIGN5PSIyNCIgcj0iMyIgZmlsbD0iI2E1YTFmNSIvPgogIDxjaXJjbGUgY3g9Ijg0IiBjeT0iMTQiIHI9IjIiIGZpbGw9IiNhNWExZjUiLz4KICA8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMTIgMzQpIiBmaWxsPSJub25lIiBzdHJva2U9IiM0NjQwZGUiIHN0cm9rZS13aWR0aD0iMS44Ij4KICAgIDxlbGxpcHNlIHJ4PSIxNiIgcnk9IjYiLz4KICAgIDxlbGxpcHNlIHJ4PSIxNiIgcnk9IjYiIHRyYW5zZm9ybT0icm90YXRlKDYwKSIvPgogICAgPGVsbGlwc2Ugcng9IjE2IiByeT0iNiIgdHJhbnNmb3JtPSJyb3RhdGUoLTYwKSIvPgogIDwvZz4KICA8Y2lyY2xlIGN4PSIxMTIiIGN5PSIzNCIgcj0iMyIgZmlsbD0iIzdjM2FlZCIvPgogIDx0ZXh0IHg9IjEwIiB5PSI0MCIgZm9udC1mYW1pbHk9Ikdlb3JnaWEsIHNlcmlmIiBmb250LXN0eWxlPSJpdGFsaWMiIGZvbnQtc2l6ZT0iMTUiIGZpbGw9IiM0NjQwZGUiIG9wYWNpdHk9Ii43NSI+YcKyK2LCsjwvdGV4dD4KPC9zdmc+Cg==)}@media (min-width: 1500px){html[data-theme=math] .app-root:before,html[data-theme=math] .app-root:after{content:"";background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSIyNDAiIHZpZXdCb3g9IjAgMCA0MCAyNDAiIGZvbnQtZmFtaWx5PSJHZW9yZ2lhLCBzZXJpZiIgZm9udC1zdHlsZT0iaXRhbGljIiBmaWxsPSIjNDY0MGRlIiBmaWxsLW9wYWNpdHk9Ii4yMiIgdGV4dC1hbmNob3I9Im1pZGRsZSI+CiAgPCEtLSBjb2x1bW4gb2Ygc3ltYm9scyAtLT4KICA8dGV4dCB4PSIyMCIgeT0iMzAiIGZvbnQtc2l6ZT0iMjAiPs+APC90ZXh0PgogIDx0ZXh0IHg9IjIwIiB5PSI4MCIgZm9udC1zaXplPSIxOCI+4oiRPC90ZXh0PgogIDx0ZXh0IHg9IjIwIiB5PSIxMzAiIGZvbnQtc2l6ZT0iMTgiPuKImng8L3RleHQ+CiAgPHRleHQgeD0iMjAiIHk9IjE4MCIgZm9udC1zaXplPSIxOCI+4oiePC90ZXh0PgogIDx0ZXh0IHg9IjIwIiB5PSIyMjYiIGZvbnQtc2l6ZT0iMTgiPuKIqzwvdGV4dD4KPC9zdmc+Cg==)}html[data-theme=math] .app-root:after{transform:none}}html[data-theme=retro-pixel] .app-root{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3c!--%20faint%20pixel%20checker%20--%3e%3crect%20width='8'%20height='8'%20fill='%23ffd93d'%20fill-opacity='.022'/%3e%3crect%20x='8'%20y='8'%20width='8'%20height='8'%20fill='%234ecdc4'%20fill-opacity='.022'/%3e%3c/svg%3e");background-size:16px 16px}[data-theme=retro-pixel] .theme-logo-badge{box-shadow:3px 3px #00000073!important}html[data-theme=retro-pixel] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3c!--%208-bit%20hero%20sprite%20with%20a%20sword,%20plus%20a%20pixel%20heart%20--%3e%3cg%20fill='%23ffd93d'%3e%3crect%20x='5'%20y='1'%20width='5'%20height='1'/%3e%3crect%20x='4'%20y='2'%20width='7'%20height='1'/%3e%3c/g%3e%3cg%20fill='%23ffd93d'%3e%3crect%20x='4'%20y='3'%20width='1'%20height='1'/%3e%3crect%20x='10'%20y='3'%20width='1'%20height='1'/%3e%3c/g%3e%3cg%20fill='%23f5c9a0'%3e%3crect%20x='5'%20y='3'%20width='4'%20height='3'/%3e%3crect%20x='4'%20y='4'%20width='1'%20height='2'/%3e%3crect%20x='10'%20y='4'%20width='1'%20height='2'/%3e%3c/g%3e%3cg%20fill='%231a1a2e'%3e%3crect%20x='6'%20y='4'%20width='1'%20height='1'/%3e%3crect%20x='8'%20y='4'%20width='1'%20height='1'/%3e%3c/g%3e%3cg%20fill='%234ecdc4'%3e%3crect%20x='4'%20y='6'%20width='7'%20height='4'/%3e%3crect%20x='3'%20y='7'%20width='1'%20height='2'/%3e%3crect%20x='11'%20y='7'%20width='1'%20height='2'/%3e%3c/g%3e%3cg%20fill='%23ffd93d'%3e%3crect%20x='5'%20y='8'%20width='5'%20height='1'/%3e%3c/g%3e%3cg%20fill='%233a3a6e'%3e%3crect%20x='5'%20y='10'%20width='2'%20height='3'/%3e%3crect%20x='8'%20y='10'%20width='2'%20height='3'/%3e%3c/g%3e%3cg%20fill='%238b5a2b'%3e%3crect%20x='4'%20y='13'%20width='3'%20height='1'/%3e%3crect%20x='8'%20y='13'%20width='3'%20height='1'/%3e%3c/g%3e%3cg%20fill='%23e6e6f0'%3e%3crect%20x='12'%20y='2'%20width='1'%20height='5'/%3e%3c/g%3e%3cg%20fill='%23ffd93d'%3e%3crect%20x='11'%20y='7'%20width='3'%20height='1'/%3e%3c/g%3e%3cg%20fill='%238b5a2b'%3e%3crect%20x='12'%20y='8'%20width='1'%20height='2'/%3e%3c/g%3e%3cg%20fill='%23ff6b6b'%3e%3crect%20x='0'%20y='12'%20width='1'%20height='1'/%3e%3crect%20x='2'%20y='12'%20width='1'%20height='1'/%3e%3crect%20x='0'%20y='13'%20width='3'%20height='1'/%3e%3crect%20x='1'%20y='14'%20width='1'%20height='1'/%3e%3c/g%3e%3c/svg%3e");image-rendering:pixelated}@media (min-width: 1500px){html[data-theme=retro-pixel] .app-root:before,html[data-theme=retro-pixel] .app-root:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2016%2016'%20shape-rendering='crispEdges'%3e%3c!--%20pixel%20brick%20wall%20(repeats%20vertically)%20--%3e%3crect%20width='16'%20height='16'%20fill='%232d2d52'/%3e%3cg%20fill='%233a3a6e'%3e%3crect%20x='0'%20y='0'%20width='7'%20height='3'/%3e%3crect%20x='8'%20y='0'%20width='8'%20height='3'/%3e%3crect%20x='0'%20y='4'%20width='3'%20height='3'/%3e%3crect%20x='4'%20y='4'%20width='8'%20height='3'/%3e%3crect%20x='13'%20y='4'%20width='3'%20height='3'/%3e%3crect%20x='0'%20y='8'%20width='7'%20height='3'/%3e%3crect%20x='8'%20y='8'%20width='8'%20height='3'/%3e%3crect%20x='0'%20y='12'%20width='3'%20height='3'/%3e%3crect%20x='4'%20y='12'%20width='8'%20height='3'/%3e%3crect%20x='13'%20y='12'%20width='3'%20height='3'/%3e%3c/g%3e%3c/svg%3e");background-size:32px 32px;image-rendering:pixelated;width:32px}}html[data-theme=army] .app-root{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='320'%20height='320'%20viewBox='0%200%20320%20320'%20fill='none'%20stroke='%23c9be8c'%20stroke-opacity='.045'%20stroke-width='1.2'%3e%3c!--%20topographic%20map%20contours%20--%3e%3cpath%20d='M-20%2060c40-30%2090-30%20130%200s90%2030%20130%200%2070-20%20100%200'/%3e%3cpath%20d='M-20%2080c40-26%2090-26%20130%200s90%2026%20130%200%2070-18%20100%200'/%3e%3cellipse%20cx='230'%20cy='190'%20rx='70'%20ry='44'/%3e%3cellipse%20cx='230'%20cy='190'%20rx='48'%20ry='28'/%3e%3cellipse%20cx='230'%20cy='190'%20rx='24'%20ry='13'/%3e%3cpath%20d='M-20%20260c50%2020%20100%2010%20140-14s80-26%20120-6%2060%2020%20100%206'/%3e%3cpath%20d='M-20%20282c50%2018%20100%208%20140-14s80-24%20120-4%2060%2018%20100%204'/%3e%3cellipse%20cx='70'%20cy='170'%20rx='34'%20ry='24'/%3e%3cellipse%20cx='70'%20cy='170'%20rx='14'%20ry='9'/%3e%3c/svg%3e");background-size:320px 320px}[data-theme=army] .card-hover{border-color:var(--border)!important}[data-theme=army] .welcome-card{border-left:4px solid #8a6d3f}html[data-theme=army] .welcome-card h1{text-transform:uppercase;letter-spacing:.05em;font-size:20px!important}[data-theme=army] .theme-logo-badge{border-radius:4px!important;box-shadow:0 0 0 2px var(--bg-card),0 0 0 4px #8a6d3f!important}html[data-theme=army] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20friendly%20soldier:%20helmet%20with%20netting,%20dog%20tags,%20rank%20chevrons%20--%3e%3cellipse%20cx='70'%20cy='132'%20rx='44'%20ry='6'%20fill='%231c1f16'%20opacity='.45'/%3e%3cpath%20d='M30%20132c0-26%2018-40%2040-40s40%2014%2040%2040z'%20fill='%235f6b47'/%3e%3cpath%20d='M52%20100l18%2014%2018-14'%20fill='none'%20stroke='%233f4830'%20stroke-width='4'%20stroke-linejoin='round'/%3e%3cpath%20d='M38%20118l8-5%208%205M38%20125l8-5%208%205'%20fill='none'%20stroke='%23d9c88f'%20stroke-width='3'%20stroke-linecap='round'%20stroke-linejoin='round'/%3e%3cpath%20d='M70%2092v22'%20stroke='%23bfc6ae'%20stroke-width='1.5'%20stroke-dasharray='2%202'/%3e%3crect%20x='64'%20y='112'%20width='12'%20height='16'%20rx='3'%20fill='%23cfd5c0'%20stroke='%238b9277'%20stroke-width='1.5'/%3e%3ccircle%20cx='70'%20cy='68'%20r='25'%20fill='%23e2b98f'/%3e%3ccircle%20cx='61'%20cy='70'%20r='3'%20fill='%232b2f24'/%3e%3ccircle%20cx='79'%20cy='70'%20r='3'%20fill='%232b2f24'/%3e%3cpath%20d='M63%2080q7%206%2014%200'%20fill='none'%20stroke='%237a4e32'%20stroke-width='2.5'%20stroke-linecap='round'/%3e%3ccircle%20cx='56'%20cy='77'%20r='3'%20fill='%23e79a83'%20opacity='.5'/%3e%3ccircle%20cx='84'%20cy='77'%20r='3'%20fill='%23e79a83'%20opacity='.5'/%3e%3cpath%20d='M40%2064c0-20%2013-32%2030-32s30%2012%2030%2032z'%20fill='%236b7852'/%3e%3cpath%20d='M36%2064h68'%20stroke='%234f5940'%20stroke-width='7'%20stroke-linecap='round'/%3e%3cpath%20d='M48%2044l44%2018M56%2038l40%2020M44%2054l30%2010M62%2036l-14%2026M78%2034l-16%2028M92%2046l-12%2016'%20stroke='%234f5940'%20stroke-width='1.6'%20opacity='.85'/%3e%3cpath%20d='M70%2041l2.6%205.4%205.9.8-4.3%204.1%201%205.8-5.2-2.8-5.2%202.8%201-5.8-4.3-4.1%205.9-.8z'%20fill='%23d9c88f'/%3e%3c/svg%3e")}@media (min-width: 1500px){html[data-theme=army] .app-root:before,html[data-theme=army] .app-root:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='160'%20viewBox='0%200%2040%20160'%3e%3c!--%20stencilled%20star%20and%20rank%20chevrons%20--%3e%3cpath%20d='M20%2022l3.5%207%207.6%201.1-5.5%205.4%201.3%207.6L20%2039.5l-6.9%203.6%201.3-7.6-5.5-5.4%207.6-1.1z'%20fill='%23c9be8c'%20fill-opacity='.22'/%3e%3cpath%20d='M10%2092l10-7%2010%207M10%20102l10-7%2010%207M10%20112l10-7%2010%207'%20fill='none'%20stroke='%23c9be8c'%20stroke-opacity='.22'%20stroke-width='3.5'%20stroke-linejoin='round'/%3e%3c/svg%3e")}html[data-theme=army] .app-root:after{transform:none}}html[data-theme=pride] .app-root{background-image:none}[data-theme=pride]{--shadow-md: 0 6px 18px rgba(0, 0, 0, .35)}[data-theme=pride] .welcome-card{background-image:linear-gradient(90deg,#e40303,#ff8c00,#ffed00,#008026,#24408e,#732982),linear-gradient(135deg,var(--accent-soft-bg),var(--bg-card) 65%);background-size:100% 4px,auto;background-repeat:no-repeat;background-position:bottom,0 0}html[data-theme=pride] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20rainbow%20arc%20over%20two%20hearts%20--%3e%3cg%20fill='none'%20stroke-width='8'%20stroke-linecap='round'%3e%3cpath%20d='M14%20112a56%2056%200%200%201%20112%200'%20stroke='%23e40303'/%3e%3cpath%20d='M22%20112a48%2048%200%200%201%2096%200'%20stroke='%23ff8c00'/%3e%3cpath%20d='M30%20112a40%2040%200%200%201%2080%200'%20stroke='%23ffed00'/%3e%3cpath%20d='M38%20112a32%2032%200%200%201%2064%200'%20stroke='%23008026'/%3e%3cpath%20d='M46%20112a24%2024%200%200%201%2048%200'%20stroke='%2324408e'/%3e%3cpath%20d='M54%20112a16%2016%200%200%201%2032%200'%20stroke='%23732982'/%3e%3c/g%3e%3cpath%20d='M50%20134c-11-7-15-12-15-18a6.5%206.5%200%200%201%2015-3.6%206.5%206.5%200%200%201%2015%203.6c0%206-4%2011-15%2018z'%20fill='%23ff5da2'/%3e%3cpath%20d='M88%20134c-11-7-15-12-15-18a6.5%206.5%200%200%201%2015-3.6%206.5%206.5%200%200%201%2015%203.6c0%206-4%2011-15%2018z'%20fill='%237a5cff'/%3e%3c/svg%3e")}[data-theme=samurai]{--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 6px 18px rgba(0, 0, 0, .4);--shadow-lg: 0 14px 34px rgba(0, 0, 0, .5)}html[data-theme=samurai] .app-root{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='48'%20height='24'%20viewBox='0%200%2048%2024'%20fill='none'%20stroke='%23d4af37'%20stroke-opacity='.06'%20stroke-width='1'%3e%3c!--%20seigaiha%20(blue%20ocean%20wave)%20pattern%20--%3e%3cg%20id='w'%3e%3ccircle%20cx='24'%20cy='24'%20r='22'/%3e%3ccircle%20cx='24'%20cy='24'%20r='16'/%3e%3ccircle%20cx='24'%20cy='24'%20r='10'/%3e%3ccircle%20cx='24'%20cy='24'%20r='4'/%3e%3c/g%3e%3cuse%20href='%23w'%20x='-24'%20y='-12'/%3e%3cuse%20href='%23w'%20x='24'%20y='-12'/%3e%3c/svg%3e");background-size:48px 24px}[data-theme=samurai] .welcome-card{border-left:4px solid var(--accent)}[data-theme=samurai] .theme-logo-badge{border-radius:4px!important;box-shadow:0 0 0 2px var(--bg-card),0 0 0 3px var(--accent-2)!important}html[data-theme=samurai] .welcome-card:after{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20140%20140'%3e%3c!--%20young%20samurai:%20red%20sun%20disc,%20hachimaki%20headband,%20topknot,%20katana%20--%3e%3ccircle%20cx='92'%20cy='50'%20r='34'%20fill='%23b0272d'%20opacity='.9'/%3e%3cpath%20d='M18%20112L122%2020'%20stroke='%23d4af37'%20stroke-width='3'%20stroke-linecap='round'/%3e%3cpath%20d='M22%20108L40%2092'%20stroke='%232a1d17'%20stroke-width='7'%20stroke-linecap='round'/%3e%3cpath%20d='M38%2094l6%206'%20stroke='%23d4af37'%20stroke-width='4'%20stroke-linecap='round'/%3e%3cellipse%20cx='70'%20cy='133'%20rx='40'%20ry='5'%20fill='%23000'%20opacity='.35'/%3e%3cpath%20d='M32%20132c0-24%2017-38%2038-38s38%2014%2038%2038z'%20fill='%232e2420'/%3e%3cpath%20d='M70%2096l-16%2036M70%2096l16%2036'%20stroke='%23f0e6d8'%20stroke-width='5'/%3e%3cpath%20d='M48%20132l22-34%2022%2034'%20fill='%233d1f21'/%3e%3ccircle%20cx='70'%20cy='70'%20r='24'%20fill='%23efc9a4'/%3e%3cpath%20d='M46%2066c2-18%2012-26%2024-26s22%208%2024%2026c-6-8-14-11-24-11s-18%203-24%2011z'%20fill='%231a1512'/%3e%3cpath%20d='M64%2041c0-9%2012-9%2012%200'%20fill='%231a1512'/%3e%3crect%20x='66'%20y='30'%20width='8'%20height='12'%20rx='4'%20fill='%231a1512'/%3e%3cpath%20d='M46%2060h48'%20stroke='%23b0272d'%20stroke-width='6'%20stroke-linecap='round'/%3e%3cpath%20d='M94%2060l10-4M94%2060l9%206'%20stroke='%23b0272d'%20stroke-width='3.5'%20stroke-linecap='round'/%3e%3cpath%20d='M58%2070l8%202M82%2070l-8%202'%20stroke='%231a1512'%20stroke-width='2.5'%20stroke-linecap='round'/%3e%3ccircle%20cx='62'%20cy='75'%20r='2.6'%20fill='%231a1512'/%3e%3ccircle%20cx='78'%20cy='75'%20r='2.6'%20fill='%231a1512'/%3e%3cpath%20d='M65%2084q5%203%2010%200'%20fill='none'%20stroke='%237a3b2a'%20stroke-width='2.2'%20stroke-linecap='round'/%3e%3c/svg%3e")}@media (min-width: 1500px){html[data-theme=samurai] .app-root:before,html[data-theme=samurai] .app-root:after{content:"";background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='40'%20height='220'%20viewBox='0%200%2040%20220'%3e%3c!--%20bamboo%20stalk%20with%20leaves%20--%3e%3crect%20x='14'%20y='0'%20width='12'%20height='220'%20fill='%233b4a2a'/%3e%3crect%20x='16'%20y='0'%20width='3'%20height='220'%20fill='%2356693c'/%3e%3crect%20x='12'%20y='70'%20width='16'%20height='4'%20rx='2'%20fill='%232c3820'/%3e%3crect%20x='12'%20y='180'%20width='16'%20height='4'%20rx='2'%20fill='%232c3820'/%3e%3cpath%20d='M26%2072c8-6%2012-12%2013-20-8%202-12%208-13%2020zM14%20182c-8-4-12-10-13-18%208%202%2012%208%2013%2018z'%20fill='%2356693c'/%3e%3c/svg%3e")}}@keyframes idle-breathe{50%{transform:translateY(-2px) scale(1.012)}}@keyframes idle-bob{50%{transform:translateY(-4px)}}@keyframes idle-sway{0%,to{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}@keyframes idle-hover{50%{transform:translateY(-6px)}}@keyframes idle-tilt{0%,70%,to{transform:rotate(0)}80%{transform:rotate(-4deg)}90%{transform:rotate(3deg)}}@keyframes idle-wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes idle-step{50%{transform:translateY(-3px)}}@keyframes mascot-hop{30%{transform:translateY(-9px)}55%{transform:translateY(0)}75%{transform:translateY(-3px)}}html[data-theme] .welcome-card:after{transform-origin:50% 100%}html[data-theme=samurai] .welcome-card:after{animation:mascot-in .6s cubic-bezier(.2,.8,.2,1) both,idle-breathe 4.5s ease-in-out .6s infinite}html[data-theme=army] .welcome-card:after{animation:mascot-in .6s cubic-bezier(.2,.8,.2,1) both,idle-bob 3.2s ease-in-out .6s infinite}html[data-theme=kawaii] .welcome-card:after{animation:mascot-in .6s cubic-bezier(.2,.8,.2,1) both,idle-sway 3.6s ease-in-out .6s infinite}html[data-theme=cyberpunk] .welcome-card:after{animation:mascot-in .6s cubic-bezier(.2,.8,.2,1) both,idle-hover 3.8s ease-in-out .6s infinite}html[data-theme=classical] .welcome-card:after{animation:mascot-in .6s cubic-bezier(.2,.8,.2,1) both,idle-tilt 6s ease-in-out .6s infinite}html[data-theme=math] .welcome-card:after{animation:mascot-in .6s cubic-bezier(.2,.8,.2,1) both,idle-wobble 3s ease-in-out .6s infinite}html[data-theme=retro-pixel] .welcome-card:after{animation:mascot-in .6s steps(4) both,idle-step 1.2s steps(1) .6s infinite}html[data-theme] .welcome-card[data-talking=true]:after{animation:mascot-hop .65s ease-out}html[data-theme] .welcome-card>.mascot-bubble{position:absolute;z-index:2;top:-16px;right:118px;max-width:min(340px,50vw);padding:7px 12px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-md);font:inherit;font-size:12.5px;font-weight:600;line-height:1.35;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(6px) scale(.96);transform-origin:100% 100%;transition:opacity .26s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s linear .32s}html[data-theme] .welcome-card>.mascot-bubble[data-visible=true]{opacity:1;visibility:visible;transform:none;transition:opacity .26s ease,transform .32s cubic-bezier(.2,.8,.2,1),visibility 0s}html[data-theme] .welcome-card>.mascot-bubble:after{content:"";position:absolute;right:-6px;bottom:9px;width:10px;height:10px;background:inherit;border-right:1px solid var(--border-strong);border-top:1px solid var(--border-strong);transform:rotate(45deg)}html[data-theme] .welcome-card>.mascot-bubble:hover{filter:none;border-color:var(--accent)}@media (max-width: 640px){html[data-theme] .welcome-card>.mascot-bubble{top:auto;bottom:62px;right:8px;max-width:64%;padding:5px 10px;white-space:normal;font-size:11px;transform-origin:90% 100%}html[data-theme] .welcome-card>.mascot-bubble:after{right:22px;bottom:-6px;border-top:none;border-left:none;border-bottom:1px solid var(--border-strong)}}html[data-theme=samurai] .welcome-card>.mascot-bubble{border-left:3px solid var(--accent)}html[data-theme=army] .welcome-card>.mascot-bubble{border-color:#8a6d3f;border-radius:4px;letter-spacing:.01em}html[data-theme=kawaii] .welcome-card>.mascot-bubble{border-color:var(--accent-soft);border-radius:999px}html[data-theme=cyberpunk] .welcome-card>.mascot-bubble{border-color:var(--accent);border-radius:4px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:12px}html[data-theme=classical] .welcome-card>.mascot-bubble{font-style:italic;border-radius:6px}html[data-theme=retro-pixel] .welcome-card>.mascot-bubble{border:2px solid var(--accent);border-radius:0;box-shadow:3px 3px #00000073}html[data-theme=retro-pixel] .welcome-card>.mascot-bubble:after{border-width:2px;border-color:var(--accent)}@media (prefers-reduced-motion: reduce){html[data-theme] .welcome-card:after,html[data-theme] .welcome-card[data-talking=true]:after{animation:none}html[data-theme] .welcome-card>.mascot-bubble{transition:none}}