:root{--bg: #14122a;--bg-gradient: radial-gradient(ellipse 80% 60% at 50% -10%, #2c2470 0%, #14122a 60%);--surface: #1e1b46;--surface-2: #262158;--surface-border: #3b3576;--text: #f4f2ff;--text-muted: #aca6d9;--text-faint: #7a75a8;--accent: #f5b942;--accent-strong: #ffce6b;--accent-ink: #3a2600;--danger: #ff7a7a;--danger-bg: #3a1a24;--danger-border: #6b2b3a;--ok: #6ee7b7;--ok-bg: #103a30;--focus-ring: #ffce6b;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--shadow-card: 0 6px 20px rgba(6, 4, 24, .45);--shadow-pop: 0 2px 8px rgba(6, 4, 24, .35);--font-display: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", sans-serif;--font-body: "Noto Sans JP", "Hiragino Sans", sans-serif;--subject-kokugo: #e2897a;--subject-math: #7dd3fc;--subject-english: #fbbf6b;--subject-science: #5fc7bb;--subject-social: #93c47d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}button{font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:20px 16px 40px}.splash{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-family:var(--font-display);gap:12px}.login-shell{width:100%;max-width:380px;margin:auto 0;display:flex;flex-direction:column;align-items:center;gap:28px}.login-brand{text-align:center}.login-gate{width:84px;height:84px;margin:0 auto 14px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--accent-strong),var(--accent) 60%,#a9741c 100%);box-shadow:0 0 0 6px #f5b9421f,0 10px 30px #f5b94240;display:flex;align-items:center;justify-content:center;font-size:36px}.login-title{font-family:var(--font-display);font-weight:900;font-size:26px;margin:0 0 6px;letter-spacing:.02em}.login-subtitle{color:var(--text-muted);font-size:13.5px;margin:0}.login-card{width:100%;background:var(--surface);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:26px 22px;box-shadow:var(--shadow-card)}.field{margin-bottom:16px}.field label{display:block;font-size:13px;font-weight:700;color:var(--text-muted);margin-bottom:6px}.field input{width:100%;min-height:48px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--bg);color:var(--text);font-size:16px}.field input::placeholder{color:var(--text-faint)}.btn-primary{width:100%;min-height:50px;border:none;border-radius:var(--radius-sm);background:linear-gradient(180deg,var(--accent-strong),var(--accent));color:var(--accent-ink);font-family:var(--font-display);font-weight:700;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:not(:disabled):active{transform:translateY(1px)}.error-banner{display:flex;align-items:flex-start;gap:8px;background:var(--danger-bg);border:1px solid var(--danger-border);color:#ffd8d8;border-radius:var(--radius-sm);padding:12px 14px;font-size:13.5px;margin-bottom:16px}.error-banner .icon{flex-shrink:0}.spinner{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(58,38,0,.35);border-top-color:var(--accent-ink);animation:spin .7s linear infinite}.spinner.on-dark{border:2.5px solid rgba(244,242,255,.2);border-top-color:var(--text)}@keyframes spin{to{transform:rotate(360deg)}}.home-shell{width:100%;max-width:640px}.home-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px 20px}.student-id{display:flex;align-items:center;gap:12px;min-width:0}.student-avatar-placeholder{width:44px;height:44px;border-radius:50%;background:var(--surface-2);border:1px solid var(--surface-border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:var(--accent-strong);flex-shrink:0}.student-text{min-width:0}.student-name{font-family:var(--font-display);font-weight:700;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-grade{font-size:12.5px;color:var(--text-muted)}.btn-logout{flex-shrink:0;min-height:40px;padding:0 14px;border-radius:var(--radius-sm);border:1px solid var(--surface-border);background:var(--surface);color:var(--text-muted);font-size:13px;font-weight:700;cursor:pointer}.home-headline{font-family:var(--font-display);font-weight:900;font-size:21px;margin:4px 4px 18px;text-wrap:balance}.subject-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}@media (min-width: 480px){.subject-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.subject-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;width:100%;min-height:148px;padding:16px 14px;border-radius:var(--radius-md);border:1px solid var(--surface-border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;box-shadow:var(--shadow-pop)}.subject-card:not(:disabled):active{transform:translateY(1px)}.subject-card:disabled{cursor:not-allowed;opacity:.62}.subject-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;background:color-mix(in srgb,var(--subject-color, var(--accent)) 22%,var(--surface-2));border:1px solid color-mix(in srgb,var(--subject-color, var(--accent)) 45%,transparent)}.subject-name{font-family:var(--font-display);font-weight:700;font-size:15.5px}.subject-status{margin-top:auto;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:4px}.subject-status.status-ok{background:var(--ok-bg);color:var(--ok)}.subject-status.status-muted{background:#ffffff0f;color:var(--text-faint)}.launch-toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%);background:var(--surface-2);border:1px solid var(--surface-border);color:var(--text);padding:12px 18px;border-radius:var(--radius-sm);font-size:13.5px;box-shadow:var(--shadow-card);max-width:calc(100% - 32px);text-align:center;z-index:10}.account-inactive{width:100%;max-width:420px;margin:auto;text-align:center;background:var(--surface);border:1px solid var(--danger-border);border-radius:var(--radius-lg);padding:28px 22px}.account-inactive h2{font-family:var(--font-display);margin:0 0 10px}.account-inactive p{color:var(--text-muted);font-size:14px;margin:0 0 18px}.subjects-loading,.subjects-error{padding:24px 4px;color:var(--text-muted);display:flex;align-items:center;gap:10px}