:root{--bg: #0b1220;--bg-soft: #121c30;--card: #16213a;--card-2: #1c2946;--border: #26344f;--text: #e8eefc;--muted: #93a1bd;--primary: #2563eb;--primary-600: #1d4ed8;--ok: #22c55e;--warn: #f59e0b;--danger: #ef4444;--info: #38bdf8;--radius: 16px;--radius-sm: 10px;--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,system-ui,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased}a{color:var(--info);text-decoration:none}h1,h2,h3{margin:0 0 .5rem;line-height:1.2}.app-shell{display:flex;flex-direction:column;min-height:100%}.app-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 12px;background:#0b1220e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:1.1rem}.brand-badge,.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:var(--primary);color:#fff;font-weight:800;font-family:Georgia,serif}.logo-badge.large{width:64px;height:64px;font-size:1.6rem;border-radius:18px;margin-bottom:12px}.app-main{flex:1;padding:16px;padding-bottom:calc(88px + var(--safe-bottom));max-width:640px;width:100%;margin:0 auto;animation:fade .18s ease}@keyframes fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:flex;justify-content:space-around;gap:2px;padding:8px 6px calc(8px + var(--safe-bottom));background:#121c30f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--border)}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;color:var(--muted);border-radius:var(--radius-sm);font-size:.7rem}.nav-item.active{color:var(--text);background:var(--card-2)}.nav-icon{font-size:1.15rem;line-height:1}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:600}.pill-ok{background:#22c55e29;color:var(--ok)}.pill-warn{background:#f59e0b29;color:var(--warn)}.pill-info{background:#38bdf829;color:var(--info)}.page{display:flex;flex-direction:column;gap:14px}.page-title{font-size:1.5rem}.page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.center-page{min-height:60vh;align-items:center;justify-content:center}.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center}.block{width:100%}.row-gap{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card,.hero-card,.stat-card,.done-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.hero-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,var(--card-2),var(--card))}.big-number{font-size:2.6rem;font-weight:800;margin:0;color:var(--primary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{display:flex;flex-direction:column;gap:4px;padding:14px}.stat-label{color:var(--muted);font-size:.78rem}.stat-value{font-size:1.4rem;font-weight:700}.progress{height:8px;background:var(--bg-soft);border-radius:999px;overflow:hidden;margin-top:6px}.progress-bar{height:100%;background:var(--primary);border-radius:999px;transition:width .3s ease}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:12px 16px;font-size:.95rem;font-weight:600;cursor:pointer;background:var(--card-2);color:var(--text);transition:transform .05s ease,opacity .2s ease}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-600)}.btn-ghost{background:transparent;border-color:var(--border)}.btn-danger{background:#ef444424;color:#fca5a5;border-color:#ef44444d}.btn.small{padding:8px 12px;font-size:.85rem}.btn.tiny{padding:5px 9px;font-size:.75rem}.link-btn{align-self:flex-start;border:none;background:transparent;color:var(--muted);font-size:.8rem;padding:2px 0;cursor:pointer;text-decoration:underline}.link-btn:hover{color:var(--text)}.link-btn.danger{color:#fca5a5;align-self:center}.form{display:flex;flex-direction:column;gap:12px}.form label,.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--muted)}input,select,textarea{width:100%;padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-soft);color:var(--text);font-size:1rem;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary)}.check{flex-direction:row;align-items:center;gap:8px;color:var(--text);font-size:.9rem}.check input{width:auto}.search{margin-bottom:4px}.alert{padding:10px 12px;border-radius:var(--radius-sm);font-size:.88rem}.alert-error{background:#ef444424;color:#fca5a5}.alert-info{background:#38bdf824;color:#bae6fd}.auth-screen,.splash{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px}.auth-card{width:100%;max-width:380px;background:var(--card);border:1px solid var(--border);border-radius:20px;padding:26px;display:flex;flex-direction:column;align-items:stretch;gap:4px}.auth-card .logo-badge{align-self:center}.auth-card h1{text-align:center;margin-top:8px}.auth-card .muted{text-align:center;margin-bottom:14px}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chip{flex:0 0 auto;padding:7px 14px;border-radius:999px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.85rem;cursor:pointer}.chip.active{background:var(--primary);color:#fff;border-color:var(--primary)}.list-stack,.word-stack{display:flex;flex-direction:column;gap:8px}.list-row{display:flex;align-items:center;gap:12px;padding:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.list-row-body{display:flex;flex-direction:column;flex:1;min-width:0}.level-badge{flex:0 0 auto;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:12px;font-weight:800;font-size:.85rem;background:var(--card-2);color:var(--text)}.level-A1{background:#14532d;color:#86efac}.level-A2{background:#166534;color:#bbf7d0}.level-B1{background:#854d0e;color:#fde68a}.level-B2{background:#9a3412;color:#fed7aa}.level-C1{background:#5b21b6;color:#ddd6fe}.count-badge{flex:0 0 auto;background:var(--card-2);color:var(--muted);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:600}.word-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius)}.icon-btn{border:none;background:transparent;color:var(--muted);font-size:1rem;cursor:pointer;padding:6px 8px;border-radius:8px}.icon-btn:hover{color:var(--danger);background:#ef44441a}.list-header{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.quick-links{display:flex;flex-direction:column;gap:8px}.quick-link{padding:14px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-weight:600}.section h2{font-size:1.1rem}.study-progress{display:flex;justify-content:space-between;align-items:center}.flashcard{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:46vh;width:100%;padding:28px 20px;background:linear-gradient(160deg,var(--card-2),var(--card));border:1px solid var(--border);border-radius:22px;color:var(--text);cursor:pointer}.flash-term{font-size:2rem;font-weight:800;text-align:center;word-break:break-word}.flash-back{display:flex;flex-direction:column;gap:8px;align-items:center;font-size:1.5rem;color:var(--ok);border-top:1px dashed var(--border);padding-top:14px;width:100%;text-align:center}.flash-example{font-size:.9rem;color:var(--muted);font-style:italic}.flash-hint{color:var(--muted);font-size:.82rem}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating-btn{display:flex;flex-direction:column;gap:4px;align-items:center;padding:12px 6px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--card);color:var(--text);font-weight:700;cursor:pointer}.rating-label{font-size:.85rem}.rating-interval{font-size:.68rem;color:var(--muted);font-weight:500}.rating-1{border-color:#ef444480}.rating-2{border-color:#f59e0b80}.rating-3{border-color:#22c55e80}.rating-4{border-color:#38bdf880}.done-card{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:28px}.done-emoji{font-size:3rem}.tabs{display:flex;gap:6px;overflow-x:auto}.tab{flex:0 0 auto;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:transparent;color:var(--muted);cursor:pointer;font-size:.85rem}.tab.active{background:var(--primary);color:#fff;border-color:var(--primary)}.table-wrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius);margin-top:12px}.table{width:100%;border-collapse:collapse;font-size:.85rem}.table th,.table td{padding:10px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.table th{color:var(--muted);font-weight:600}.table tr:last-child td{border-bottom:none}@media(min-width:560px){.grid-2{grid-template-columns:repeat(3,1fr)}}