:root{color:var(--text-primary);background:var(--page-bg);--page-bg:#f4f7fb;--card-bg:#ffffffdb;--card-border:#77859d2e;--text-primary:#162033;--text-muted:#667085;--text-soft:#596579;--input-bg:#fff;--input-border:#d7deea;--history-border:#e1e7f0;--accent:#5b7cfa;--danger:#ef4444;--success:#22c55e;--shadow:0 22px 70px #2b3a5c14;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--page-bg:#0c111d;--card-bg:#161d2dd1;--card-border:#94a3b82e;--text-primary:#eef4ff;--text-muted:#9aa7bd;--text-soft:#b6c0d2;--input-bg:#111827;--input-border:#263247;--history-border:#273448;--accent:#8da2ff;--danger:#f05252;--success:#35c970;--shadow:0 22px 70px #00000047}*{box-sizing:border-box}body{background:radial-gradient(circle at top left, #5b7cfa24, transparent 32rem), var(--page-bg);min-width:320px;min-height:100vh;margin:0;transition:background .18s,color .18s}button,input,textarea{font:inherit}button{cursor:pointer}.app-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 48px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{border:1px solid var(--card-border);background:var(--card-bg);width:min(520px,100%);box-shadow:var(--shadow);border-radius:32px;padding:34px}.auth-brand{align-items:center;gap:16px;margin-bottom:28px;display:flex}.auth-brand h1{margin-bottom:0;font-size:clamp(2rem,6vw,3rem)}.auth-form{gap:16px;display:grid}.auth-form label{color:var(--text-muted);gap:8px;font-weight:850;display:grid}.auth-form input{border:1px solid var(--input-border);width:100%;color:var(--text-primary);background:var(--input-bg);border-radius:16px;outline:none;padding:14px 16px}.auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 4px #5b7cfa24}.auth-submit,.auth-mode-button{border-radius:999px;padding:14px 18px;font-weight:900}.auth-submit{color:#fff;background:linear-gradient(135deg,#5b7cfa,#7c3aed);border:0}.auth-submit:disabled{cursor:not-allowed;opacity:.6}.auth-mode-button{border:1px solid var(--card-border);width:100%;color:var(--text-primary);background:var(--input-bg);margin-top:14px}.form-error{color:#fff;background:var(--danger);border-radius:14px;margin-bottom:0;padding:12px 14px;font-weight:800}.app-header{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-bottom:26px;display:grid}.brand{color:var(--text-primary);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;letter-spacing:-.08em;background:linear-gradient(135deg,#5b7cfa 0%,#7c3aed 48%,#ef4444 100%);border:1px solid #ffffff52;border-radius:18px;place-items:center;width:64px;height:48px;font-size:.92rem;font-weight:950;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 32px #5b7cfa42}.brand-mark:after{content:"";background:#ffffff38;border-radius:999px;width:40px;height:40px;position:absolute;inset:8px -16px auto auto}.brand-text{color:var(--text-muted);font-size:.9rem;font-weight:800}.top-nav{border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:999px;justify-self:center;gap:8px;padding:6px;display:inline-flex}.top-nav a{color:var(--text-muted);border-radius:999px;padding:10px 14px;font-size:.9rem;font-weight:800;text-decoration:none;transition:color .16s,background .16s}.top-nav a:hover{color:var(--text-primary);background:#5b7cfa1f}.top-nav a.active{color:#fff;background:linear-gradient(135deg,#5b7cfa,#7c3aed)}.header-actions{justify-content:flex-end;gap:10px;display:flex}.account-button,.theme-toggle{border:1px solid var(--card-border);color:var(--text-primary);background:var(--card-bg);box-shadow:var(--shadow);border-radius:999px;padding:11px 15px;font-weight:850;transition:transform .16s,border .16s}.theme-toggle{align-items:center;gap:8px;display:inline-flex}.account-button:hover,.theme-toggle:hover{border-color:#5b7cfa80;transform:translateY(-1px)}.hero-card,.page-card,.sentence-card,.history-card,.stats-grid article{border:1px solid var(--card-border);background:var(--card-bg);box-shadow:var(--shadow);border-radius:28px}.hero-card{padding:40px}.home-hero-card{padding:22px 26px 26px}.home-hero-card h1{letter-spacing:-.04em;max-width:620px;margin-bottom:8px;font-size:clamp(1.45rem,3.2vw,2.25rem);line-height:1.08}.home-hero-card .hero-description{max-width:760px;margin-bottom:0;font-size:.92rem;line-height:1.45}.page-card{padding:40px}.page-heading{justify-content:space-between;gap:24px;margin-bottom:30px;display:flex}.words-heading{align-items:flex-start}.sentences-page h1{margin-bottom:12px}.eyebrow{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:-.07em;max-width:760px;margin-bottom:14px;font-size:clamp(2.4rem,6vw,4.8rem);line-height:.95}h2{letter-spacing:-.04em;margin-bottom:0;font-size:clamp(1.2rem,3vw,1.7rem)}.hero-description{max-width:690px;color:var(--text-soft);font-size:1.05rem;line-height:1.7}.sentence-form{gap:12px;margin-top:18px;display:flex;position:relative}.sentence-form textarea{border:1px solid var(--input-border);width:100%;min-height:148px;color:var(--text-primary);background:var(--input-bg);resize:vertical;border-radius:20px;outline:none;padding:20px 24px;font-size:1.05rem;line-height:1.55}.sentence-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 4px #5b7cfa24}.sentence-form.is-analyzing textarea{cursor:wait;opacity:.45}.sentence-analysis-overlay{color:var(--text-primary);background:color-mix(in srgb, var(--input-bg) 82%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;border-radius:14px;align-items:center;gap:12px;padding:0 18px;display:flex;position:absolute;inset:8px}.sentence-analysis-overlay strong{color:var(--text-soft);font-size:.95rem;font-weight:900}.loading-spinner{border:3px solid #5b7cfa38;border-top-color:var(--accent);border-radius:999px;flex:none;width:22px;height:22px;animation:.76s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.word-chip:hover,.history-item:hover{transform:translateY(-1px)}.status-pill.is-known,.word-chip.is-known{background:var(--success)}.stats-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0;display:grid}.stats-grid article{padding:22px}.stats-grid span{margin-bottom:4px;font-size:2rem;font-weight:900;display:block}.stats-grid p{color:var(--text-muted);margin-bottom:0}.workspace{grid-template-columns:minmax(0,1fr) 340px;gap:20px;display:grid}.home-workspace{grid-template-columns:minmax(0,1fr);margin-top:14px}.sentence-card,.history-card{padding:28px}.home-workspace .sentence-card{padding:22px}.pending-sentence-queue{gap:18px;display:grid}.pending-sentence-card{gap:0;display:grid}.pending-sentence-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.pending-detail-status{color:var(--text-muted);background:#5b7cfa1a;border-radius:999px;padding:7px 10px;font-size:.72rem;font-weight:900}.pending-detail-status.is-ready{color:#fff;background:var(--success)}.pending-detail-status.is-failed{color:#fff;background:var(--danger)}.pending-action-button{color:#fff;border:0;border-radius:999px;padding:11px 16px;font-size:.9rem;font-weight:900;transition:transform .16s,opacity .16s}.pending-action-button.is-primary{background:var(--success)}.pending-action-button.is-muted{background:var(--danger)}.pending-action-button:not(:disabled):hover{transform:translateY(-1px)}.pending-action-button:disabled{cursor:wait;opacity:.62}.section-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.home-workspace .section-heading{padding-right:0;display:block}.active-sentence-topline{justify-content:space-between;align-items:center;gap:16px;margin-bottom:10px;display:flex}.active-sentence-topline .eyebrow{margin-bottom:0}.active-sentence-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.home-workspace .section-heading .eyebrow{margin-bottom:6px}.home-workspace .section-heading h2{letter-spacing:-.025em;font-size:clamp(.92rem,1.62vw,1.14rem);font-weight:700;line-height:1.28}.status-pill{color:#fff;background:var(--danger);border:0;border-radius:999px;flex:none;padding:9px 12px;font-size:.82rem;font-weight:800;transition:transform .16s,background .16s}.home-workspace .status-pill{padding:7px 10px;font-size:.72rem;box-shadow:0 10px 22px #2b3a5c1f}.status-pill:not(:disabled):hover{transform:translateY(-1px)}.status-pill:disabled{cursor:not-allowed;opacity:.65}.status-pill.readonly,.word-chip.readonly{cursor:default}.word-list{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.sentence-translation-box{background:#5b7cfa14;border:1px solid #5b7cfa38;border-radius:18px;gap:6px;margin-top:12px;padding:12px 14px;display:grid}.sentence-translation-box span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:900}.sentence-translation-box strong{color:var(--text-primary);font-size:clamp(.9rem,1.45vw,1.08rem);font-weight:660;line-height:1.42}.page-word-list{margin-top:32px}.sentence-table-shell{gap:18px;display:grid}.sentence-table-wrapper{border:1px solid var(--history-border);background:var(--input-bg);border-radius:22px;overflow:hidden}.sentence-table{border-collapse:collapse;width:100%}.sentence-table th,.sentence-table td{border-bottom:1px solid var(--history-border);text-align:left;vertical-align:middle;padding:18px}.sentence-table th{color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;background:#5b7cfa14;font-size:.78rem;font-weight:900}.sentence-table tbody tr{transition:background .16s}.sentence-table tbody tr:hover{background:#5b7cfa14}.sentence-table tbody tr:last-child td{border-bottom:0}.sentence-cell{width:62%;color:var(--text-primary);font-weight:750}.sentence-cell input{border:1px solid var(--accent);width:100%;color:var(--text-primary);background:var(--page-bg);border-radius:14px;outline:none;padding:12px 14px;box-shadow:0 0 0 4px #5b7cfa1f}.table-status{min-width:104px}.pagination-bar{justify-content:flex-end;align-items:center;gap:12px;display:flex}.pagination-bar span{color:var(--text-muted);font-size:.92rem;font-weight:800}.pagination-bar button{border:1px solid var(--card-border);color:var(--text-primary);background:var(--input-bg);border-radius:999px;padding:10px 14px;font-weight:850}.pagination-bar button:disabled{cursor:not-allowed;opacity:.45}.sentence-practice-shell{gap:24px;display:grid}.sentence-practice-toolbar{border:1px solid var(--history-border);background:var(--input-bg);border-radius:24px;justify-content:space-between;align-items:flex-start;gap:18px;padding:18px;display:flex}.word-card-toolbar{width:min(980px,100%);margin:0 auto 22px}.sentence-practice-toolbar strong{color:var(--text-primary);margin-right:10px;font-size:1.4rem;font-weight:950;display:inline-flex}.sentence-practice-toolbar span{color:var(--text-muted);font-weight:850}.sentence-knowledge-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.knowledge-button{color:#fff;border:0;border-radius:999px;padding:12px 16px;font-weight:950;transition:transform .16s,opacity .16s}.knowledge-button:hover{transform:translateY(-1px)}.knowledge-button.is-unknown{background:var(--danger)}.knowledge-button.is-known{background:var(--success)}.sentence-card-stage{width:100%}.sentence-flip-card{height:min(460px,58vh);min-height:360px}.sentence-flip-face{padding:clamp(24px,5vw,46px)}.sentence-flip-face strong{letter-spacing:-.02em;max-width:860px;font-size:clamp(1.05rem,2.4vw,1.9rem);font-weight:750;line-height:1.35}.grammar-card-face em{text-align:center;max-width:760px;font-weight:650;line-height:1.55}.sentence-practice-empty{background:#22c55e1a;border:1px solid #22c55e47;border-radius:28px;padding:34px}.sentence-practice-empty p:last-child{color:var(--text-muted);margin-bottom:0;font-weight:850}.sentence-preview-list{gap:12px;margin-top:22px;display:grid}.sentence-preview-item{border:1px solid var(--history-border);background:var(--page-bg);border-radius:18px;gap:6px;padding:16px;display:grid}.sentence-preview-item.is-known{background:#22c55e14;border-color:#22c55e57}.sentence-preview-item strong{color:var(--text-primary);font-size:1rem;line-height:1.45}.sentence-preview-item span{color:var(--text-muted);font-size:.92rem;line-height:1.45}.all-items-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.group-word-list-grid{margin-top:22px}.sentence-all-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.all-item-card{border:1px solid var(--history-border);background:var(--input-bg);border-radius:18px;gap:6px;padding:15px;display:grid}.all-item-card.is-known{background:#22c55e14;border-color:#22c55e59}.all-item-card strong{color:var(--text-primary);font-size:1rem;font-weight:850;line-height:1.35}.all-item-card span{color:var(--text-muted);font-size:.9rem;line-height:1.45}.all-item-card small{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:900}.sentence-all-card{min-height:132px}.grammar-group-card{gap:18px;display:grid}.grammar-level-filter{flex-wrap:wrap;gap:10px;margin:-8px 0 24px;display:flex}.grammar-level-button{color:#fff;letter-spacing:.08em;border:0;border-radius:999px;padding:11px 17px;font-size:.9rem;font-weight:950;transition:transform .16s,opacity .16s,filter .16s;box-shadow:0 12px 26px #2b3a5c1f}.grammar-level-button:hover{transform:translateY(-1px)}.grammar-level-button.is-active{background:var(--success)}.grammar-level-button.is-inactive{background:var(--danger);opacity:.78;filter:grayscale(.08)}.grammar-rule-box{background:#5b7cfa14;border:1px solid #5b7cfa38;border-radius:18px;gap:8px;padding:16px;display:grid}.grammar-rule-box span{color:var(--text-muted);letter-spacing:.14em;text-transform:uppercase;font-size:.76rem;font-weight:950}.grammar-rule-box strong{color:var(--text-primary);font-size:1.02rem;line-height:1.5}.grammar-example-list{flex-wrap:wrap;gap:10px;display:flex}.grammar-example-list span{border:1px solid var(--history-border);color:var(--text-primary);background:var(--page-bg);border-radius:999px;padding:9px 12px;font-size:.88rem;font-weight:800}.play-cards-button{color:#fff;background:linear-gradient(135deg,#5b7cfa,#7c3aed);border:0;border-radius:999px;flex:none;align-items:center;gap:10px;padding:14px 18px;font-weight:900;transition:transform .16s,opacity .16s;display:inline-flex;box-shadow:0 16px 34px #5b7cfa3d}.play-cards-button:hover:not(:disabled){transform:translateY(-1px)}.play-cards-button:disabled{cursor:not-allowed;opacity:.48}.play-cards-button.compact{padding:10px 14px;font-size:.88rem}.secondary-action-button,.danger-action-button{border-radius:999px;justify-content:center;align-items:center;padding:10px 14px;font-size:.88rem;font-weight:900;transition:transform .16s,opacity .16s,border .16s;display:inline-flex}.secondary-action-button{border:1px solid var(--card-border);color:var(--text-primary);background:var(--page-bg)}.danger-action-button{color:#fff;background:var(--danger);border:0}.secondary-action-button:hover:not(:disabled),.danger-action-button:hover:not(:disabled){transform:translateY(-1px)}.secondary-action-button:disabled,.danger-action-button:disabled{cursor:not-allowed;opacity:.48}.word-group-list{gap:18px;display:grid}.word-group-card{border:1px solid var(--history-border);background:var(--input-bg);border-radius:24px;padding:24px}.word-group-header{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.word-group-header h2{margin-bottom:8px}.word-group-header p:not(.eyebrow){max-width:620px;color:var(--text-muted);margin-bottom:0}.word-group-actions{flex:none;align-items:center;gap:10px;display:flex}.word-group-actions>span{border:1px solid var(--card-border);color:var(--text-primary);background:var(--page-bg);border-radius:999px;flex:none;padding:9px 12px;font-size:.82rem;font-weight:850}.study-card{background:radial-gradient(circle at top right, #7c3aed2e, transparent 18rem), var(--input-bg);border:1px solid #5b7cfa47;border-radius:28px;gap:18px;margin-bottom:22px;padding:26px;display:grid;box-shadow:0 22px 60px #5b7cfa1f}.study-card-topline,.study-card-footer,.study-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.study-card-topline span,.study-card-footer{color:var(--text-muted);font-size:.92rem;font-weight:850}.study-card-topline button,.study-actions button{border:1px solid var(--card-border);color:var(--text-primary);background:var(--card-bg);border-radius:999px;padding:10px 14px;font-weight:850}.study-actions button:disabled{cursor:not-allowed;opacity:.45}.study-word{min-height:180px;color:var(--text-primary);letter-spacing:-.08em;background:#5b7cfa14;border:1px dashed #5b7cfa5c;border-radius:24px;place-items:center;font-size:clamp(3rem,10vw,6rem);font-weight:950;display:grid}.word-state{color:#fff;background:var(--danger);border-radius:999px;padding:8px 12px}.word-state.is-known{background:var(--success)}.cards-page{min-height:calc(100vh - 140px)}.cards-page-topline{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.cards-page-topline h1{margin-bottom:0}.cards-page-topline>span{border:1px solid var(--card-border);color:var(--text-primary);background:var(--card-bg);box-shadow:var(--shadow);border-radius:999px;padding:10px 14px;font-weight:900}.back-link{color:var(--text-muted);margin-bottom:18px;font-weight:850;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-primary)}.card-stage{width:min(980px,100%);margin:0 auto;padding:0 72px;position:relative}.card-nav-button{z-index:2;border:1px solid var(--card-border);width:56px;height:56px;color:var(--text-primary);background:var(--card-bg);box-shadow:var(--shadow);border-radius:999px;place-items:center;font-size:2.6rem;font-weight:700;line-height:1;transition:transform .16s,opacity .16s,border .16s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.card-nav-button:hover:not(:disabled){border-color:#5b7cfa80;transform:translateY(-50%)scale(1.04)}.card-nav-button:disabled{cursor:not-allowed;opacity:.35}.card-nav-button-left{left:0}.card-nav-button-right{right:0}.flip-card{perspective:1600px;background:0 0;border:0;width:100%;height:min(520px,62vh);min-height:420px;margin:0 auto;padding:0;display:block}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .68s cubic-bezier(.2,.8,.2,1);display:block;position:relative}.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-face{border:1px solid var(--card-border);backface-visibility:hidden;border-radius:36px;align-content:center;place-items:center;gap:18px;padding:34px;display:grid;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 90px #5b7cfa29}.flip-card-front{background:radial-gradient(circle at top left, #5b7cfa47, transparent 22rem), linear-gradient(145deg, var(--input-bg), var(--card-bg))}.flip-card-back{color:#fff;background:#16806f;transform:rotateY(180deg)}.flip-card-face small{color:var(--text-muted);letter-spacing:.16em;text-transform:uppercase;font-size:.9rem;font-weight:950}.flip-card-back small{color:#ffffffbd}.flip-card-face strong{color:inherit;letter-spacing:-.045em;text-align:center;max-width:840px;font-size:clamp(2rem,6vw,4.2rem);font-weight:800;line-height:1.08}.flip-card-back strong{letter-spacing:-.025em;font-size:clamp(1.45rem,4vw,3rem);font-weight:720;line-height:1.25}.flip-card-face.sentence-flip-face strong{letter-spacing:-.012em;max-width:820px;font-size:clamp(1rem,2.25vw,1.75rem);font-weight:680;line-height:1.42}.flip-card-back.sentence-flip-face strong,.flip-card-back.grammar-card-face strong{font-size:clamp(.98rem,2vw,1.55rem);font-weight:620;line-height:1.55}.flip-card-face em{color:var(--text-muted);font-style:normal;font-weight:650}.flip-card-back em{color:#ffffffd6}.card-slider-actions{width:min(980px,100%);margin:30px auto 0;padding:0 72px;display:block}.card-progress-track{background:#5b7cfa24;border-radius:999px;place-items:center;height:34px;display:grid;position:relative;overflow:hidden}.card-progress-track span{border-radius:inherit;background:linear-gradient(135deg,#5b7cfa,#7c3aed);height:100%;transition:width .24s;display:block}.card-progress-track strong{z-index:1;color:#fff;text-shadow:0 1px 8px #0000003d;font-size:.92rem;font-weight:950;position:absolute}.word-chip{color:#fff;background:var(--danger);border:0;border-radius:999px;padding:12px 18px;font-weight:800;transition:transform .16s,background .16s}.history-list{gap:10px;margin-top:18px;display:grid}.history-item{border:1px solid var(--history-border);width:100%;color:var(--text-primary);background:var(--input-bg);text-align:left;border-radius:16px;gap:6px;padding:14px;transition:transform .16s,border .16s;display:grid}.history-item.is-active{border-color:var(--accent)}.history-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.history-item small,.empty-state{color:var(--text-muted)}.empty-state{margin:24px 0 0}.empty-state.compact{margin-top:16px}.grammar-list{gap:14px;margin-top:32px;display:grid}.grammar-topic-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.grammar-topic-card{border:1px solid var(--history-border);min-height:180px;color:var(--text-primary);background:var(--input-bg);text-align:left;border-radius:24px;align-content:start;gap:10px;padding:20px;transition:border .16s,box-shadow .16s,transform .16s;display:grid;overflow:hidden}.grammar-topic-card:hover{border-color:#5b7cfa5c;transform:translateY(-2px)}.grammar-topic-card.is-active{border-color:#5b7cfa6b;box-shadow:0 22px 60px #5b7cfa1f}.grammar-topic-card h2{font-size:1.08rem;line-height:1.1}.grammar-topic-card p{color:var(--text-muted);margin-bottom:0;font-size:.9rem;line-height:1.55}.grammar-topic-order,.grammar-count{border:1px solid var(--card-border);width:fit-content;color:var(--text-muted);background:var(--page-bg);border-radius:999px;padding:7px 10px;font-size:.78rem;font-weight:950;display:inline-grid}.grammar-count{color:var(--text-primary);background:var(--input-bg);flex:none;align-self:flex-start}.grammar-pagination{justify-content:space-between;align-items:center;gap:16px;margin-top:22px;display:flex}.grammar-pagination>div{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.grammar-pagination button{border:1px solid var(--card-border);color:var(--text-primary);background:var(--input-bg);border-radius:999px;padding:10px 13px;font-weight:900}.grammar-pagination button.is-active{color:#fff;background:linear-gradient(135deg,#5b7cfa,#7c3aed)}.grammar-pagination button:disabled{cursor:not-allowed;opacity:.45}.grammar-detail-panel{background:radial-gradient(circle at top right, #5b7cfa1f, transparent 20rem), var(--input-bg);border:1px solid #5b7cfa47;border-radius:28px;gap:18px;margin-top:28px;padding:28px;animation:.18s grammar-content-in;display:grid}.grammar-detail-panel h2{margin-bottom:10px}.grammar-detail-panel p{max-width:920px;color:var(--text-soft);margin-bottom:0;line-height:1.75}.grammar-topic-header{width:100%;color:var(--text-primary);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:18px;padding:24px;display:flex}.grammar-topic-header:hover{background:#5b7cfa14}.grammar-topic-header h2{margin-bottom:8px}.grammar-topic-header p:not(.eyebrow){color:var(--text-muted);margin-bottom:0}.grammar-topic-header>span{color:#fff;background:linear-gradient(135deg,#5b7cfa,#7c3aed);border-radius:999px;flex:none;place-items:center;width:42px;height:42px;font-size:1.4rem;font-weight:900;display:grid}.grammar-topic-content{border-top:1px solid var(--history-border);gap:18px;padding:24px;animation:.18s grammar-content-in;display:grid}.grammar-topic-content>p{max-width:900px;color:var(--text-soft);margin-bottom:0;font-size:1rem;line-height:1.75}.grammar-formula{background:#5b7cfa1a;border-radius:18px;gap:8px;padding:18px;display:grid}.grammar-formula span,.grammar-examples span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:950}.grammar-formula strong{color:var(--text-primary);font-size:1.15rem}.grammar-examples{gap:12px;display:grid}.grammar-examples ul{color:var(--text-primary);gap:10px;margin:0;padding-left:20px;font-weight:750;display:grid}@keyframes grammar-content-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.grammar-item{border:1px solid var(--history-border);background:var(--input-bg);border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.grammar-item strong{margin-bottom:6px;display:block}.grammar-item p{color:var(--text-muted);margin-bottom:0}@media (width<=980px){.app-header{grid-template-columns:1fr;justify-items:stretch}.brand,.top-nav,.header-actions{justify-self:stretch}.top-nav,.header-actions{justify-content:center}.grammar-topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.app-shell{width:min(100% - 20px,1120px);padding:20px 0}.hero-card,.page-card,.sentence-card,.history-card{border-radius:22px;padding:22px}.sentence-form,.section-heading,.page-heading,.grammar-topic-header,.word-group-header,.word-group-actions,.cards-page-topline,.grammar-item{flex-direction:column}.play-cards-button{justify-content:center;width:100%}.word-group-actions{align-items:stretch;width:100%}.flip-card{min-height:360px}.card-stage{padding:0 48px}.card-nav-button{width:42px;height:42px;font-size:2rem}.card-slider-actions{width:100%;padding:0 48px}.sentence-form textarea{min-height:132px}.home-workspace .section-heading{padding-right:0}.home-workspace .status-pill{margin-top:0}.active-sentence-actions{justify-content:flex-start}.active-sentence-topline{flex-direction:column;align-items:flex-start}.stats-grid,.workspace{grid-template-columns:1fr}.sentence-table-wrapper{overflow-x:auto}.sentence-table{min-width:720px}.pagination-bar{justify-content:space-between}.grammar-pagination{flex-direction:column;align-items:stretch}}@media (width<=560px){.brand{justify-content:center}.brand-text{display:none}.top-nav{justify-content:flex-start;overflow-x:auto}.top-nav a,.account-button,.theme-toggle{white-space:nowrap}.header-actions{grid-template-columns:1fr 1fr;display:grid}.grammar-topic-list{grid-template-columns:1fr}}