@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap";:root{--primary-hue:350;--accent-hue:38;--primary:hsl(var(--primary-hue), 85%, 50%);--primary-hover:hsl(var(--primary-hue), 85%, 43%);--primary-light:hsl(var(--primary-hue), 90%, 95%);--primary-glow:hsla(var(--primary-hue), 85%, 50%, .15);--secondary:#b34de6;--accent:hsl(var(--accent-hue), 90%, 55%);--accent-hover:hsl(var(--accent-hue), 90%, 48%);--accent-light:hsl(var(--accent-hue), 90%, 96%);--success:#1ab366;--success-glow:#1ab36626;--error:#e62b1a;--error-glow:#e62b1a26;--warning:#f9a006;--bg-app:#f7f6f2;--bg-panel:#ffffffbf;--bg-input:#fff;--border:#21242c14;--border-glow:hsla(var(--primary-hue), 85%, 50%, .15);--text-main:#252b37;--text-muted:#676f7e;--text-light:#9da3af;--text-inverse:#fff;--font-heading:"Outfit", "Plus Jakarta Sans", sans-serif;--font-body:"Plus Jakarta Sans", sans-serif;--font-japanese:"Noto Sans JP", "Hiragino Kaku Gothic Pro", sans-serif;--glass-blur:16px;--glass-shadow:0 8px 32px 0 #8e44ad0d, 0 4px 12px 0 #00000008;--card-radius:20px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.5s cubic-bezier(.175, .885, .32, 1.275)}@media (prefers-color-scheme:dark){:root{--bg-app:#131720;--bg-panel:#1b202db3;--bg-input:#171b26;--border:#e0e3eb14;--border-glow:hsla(var(--primary-hue), 80%, 55%, .25);--primary-light:hsl(var(--primary-hue), 30%, 18%);--primary-glow:hsla(var(--primary-hue), 85%, 50%, .25);--accent-light:hsl(var(--accent-hue), 30%, 18%);--text-main:#e7e9ef;--text-muted:#b9bdc6;--text-light:#818898;--glass-shadow:0 8px 32px 0 #0000005e, inset 0 1px 1px 0 #ffffff0d}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-main);-webkit-font-smoothing:antialiased;transition:background-color var(--transition-normal);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-app)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--primary-glow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);font-weight:700;line-height:1.2}h1{letter-spacing:-.03em;font-size:2.8rem}h2{letter-spacing:-.02em;font-size:2rem}h3{font-size:1.4rem;font-weight:600}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-hover)}button{cursor:pointer;font-family:var(--font-body);transition:all var(--transition-fast);background:0 0;border:none}input,select,textarea{font-family:var(--font-body);outline:none}.app-container{flex-direction:column;min-height:100vh;display:flex;position:relative}.bg-glow-1{filter:blur(80px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#ec13371f 0%,#fff0 70%);border-radius:50%;width:40vw;height:40vw;position:fixed;top:-10%;left:-10%}.bg-glow-2{filter:blur(80px);pointer-events:none;z-index:-1;background:radial-gradient(circle,#f4a8251a 0%,#fff0 70%);border-radius:50%;width:45vw;height:45vw;position:fixed;bottom:-10%;right:-10%}.main-header{z-index:100;-webkit-backdrop-filter:blur(var(--glass-blur));background-color:var(--bg-panel);border-bottom:1px solid var(--border);transition:all var(--transition-normal);position:sticky;top:0}.header-content{align-items:center;gap:1rem;max-width:1280px;margin:0 auto;padding:.7rem 1.25rem;display:flex}.header-content-public{justify-content:space-between}.header-content-app{grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;display:grid}.header-brand{flex-shrink:0;justify-self:start;align-items:center;gap:.65rem;min-width:0;display:flex}.logo-circle{aspect-ratio:1;background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;width:42px;min-width:42px;height:42px;font-size:1.15rem;font-weight:700;font-family:var(--font-japanese);box-shadow:0 4px 10px var(--primary-glow);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:flex}.logo-text{flex-direction:column;min-width:0;line-height:1.05;display:flex}.logo-text-primary{font-family:var(--font-heading);color:var(--primary);letter-spacing:-.02em;font-size:1.15rem;font-weight:700}.logo-text-secondary{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:.72rem;font-weight:600}.header-desktop-nav{justify-content:center;justify-self:center;align-items:center;gap:.15rem;min-width:0;display:flex}.header-actions{flex-shrink:0;justify-content:flex-end;justify-self:end;align-items:center;gap:.45rem;display:flex}.header-lang-btn{justify-content:center;align-items:center;gap:.4rem;height:40px;display:inline-flex;box-shadow:none!important;border-radius:10px!important;padding:0 .75rem!important;font-size:.82rem!important}.nav-link{color:var(--text-muted);white-space:nowrap;transition:all var(--transition-fast);border-radius:12px;align-items:center;gap:.4rem;padding:.5rem .85rem;font-size:.88rem;font-weight:600;display:inline-flex}.nav-link:hover{color:var(--primary);background-color:var(--primary-glow)}.nav-link.active{color:var(--primary);background-color:var(--primary-glow);box-shadow:inset 0 0 0 1px var(--border-glow)}.user-menu{position:relative}.user-menu-trigger{border:1px solid var(--border);background:var(--bg-input);height:40px;color:var(--text-main);max-width:180px;box-shadow:none;border-radius:10px;align-items:center;gap:.45rem;padding:0 .55rem 0 .35rem;font-size:.85rem;font-weight:600;display:inline-flex}.user-menu-trigger:hover,.user-menu-trigger.open{border-color:var(--border-glow);box-shadow:0 0 0 3px var(--primary-glow)}.user-menu-avatar{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.82rem;font-weight:700;display:inline-flex}.user-menu-avatar-lg{width:40px;height:40px;font-size:1rem}.user-menu-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-menu-chevron{color:var(--text-light);transition:transform var(--transition-fast);flex-shrink:0}.user-menu-chevron.open{transform:rotate(180deg)}.user-menu-dropdown{border:1px solid var(--border);background:var(--bg-input);min-width:240px;box-shadow:var(--glass-shadow);z-index:200;border-radius:14px;padding:.5rem;position:absolute;top:calc(100% + .45rem);right:0}.user-menu-header{align-items:center;gap:.65rem;padding:.45rem .55rem;display:flex}.user-menu-meta{flex-direction:column;gap:.1rem;min-width:0;display:flex}.user-menu-meta strong{font-size:.9rem}.user-menu-email{color:var(--text-light);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.user-menu-badges{flex-wrap:wrap;gap:.35rem;margin-top:.25rem;display:flex}.user-menu-badge{border-radius:999px;align-items:center;gap:.25rem;padding:2px 7px;font-size:.68rem;font-weight:700;display:inline-flex}.user-menu-badge-admin{color:var(--primary);background:#e74c3c1f}.user-menu-badge-premium{color:var(--secondary);background:#9b59b626}.user-menu-divider{background:var(--border);height:1px;margin:.35rem 0}.user-menu-item{width:100%;color:var(--text-main);text-align:left;border-radius:10px;align-items:center;gap:.55rem;padding:.55rem .65rem;font-size:.88rem;font-weight:600;display:flex}.user-menu-item:hover,.user-menu-item.active{background:var(--primary-glow);color:var(--primary)}.user-menu-item-admin{color:var(--primary)}.user-menu-item-danger{color:var(--error)}.user-menu-item-danger:hover{background:var(--error-glow);color:var(--error)}.mobile-bottom-nav{z-index:110;padding:.35rem .5rem calc(.35rem + env(safe-area-inset-bottom));background:var(--bg-panel);-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border);justify-content:space-around;align-items:center;gap:.15rem;display:none;position:fixed;bottom:0;left:0;right:0}.mobile-nav-item{color:var(--text-light);border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.15rem;min-width:0;padding:.35rem .15rem;font-size:.65rem;font-weight:600;display:flex}.mobile-nav-item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mobile-nav-item:hover,.mobile-nav-item.active{color:var(--primary);background:var(--primary-glow)}.mobile-sheet-backdrop{z-index:120;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.mobile-sheet{background:var(--bg-input);width:100%;max-width:480px;padding:1rem 1rem calc(1rem + env(safe-area-inset-bottom));border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:20px 20px 0 0}.mobile-sheet-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.mobile-sheet-header h3{font-size:1rem}.mobile-sheet-close{width:36px;height:36px;color:var(--text-muted);border:1px solid var(--border);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.mobile-sheet-links{flex-direction:column;gap:.35rem;display:flex}.mobile-sheet-link{width:100%;color:var(--text-main);text-align:left;border-radius:12px;align-items:center;gap:.65rem;padding:.75rem .85rem;font-weight:600;display:flex}.mobile-sheet-link:hover,.mobile-sheet-link.active{background:var(--primary-glow);color:var(--primary)}.mobile-sheet-link-admin{color:var(--primary)}body.has-mobile-nav{padding-bottom:72px}@media (width<=1100px){.nav-link span{display:none}.nav-link{padding:.5rem .65rem}}@media (width<=900px){.header-lang-label{display:none}.header-lang-btn{width:40px;padding:0!important}.user-menu-name{display:none}.user-menu-trigger{justify-content:center;width:40px;max-width:none;padding:0}}@media (width<=768px){.header-content-app{justify-content:space-between;display:flex}.header-desktop-nav,.logo-text-desktop{display:none}.mobile-bottom-nav{display:flex}.footer-content{flex-direction:column}}@media (width>=769px){.mobile-bottom-nav,.mobile-sheet-backdrop{display:none!important}}.glass-panel{background-color:var(--bg-panel);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--border);border-radius:var(--card-radius);box-shadow:var(--glass-shadow);transition:transform var(--transition-normal), box-shadow var(--transition-normal), border-color var(--transition-normal)}.glass-panel:hover{border-color:var(--border-glow)}.ja-text{font-family:var(--font-japanese)}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem}.btn{transition:all var(--transition-bounce);border-radius:14px;justify-content:center;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:1rem;font-weight:600;display:inline-flex;box-shadow:0 4px 10px #0000000d}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg, var(--primary), hsl(var(--primary-hue), 85%, 45%));color:var(--text-inverse);box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{box-shadow:0 6px 20px var(--primary-glow);color:var(--text-inverse);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-input);border:1px solid var(--border);color:var(--text-main)}.btn-secondary:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px)}.btn-accent{background:linear-gradient(135deg, var(--accent), var(--primary));color:var(--text-inverse);box-shadow:0 4px 15px hsla(var(--accent-hue), 90%, 55%, .25)}.btn-accent:hover{box-shadow:0 6px 20px hsla(var(--accent-hue), 90%, 55%, .35);color:var(--text-inverse);transform:translateY(-2px)}.main-footer{text-align:center;background-color:var(--bg-panel);border-top:1px solid var(--border);color:var(--text-light);padding:2rem 1.5rem;font-size:.9rem}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;display:flex}.marketing-landing{flex-direction:column;gap:2rem;max-width:960px;margin:0 auto;padding-bottom:2rem;display:flex}.marketing-hero{text-align:center;padding:2.5rem 2rem}.marketing-hero-badge{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:inline-flex}.marketing-hero-logo{width:80px;height:80px;margin:0 auto 1rem;font-size:2.2rem}.marketing-hero h1{margin-bottom:.75rem;font-size:clamp(2rem,5vw,2.6rem)}.marketing-hero-lead{color:var(--text-muted);max-width:640px;margin:0 auto 1.5rem;line-height:1.55}.marketing-hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:1rem;display:flex}.marketing-hero-free{color:var(--text-light);font-size:.88rem}.marketing-section{padding:2rem}.marketing-section-icon{color:var(--secondary);margin-bottom:.75rem}.marketing-section h2{margin-bottom:.75rem}.marketing-section p{color:var(--text-muted);margin-bottom:.75rem;line-height:1.55}.marketing-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.marketing-feature-card{padding:1.25rem}.marketing-feature-card h3{margin:.5rem 0;font-size:1rem}.marketing-feature-card p{color:var(--text-muted);font-size:.85rem;line-height:1.4}.marketing-cta-bottom{text-align:center;padding:2rem}.marketing-cta-bottom p{color:var(--text-muted);margin:.75rem 0 1.25rem}.header-brand-btn{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.header-login-btn{padding:.55rem 1rem;font-size:.88rem}.header-register-btn{white-space:nowrap;padding:.55rem 1rem;font-size:.88rem}@media (width<=900px){.header-desktop-nav{display:none}.header-register-btn,.header-login-btn{padding:.45rem .65rem;font-size:.72rem}}.auth-page{max-width:480px;margin:0 auto}.auth-page-back{margin-bottom:1rem;font-size:.88rem}.auth-password-wrap{align-items:center;display:flex;position:relative}.auth-field-icon{color:var(--text-light);pointer-events:none;position:absolute;left:12px}.auth-password-input{border:1px solid var(--border);background-color:var(--bg-input);width:100%;color:var(--text-main);border-radius:12px;padding:.8rem 2.8rem .8rem 2.4rem;font-size:.95rem}.auth-password-toggle{color:var(--text-muted);border-radius:8px;padding:.4rem;position:absolute;right:8px}.auth-password-toggle:hover{color:var(--primary);background:var(--primary-glow)}.study-hub-header-actions{flex-wrap:wrap;align-items:stretch;gap:.75rem;display:flex}.study-level-change-btn{align-self:center;padding:.55rem 1rem;font-size:.82rem}.home-hero .home-hero-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.register-prompt-backdrop{z-index:250;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.register-prompt-panel{text-align:center;width:100%;max-width:420px;padding:2rem 1.5rem;position:relative}.register-prompt-close{color:var(--text-muted);position:absolute;top:1rem;right:1rem}.register-prompt-icon{background:var(--primary-glow);width:56px;height:56px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1rem;display:flex}.register-prompt-note{color:var(--text-muted);margin:.75rem 0 1.25rem;font-size:.85rem}.register-prompt-later{color:var(--text-muted);margin-top:.75rem;font-size:.85rem}.booking-preview{max-width:960px;margin:0 auto}.booking-preview-header h2{margin-bottom:.5rem}.booking-preview-header p{color:var(--text-muted);font-size:.9rem}.booking-preview-grid{gap:1.25rem;margin-top:1.25rem;display:grid}@media (width>=800px){.booking-preview-grid{grid-template-columns:1fr 1.2fr}}.booking-preview-calendar{padding:1.25rem}.booking-preview-cal-head{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.booking-preview-cal-grid{grid-template-columns:repeat(7,1fr);gap:.35rem;font-size:.8rem;display:grid}.booking-preview-day{aspect-ratio:1;color:var(--text-light);border-radius:8px;justify-content:center;align-items:center;display:flex}.booking-preview-day.available{background:var(--primary-glow);color:var(--primary);font-weight:600}.booking-preview-day.selected{background:var(--primary);color:#fff}.booking-preview-slots{flex-wrap:wrap;align-items:center;gap:.5rem 1rem;margin-top:1rem;font-size:.85rem;display:flex}.booking-preview-slots .muted{color:var(--text-light)}.booking-preview-form{flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.booking-preview-fields label{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.booking-preview-fields input,.booking-preview-fields select{border:1px solid var(--border);background:var(--bg-input);border-radius:8px;flex:1;padding:.6rem}.booking-preview-payment{align-items:flex-start;gap:.75rem;padding:1rem;display:flex}.booking-preview-payment p{color:var(--text-muted);margin:.25rem 0 0;font-size:.82rem}.booking-preview-meet{color:var(--text-muted);align-items:center;gap:.5rem;font-size:.85rem;display:flex}.guest-tutor-preview,.guest-flashcards-preview{max-width:720px;margin:0 auto}.guest-tutor-chat{padding:0;overflow:hidden}.guest-tutor-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;padding:1rem 1.25rem;display:flex}.guest-tutor-header span{color:var(--text-muted);font-size:.78rem;display:block}.guest-tutor-messages{flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.guest-tutor-msg{gap:.5rem;max-width:90%;display:flex}.guest-tutor-msg.user{background:var(--primary);color:#fff;border-radius:14px 14px 4px;margin-left:auto;padding:.65rem 1rem}.guest-tutor-msg.assistant{background:var(--bg-input);border-radius:14px 14px 14px 4px;padding:.65rem 1rem}.guest-tutor-msg.muted{opacity:.65;font-style:italic}.guest-tutor-input{border-top:1px solid var(--border);color:var(--text-muted);cursor:pointer;align-items:center;gap:.75rem;padding:1rem 1.25rem;font-size:.9rem;display:flex}.guest-tutor-note{text-align:center;color:var(--text-muted);margin-top:1rem;font-size:.82rem}.guest-flashcards-preview header p{color:var(--text-muted);font-size:.9rem}.guest-flashcard{text-align:center;cursor:pointer;margin-top:1.25rem;padding:2rem}.guest-flashcard-char{margin:1rem 0;font-size:4rem}.guest-flashcard-hint{color:var(--text-muted);font-size:.85rem}.home-landing{flex-direction:column;gap:1.5rem;max-width:1100px;margin:0 auto;display:flex}.home-hero{text-align:center;padding:2rem}.home-hero-badge{color:var(--primary);align-items:center;gap:.4rem;margin-bottom:1rem;font-size:.85rem;font-weight:600;display:inline-flex}.home-hero h1{margin-bottom:.75rem;font-size:clamp(1.5rem,4vw,2.2rem)}.home-hero-stats{flex-wrap:wrap;justify-content:center;gap:2rem;margin:1.5rem 0;display:flex}.home-hero-stats div{text-align:center}.home-hero-stats strong{color:var(--primary);font-size:1.4rem;display:block}.home-hero-stats span{color:var(--text-muted);font-size:.78rem}.home-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;display:grid}.home-card{flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.home-card-icon{margin-bottom:.25rem}.home-card-btn{width:100%;margin-top:auto}.onboarding-overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.onboarding-panel{text-align:center;width:100%;max-width:480px;padding:2rem;position:relative}.onboarding-close{color:var(--text-muted);border-radius:8px;padding:.35rem;position:absolute;top:.75rem;right:.75rem}.onboarding-close:hover{color:var(--text-main);background:var(--bg-input)}.onboarding-panel-wide{text-align:left;max-width:720px}.onboarding-icon{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1rem;font-size:1.8rem;display:flex}.onboarding-list{text-align:left;color:var(--text-muted);margin:1rem 0 1.5rem;padding-left:1.25rem;line-height:1.6}.onboarding-level-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;max-height:50vh;margin-bottom:1.25rem;display:grid;overflow-y:auto}.onboarding-level-card{border:2px solid var(--border);background:var(--bg-input);text-align:left;transition:border-color var(--transition-fast);border-radius:12px;padding:.9rem}.onboarding-level-card.selected{border-color:var(--primary);background:var(--primary-glow)}.onboarding-level-card strong{margin-bottom:.25rem;font-size:.9rem;display:block}.onboarding-level-card span{color:var(--primary);font-size:.75rem;font-weight:600}.onboarding-level-card small{color:var(--text-muted);margin-top:.35rem;font-size:.72rem;line-height:1.3;display:block}.study-hub{max-width:1100px;margin:0 auto}.study-hub-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.25rem;display:flex}.study-hub-header h2{margin-bottom:.35rem;font-size:1.75rem}.study-hub-header p{color:var(--text-muted);max-width:520px;font-size:.9rem}.study-hub-progress{text-align:center;min-width:120px;padding:.75rem 1.25rem}.study-hub-progress strong{color:var(--primary);font-size:1.5rem;display:block}.study-hub-progress span{color:var(--text-muted);font-size:.75rem}.study-level-tabs{-webkit-overflow-scrolling:touch;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.study-level-tab{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);transition:all var(--transition-fast);border-radius:999px;flex-shrink:0;padding:.5rem 1rem;font-size:.82rem;font-weight:600}.study-level-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.study-level-desc{color:var(--text-muted);margin-bottom:1.25rem;font-size:.88rem;line-height:1.4}.study-unit-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.study-unit-card{text-align:left;cursor:pointer;border:1px solid var(--border);transition:transform var(--transition-fast), border-color var(--transition-fast);padding:1.1rem;position:relative}.study-unit-card:hover{border-color:var(--primary);transform:translateY(-2px)}.study-unit-card.completed{border-color:#2ecc7166}.study-unit-type{text-transform:uppercase;letter-spacing:.04em;border-radius:4px;margin-bottom:.5rem;padding:2px 6px;font-size:.68rem;font-weight:700;display:inline-block}.study-unit-type.type-kana,.study-unit-type.type-vocab{background:var(--primary-glow);color:var(--primary)}.study-unit-type.type-kanji,.study-unit-type.type-grammar{color:var(--secondary);background:#9b59b61f}.study-unit-type.type-review{color:var(--accent);background:#f39c121f}.study-unit-card h3{margin-bottom:.35rem;font-size:1rem}.study-unit-card p{color:var(--text-muted);font-size:.8rem;line-height:1.35}.study-unit-done{color:var(--success);align-items:center;gap:.25rem;margin-top:.5rem;font-size:.72rem;font-weight:600;display:inline-flex}.admin-activity-panel{padding:1.25rem}.admin-activity-list{flex-direction:column;gap:.5rem;max-height:360px;display:flex;overflow-y:auto}.admin-activity-item{background:var(--bg-input);border-radius:10px;flex-wrap:wrap;gap:.5rem 1rem;padding:.65rem .85rem;font-size:.82rem;display:flex}.admin-activity-type{color:var(--primary);text-transform:uppercase;min-width:100px;font-size:.7rem;font-weight:700}.admin-activity-time{color:var(--text-light);margin-left:auto;font-size:.75rem}@media (width<=768px){.study-hub-header{flex-direction:column}.study-unit-grid{grid-template-columns:1fr}}.tutor-layout{gap:1.5rem;height:calc(100vh - 160px);max-height:750px;display:flex}.tutor-sidebar{flex-direction:column;flex-shrink:0;gap:1rem;width:280px;min-width:240px;display:flex}.tutor-layout>.glass-panel:last-child{flex:1;min-width:0}.tutor-mode-bar{border-bottom:1px solid var(--border);background:var(--bg-input);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.65rem 1.25rem;display:flex}.tutor-mode-tab{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);border-radius:999px;align-items:center;gap:.35rem;padding:.4rem .85rem;font-size:.8rem;font-weight:600;display:inline-flex}.tutor-mode-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.tutor-new-session{color:var(--primary);margin-left:auto;padding:.35rem .6rem;font-size:.75rem;font-weight:600}.tutor-tts-error{color:var(--error);background:var(--error-glow);border-bottom:1px solid var(--border);margin:0;padding:.5rem 1.25rem;font-size:.78rem}.tutor-empty-hint{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;margin-top:2rem;padding:1rem;display:flex}.tutor-mic-btn{border-radius:50%;flex-shrink:0;padding:.75rem}.deck-hub{max-width:640px;margin:0 auto}.deck-hub-header h2{margin-bottom:.35rem;font-size:1.75rem}.deck-hub-header p{color:var(--text-muted);margin-bottom:1.25rem;font-size:.9rem}.deck-level-tabs{-webkit-overflow-scrolling:touch;gap:.45rem;margin-bottom:.75rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.deck-level-tab{border:1px solid var(--border);background:var(--bg-input);color:var(--text-muted);border-radius:999px;flex-shrink:0;padding:.45rem .9rem;font-size:.78rem;font-weight:600}.deck-level-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.deck-type-tabs{flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem;display:flex}.deck-type-tab{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);border-radius:999px;padding:.35rem .75rem;font-size:.72rem;font-weight:600}.deck-type-tab.active{background:var(--secondary);border-color:var(--secondary);color:#fff}.deck-filter-meta{color:var(--text-muted);margin-bottom:1.25rem;font-size:.82rem}@media (width<=900px){.tutor-layout{flex-direction:column;height:auto;max-height:none}.tutor-sidebar{flex-flow:wrap;width:100%;min-width:0}.tutor-sidebar>.glass-panel{flex:200px}}