:root{--text:#52525b;--text-strong:#18181b;--text-soft:#9a9aa5;--bg:#f3f0ff;--bg-accent:#e9e4fb;--surface:#fff;--surface-flat:#fff;--surface-2:#f6f5fa;--surface-3:#edebf5;--border:#ece9f5;--border-strong:#ddd8ec;--code-bg:#f3f5f9;--accent:#7c5cff;--accent-strong:#6237f0;--accent-soft:#7c5cff1f;--accent-border:#7c5cff47;--shadow:0 1px 2px #1e143c0a, 0 10px 24px -12px #1e143c2e;--shadow-strong:0 2px 6px #1e143c0f, 0 20px 40px -16px #1e143c47;--inset-shadow:inset 0 1px 0 #fff9;--radius-xl:28px;--radius-lg:20px;--radius-md:14px;--radius-sm:12px;--inner-border:#ffffffb3;--sans:"Nunito", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Nunito", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:17px/150% var(--sans);letter-spacing:.1px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box}html,body{min-height:100%}body{background:radial-gradient(circle at top, #ffffffe0, transparent 35%), linear-gradient(180deg, var(--bg) 0%, var(--bg-accent) 100%);min-height:100svh;color:var(--text);margin:0}#root{box-sizing:border-box;flex-direction:column;align-items:center;width:100%;min-height:100svh;padding:0;display:flex}h1,h2{font-family:var(--heading);color:var(--text-strong);font-weight:800}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-strong);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.top-bar{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding:8px 4px;display:flex}.top-bar__brand{color:var(--text-strong);align-items:center;gap:8px;font-size:.95rem;font-weight:800;text-decoration:none;display:inline-flex}.top-bar__auth{color:var(--accent-strong);font:inherit;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:700;transition:background .14s}.top-bar__auth:hover{background:var(--accent-soft)}.bottom-nav{-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);width:100%;box-shadow:var(--shadow-strong);background:#ffffffe0;border-radius:999px;gap:4px;padding:6px;display:flex}.bottom-nav__item{min-width:0;color:var(--text-soft);border-radius:999px;flex-direction:column;flex:1 1 0;justify-content:center;align-items:center;gap:2px;padding:8px 4px;text-decoration:none;transition:color .14s,background .14s;display:flex}.bottom-nav__item:hover{color:var(--accent)}.bottom-nav__item.is-active{color:var(--accent-strong);background:var(--accent-soft)}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__icon svg{width:100%;height:100%}.bottom-nav__label{font-size:.72rem;font-weight:700}.offline-banner{border-radius:var(--radius-md);background:var(--accent-soft);width:100%;color:var(--accent-strong);text-align:center;margin:0 0 8px;padding:8px 14px;font-size:.82rem;font-weight:700}.app-shell{flex-direction:column;width:100%;max-width:1120px;min-height:100svh;padding:0 20px;display:flex}.app-shell__content{width:100%;padding:4px 0 calc(96px + env(safe-area-inset-bottom));flex:auto}.app-shell__nav-dock{left:50%;bottom:max(14px, env(safe-area-inset-bottom));z-index:30;justify-content:center;width:min(100% - 28px,420px);display:flex;position:fixed;transform:translate(-50%)}@media (width<=640px){.app-shell{padding:0 14px}}.landing-page{flex-direction:column;gap:20px;width:100%;max-width:640px;margin:0 auto;display:flex}.landing-hero{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:16px 16px 4px;display:flex}.landing-hero__mascot{filter:drop-shadow(0 16px 20px #6237f038);width:92px;height:92px;margin-bottom:4px}@media (height>=780px){.landing-hero__mascot{width:128px;height:128px}.landing-hero{padding-top:28px}}.landing-hero__title{letter-spacing:-.03em;margin:0;font-size:clamp(1.8rem,6vw,2.4rem)}.landing-hero__title span{color:var(--accent)}.landing-hero__text{max-width:380px;color:var(--text-soft);font-size:1rem;line-height:1.55}.landing-actions{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.landing-action{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow);color:inherit;font:inherit;text-align:left;cursor:pointer;align-items:center;gap:14px;padding:18px;transition:transform .16s,box-shadow .16s;display:flex}.landing-action:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.landing-action__icon{border-radius:var(--radius-md);background:var(--accent-soft);flex:none;place-items:center;width:48px;height:48px;font-size:1.4rem;display:grid}.landing-action__body{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.landing-action__title{color:var(--text-strong);font-size:1.05rem;font-weight:800}.landing-action__text{color:var(--text-soft);font-size:.85rem;line-height:1.4}.landing-action__arrow{color:var(--accent);flex:none;font-size:1.2rem;font-weight:700}.app-button{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-height:48px;font:inherit;box-shadow:var(--shadow);justify-content:center;align-items:center;gap:.5rem;padding:0 22px;font-weight:700;line-height:1;text-decoration:none;transition:transform .14s,box-shadow .14s,background .14s,border-color .14s,color .14s;display:inline-flex}.app-button:hover{box-shadow:var(--shadow-strong);transform:translateY(-2px)}.app-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-button:disabled{cursor:not-allowed;opacity:.7;box-shadow:var(--shadow);transform:none}.app-button--primary{background:var(--accent);color:#fff;border-color:var(--accent-strong)}.app-button--primary:hover{background:var(--accent-strong)}.app-button--secondary{background:var(--surface);color:var(--text-strong);border-color:var(--border-strong)}.app-button--secondary:hover{background:var(--surface-2)}.app-button--ghost{background:var(--surface-2);color:var(--text-strong);border-color:var(--border)}.app-button--ghost:hover{background:var(--surface-3)}.app-button--icon{border-radius:50%;width:46px;min-width:46px;height:46px;min-height:46px;padding:0;font-size:1.2rem}.cc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-width:0;box-shadow:var(--shadow);flex-direction:column;gap:16px;padding:24px;display:flex}.cc-status{min-height:160px;color:var(--text-soft);text-align:center;justify-content:center;align-items:center;font-weight:600}.cc-status--error{color:#d0453a}.cc-error-banner{border-radius:var(--radius-sm);color:#d0453a;background:#d0453a1a;border:1px solid #d0453a52;margin:0;padding:10px 14px;font-size:.88rem;font-weight:600}.cc-steps{gap:6px;display:flex}.cc-steps__dot{background:var(--surface-3);border-radius:999px;width:28px;height:6px;transition:background .16s}.cc-steps__dot.is-active{background:var(--accent)}.cc-steps__dot.is-done{background:var(--accent-soft)}.cc-steps__label{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;margin:-8px 0 0;font-size:.78rem;font-weight:700}.cc-recap{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);flex-direction:column;gap:6px;min-width:0;padding:12px 14px;display:flex}.cc-recap__label{color:var(--text-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:700}.cc-recap__text{color:var(--text-strong);overflow-wrap:anywhere;font-weight:600;line-height:1.45}.cc-field{align-items:flex-start;gap:10px;min-width:0;display:flex}.cc-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);resize:vertical;background:var(--surface-flat);width:100%;min-width:0;color:var(--text-strong);font:inherit;outline:none;flex:auto;padding:14px;line-height:1.6}.cc-field textarea::placeholder{color:var(--text-soft)}.cc-field textarea:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cc-mic{flex:none}.cc-mic-hint{max-width:140px;color:var(--text-soft);flex:none;font-size:.78rem;line-height:1.4}.cc-category{flex-direction:column;gap:8px;min-width:0;display:flex}.cc-category label{color:var(--text-soft);font-size:.8rem}.cc-category select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-flat);width:100%;min-height:44px;color:var(--text-strong);font:inherit;padding:0 12px}.cc-new-category{flex-wrap:wrap;gap:8px;display:flex}.cc-new-category input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-flat);min-width:0;min-height:44px;color:var(--text-strong);font:inherit;outline:none;flex:160px;padding:0 12px}.cc-new-category input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cc-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.cc-saved-banner{border-radius:var(--radius-sm);color:#1f9d55;background:#1f9d551f;border:1px solid #1f9d5559;margin:0;padding:10px 14px;font-size:.88rem;font-weight:600}@media (width<=560px){.cc-field{flex-wrap:wrap}.cc-mic{align-self:flex-end}.cc-actions{flex-direction:column-reverse;align-items:stretch}.cc-actions .app-button{width:100%}.cc-saved-banner{text-align:center}}.admin-page{flex-direction:column;gap:24px;width:100%;max-width:1200px;min-height:calc(100svh - 48px);padding:24px;display:flex}.admin-header{border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-strong), var(--inset-shadow);background:linear-gradient(#fff 0%,#f8f9fb 100%);padding:24px 28px}.header-content{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-header h1{color:var(--text-strong);margin:0;font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}.header-actions{flex-wrap:wrap;gap:12px;display:flex}.btn{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;min-width:120px;box-shadow:var(--shadow);padding:12px 24px;font-size:.95rem;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s}.btn-secondary{background:var(--surface);color:var(--text-strong);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2);box-shadow:var(--shadow-strong);transform:translateY(-3px)}.btn-danger{background:var(--accent);color:#fff;border-color:var(--accent-strong)}.btn-danger:hover{background:var(--accent-strong);box-shadow:var(--shadow-strong);transform:translateY(-3px)}.admin-content{flex-direction:column;gap:24px;display:flex}.loading{text-align:center;color:var(--text-soft);padding:3rem;font-size:1.05rem}.error-message{background:var(--surface);border-radius:var(--radius-lg);text-align:center;color:#b42318;box-shadow:var(--shadow);border:1px solid #ef44444d;padding:28px}.error-message button{background:var(--accent);color:#fff;border:1px solid var(--accent-strong);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow);margin-top:1rem;padding:12px 28px;font-weight:700}.welcome-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:32px 28px}.welcome-section h2{color:var(--text-strong);margin:0 0 10px;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:600}.subtitle{color:var(--text-soft);margin:0;font-size:1.05rem}.flashcard-section{flex-direction:column;gap:20px;display:flex}.flashcard-section h2{color:var(--text-strong);margin:0;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:600}.dashboard-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.dashboard-card{background:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow);padding:24px}.dashboard-card h3{color:var(--text-strong);border-bottom:1px solid var(--border);margin:0 0 18px;padding-bottom:12px;font-size:1.15rem;font-weight:600}.stat-item,.info-item{border-bottom:1px solid #c9cfdb59;justify-content:space-between;gap:12px;padding:12px 0;display:flex}.stat-item:last-child,.info-item:last-child{border-bottom:none}.stat-label,.info-label{color:var(--text-soft);font-weight:500}.stat-value{color:var(--accent);font-size:1.25rem;font-weight:800}.info-value{color:var(--text-strong);text-align:right;font-weight:500}.action-btn{background:linear-gradient(180deg, #5b9cff 0%, var(--accent) 100%);color:#fff;border:1px solid var(--accent-strong);border-radius:var(--radius-sm);cursor:pointer;width:100%;box-shadow:var(--shadow), inset 0 1px 0 #ffffff4d;margin-bottom:12px;padding:14px 20px;font-weight:700;transition:transform .14s,box-shadow .14s,background .14s;display:block}.action-btn:hover{background:linear-gradient(180deg, #4a8dee 0%, var(--accent-strong) 100%);box-shadow:var(--shadow-strong), inset 0 1px 0 #ffffff4d;transform:translateY(-4px)}.action-btn:last-child{margin-bottom:0}.empty-state{color:var(--text-soft);text-align:center;padding:2rem 0;font-style:italic}@media (width<=768px){.admin-page{gap:20px;padding:16px}.admin-header{padding:20px}.header-content{flex-direction:column;align-items:stretch}.header-actions{width:100%}.btn{flex:1}.welcome-section{padding:24px 20px}.dashboard-card{padding:20px}}.capture-page{flex-direction:column;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex}.capture-page__title{margin:8px 0 0;font-size:1.6rem}.card-editor{border-top:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:12px;padding:14px 16px 16px;display:flex}.card-editor__field{flex-direction:column;gap:5px;min-width:0;display:flex}.card-editor__field>span{color:var(--text-soft);letter-spacing:.12em;text-transform:uppercase;font-size:.74rem;font-weight:700}.card-editor__field textarea,.card-editor__field select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-flat);width:100%;min-width:0;color:var(--text-strong);font:inherit;resize:vertical;outline:none;padding:12px;line-height:1.5}.card-editor__field select{resize:none;min-height:46px;padding:0 12px}.card-editor__field textarea:focus-visible,.card-editor__field select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.card-editor__actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.card-editor__error{border-radius:var(--radius-sm);color:#d0453a;background:#d0453a1a;border:1px solid #d0453a52;margin:0;padding:10px 12px;font-size:.85rem;font-weight:600}@media (width<=480px){.card-editor__actions .app-button{flex:auto}}.card-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow);overflow:hidden}.card-row.is-suspended{opacity:.72}.card-row__main{width:100%;min-width:0;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.card-row__main:hover{background:var(--surface-2)}.card-row__front{color:var(--text-strong);overflow-wrap:anywhere;font-weight:700;line-height:1.4}.card-row__back{color:var(--text-soft);overflow-wrap:anywhere;font-size:.9rem;line-height:1.4}.card-row__meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.card-row__status{background:var(--surface-3);color:var(--text-soft);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 9px;font-size:.7rem;font-weight:700}.card-row__status--new{color:#1f9d55;background:#1f9d5524}.card-row__status--review{background:var(--accent-soft);color:var(--accent-strong)}.card-row__status--relearning{color:#c0782b;background:#c0782b29}.card-row__status--suspended{color:#5a5a64;background:#5a5a6424}.card-row__deck,.card-row__due{color:var(--text-soft);font-size:.74rem}.card-row__deck:after{content:"·";margin-left:6px}.card-row__actions{border-top:1px solid var(--border);background:var(--surface-2);padding:12px 16px 14px}.card-row__buttons{flex-wrap:wrap;gap:8px;display:flex}.card-row__buttons .app-button{min-height:40px;padding:0 14px;font-size:.85rem}.card-row__confirm{flex-direction:column;gap:10px;display:flex}.card-row__confirm p{color:var(--text-strong);overflow-wrap:anywhere;font-size:.9rem;line-height:1.45}.card-row__danger{background:#d0453a;border-color:#b03227}.card-row__danger:hover{background:#b03227}.cards-page{flex-direction:column;gap:10px;width:100%;max-width:640px;margin:0 auto;display:flex}.cards-page__title{margin:8px 0 4px;font-size:1.6rem}.cards-page__search,.cards-page__deck{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-flat);width:100%;min-width:0;min-height:48px;color:var(--text-strong);font:inherit;outline:none;padding:0 14px}.cards-page__search:focus-visible,.cards-page__deck:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.cards-page__statuses{flex-wrap:wrap;gap:6px;display:flex}.cards-page__chip{border:1px solid var(--border);background:var(--surface);color:var(--text-soft);font:inherit;cursor:pointer;border-radius:999px;padding:7px 13px;font-size:.8rem;font-weight:700;transition:background .14s,color .14s,border-color .14s}.cards-page__chip:hover{color:var(--text-strong)}.cards-page__chip.is-active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.cards-page__count{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.cards-page__list{flex-direction:column;gap:8px;display:flex}.cards-page__hint{color:var(--text-soft);text-align:center;padding:32px 0}.cards-page__error{border-radius:var(--radius-sm);color:#d0453a;background:#d0453a1a;border:1px solid #d0453a52;margin:0;padding:10px 14px;font-size:.88rem;font-weight:600}.deck-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);min-width:0;box-shadow:var(--shadow);overflow:hidden}.deck-row__main{align-items:center;gap:10px;min-width:0;padding:10px 10px 10px 16px;display:flex}.deck-row__name{min-width:0;color:var(--text-strong);font:inherit;text-align:left;cursor:pointer;overflow-wrap:anywhere;background:0 0;border:none;flex:auto;padding:6px 0;font-weight:700}.deck-row__name:hover{color:var(--accent-strong)}.deck-row__rename{border:1px solid var(--accent);border-radius:var(--radius-sm);background:var(--surface-flat);min-width:0;min-height:40px;color:var(--text-strong);font:inherit;box-shadow:0 0 0 3px var(--accent-soft);outline:none;flex:auto;padding:0 10px;font-weight:700}.deck-row__counts{flex:none;gap:5px;display:inline-flex}.deck-row__count{background:var(--surface-3);min-width:26px;color:var(--text-soft);text-align:center;border-radius:999px;padding:3px 7px;font-size:.74rem;font-weight:700}.deck-row__count--due{background:var(--accent-soft);color:var(--accent-strong)}.deck-row__count--new{color:#1f9d55;background:#1f9d5524}.deck-row__menu{width:38px;height:38px;color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:50%;flex:none;place-items:center;font-size:1.2rem;line-height:1;display:grid}.deck-row__menu:hover{background:var(--surface-2);color:var(--text-strong)}.deck-row__actions{border-top:1px solid var(--border);background:var(--surface-2);flex-direction:column;gap:10px;padding:12px 16px 14px;display:flex}.deck-row__buttons{flex-wrap:wrap;gap:8px;display:flex}.deck-row__buttons .app-button{min-height:40px;padding:0 14px;font-size:.85rem}.deck-row__inline{flex-wrap:wrap;gap:8px;display:flex}.deck-row__inline input,.deck-row__inline select{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-flat);min-width:0;min-height:44px;color:var(--text-strong);font:inherit;outline:none;flex:160px;padding:0 12px}.deck-row__inline input:focus-visible,.deck-row__inline select:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.deck-row__confirm{flex-direction:column;gap:10px;display:flex}.deck-row__confirm p{color:var(--text-strong);font-size:.9rem;line-height:1.45}.deck-row__danger{background:#d0453a;border-color:#b03227}.deck-row__danger:hover{background:#b03227}.decks-page{flex-direction:column;gap:14px;width:100%;max-width:640px;margin:0 auto;display:flex}.decks-page__title{margin:8px 0 0;font-size:1.6rem}.decks-page__tree{flex-direction:column;gap:8px;display:flex}.decks-page__hint{color:var(--text-soft);text-align:center;padding:24px 0}.decks-page__error{border-radius:var(--radius-sm);color:#d0453a;background:#d0453a1a;border:1px solid #d0453a52;margin:0;padding:10px 14px;font-size:.88rem;font-weight:600}.decks-page__create{gap:8px;margin-top:4px;display:flex}.decks-page__create input{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-flat);min-width:0;min-height:48px;color:var(--text-strong);font:inherit;outline:none;flex:auto;padding:0 14px}.decks-page__create input:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.study-page{flex-direction:column;gap:16px;width:100%;max-width:560px;margin:0 auto;display:flex}.study-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.study-page__title{margin:0;font-size:1.6rem}.study-page__filter{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-flat);min-width:0;min-height:40px;color:var(--text-strong);font:inherit;padding:0 12px;font-size:.85rem}.study-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;min-width:0;box-shadow:var(--shadow);text-align:center;flex-direction:column;align-items:center;gap:18px;padding:32px 24px;display:flex}.study-card__category{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:4px 12px;font-size:.76rem;font-weight:700}.study-card__front{color:var(--text-strong);overflow-wrap:anywhere;font-size:1.3rem;font-weight:800;line-height:1.4}.study-card__back{color:var(--text);border-top:1px solid var(--border);overflow-wrap:anywhere;width:100%;padding-top:16px;font-size:1.1rem;line-height:1.5}.study-grades{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;display:grid}.study-grade{min-width:0;min-height:48px;padding:0 8px}.study-grade--again{color:#d0453a}.study-grade--hard{color:#c0782b}.study-grade--good{color:#1f9d55}.study-grade--easy{color:var(--accent-strong)}.study-empty{color:var(--text-soft);text-align:center;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:56px 20px;font-size:1.1rem}.study-card__edit{color:var(--text-soft);font:inherit;border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:.82rem;font-weight:700}.study-card__edit:hover{color:var(--accent-strong);background:var(--accent-soft)}.study-card .card-editor{border-radius:var(--radius-sm);text-align:left;border-top:none;width:100%;margin-top:4px}.study-empty--error{color:#d0453a;border-color:#d0453a52}@media (width<=640px){.study-grades{grid-template-columns:repeat(2,minmax(0,1fr))}}body{margin:0;padding:0}#root{width:100%;min-height:100svh}