:root{--color-primary:#4f46e5;--color-primary-hover:#4338ca;--color-primary-soft:#eef2ff;--color-primary-contrast:#fff;--color-bg:#f7f8fb;--color-surface:#fff;--color-surface-muted:#f1f3f8;--color-border:#e4e7ef;--color-border-strong:#cfd4e0;--color-text:#161a2b;--color-text-muted:#5b6275;--color-text-subtle:#868ca0;--color-success:#15803d;--color-success-soft:#dcfce7;--color-danger:#c62828;--color-danger-soft:#fde8e8;--color-warning-soft:#fff7e0;--color-warning-text:#7a5300;--note-yellow:#fff6c2;--note-yellow-border:#efdc84;--note-peach:#ffe6d3;--note-peach-border:#f4c39d;--note-pink:#ffe1eb;--note-pink-border:#f2b6ca;--note-lavender:#ede7ff;--note-lavender-border:#cbbef5;--note-blue:#e0f0ff;--note-blue-border:#aed2f2;--note-mint:#ddf6e7;--note-mint-border:#a3dcb9;--focus-ring:0 0 0 3px #4f46e559;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.125rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--shadow-sm:0 1px 2px #161a2b0f;--shadow-md:0 4px 14px #161a2b14;--shadow-lg:0 18px 40px #161a2b24;--sidebar-width:248px;--content-max-width:1080px;--transition-fast:.15s ease;--transition-flip:.5s cubic-bezier(.4, .2, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.01em;line-height:1.25}a{color:var(--color-primary)}button,input,textarea{font:inherit;color:inherit}:focus-visible{box-shadow:var(--focus-ring);outline:none}[data-note=yellow]{--note-bg:var(--note-yellow);--note-border:var(--note-yellow-border)}[data-note=peach]{--note-bg:var(--note-peach);--note-border:var(--note-peach-border)}[data-note=pink]{--note-bg:var(--note-pink);--note-border:var(--note-pink-border)}[data-note=lavender]{--note-bg:var(--note-lavender);--note-border:var(--note-lavender-border)}[data-note=blue]{--note-bg:var(--note-blue);--note-border:var(--note-blue-border)}[data-note=mint]{--note-bg:var(--note-mint);--note-border:var(--note-mint-border)}.form-error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.full-page-loader{place-items:center;min-height:100vh;display:grid}.full-page-loader__spinner{border:3px solid var(--color-primary-soft);border-top-color:var(--color-primary);border-radius:var(--radius-full);width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-weight:var(--weight-semibold);white-space:nowrap;cursor:pointer;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);border:1px solid #0000;line-height:1;text-decoration:none;display:inline-flex}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--sm{height:32px;padding:0 var(--space-3);font-size:var(--text-sm)}.btn--md{height:40px;padding:0 var(--space-4);font-size:var(--text-sm)}.btn--lg{height:48px;padding:0 var(--space-6);font-size:var(--text-base)}.btn--icon-only{aspect-ratio:1;padding:0}.btn--primary{background:var(--color-primary);color:var(--color-primary-contrast)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn--secondary{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.btn--secondary:hover:not(:disabled){background:var(--color-surface-muted)}.btn--ghost{color:var(--color-text-muted);background:0 0}.btn--ghost:hover:not(:disabled){background:var(--color-surface-muted);color:var(--color-text)}.btn--success{background:var(--color-success-soft);color:var(--color-success)}.btn--success:hover:not(:disabled){border-color:var(--color-success)}.btn--danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn--danger:hover:not(:disabled){border-color:var(--color-danger)}.app-shell{min-height:100vh}.brand{align-items:center;gap:var(--space-3);color:var(--color-text);border-radius:var(--radius-sm);text-decoration:none;display:inline-flex}.brand__logo{width:auto;height:34px;display:block}.sidebar{z-index:20;width:var(--sidebar-width);padding:var(--space-6) var(--space-4);border-right:1px solid var(--color-border);background:var(--color-surface);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar__brand{padding:0 var(--space-2) var(--space-8)}.sidebar__nav{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:background-color var(--transition-fast), color var(--transition-fast);text-decoration:none;display:flex}.nav-link:hover{background:var(--color-surface-muted);color:var(--color-text)}.nav-link--active,.nav-link--active:hover{background:var(--color-primary-soft);color:var(--color-primary)}.sidebar__footer{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted);flex-direction:column;margin-top:auto;display:flex}.sidebar__user{align-items:center;gap:var(--space-2);min-width:0;display:flex}.sidebar__avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:30px;height:30px;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-bold);flex-shrink:0;place-items:center;display:grid}.sidebar__identity{flex-direction:column;min-width:0;display:flex}.sidebar__name,.sidebar__email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sidebar__name{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.sidebar__email{font-size:var(--text-sm);font-weight:var(--weight-medium)}.sidebar__name+.sidebar__email{font-size:var(--text-xs);font-weight:var(--weight-regular);color:var(--color-text-muted)}.sidebar__logout{width:100%}.main{margin-left:var(--sidebar-width);padding:var(--space-8) var(--space-8) var(--space-12)}.main__inner{gap:var(--space-8);max-width:var(--content-max-width);flex-direction:column;margin:0 auto;display:flex}.topbar{display:none}.topbar__menu{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;place-items:center;width:40px;height:40px;display:grid}.sidebar-backdrop{display:none}@media (width<=860px){.topbar{z-index:30;height:60px;padding:0 var(--space-4);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.sidebar{box-shadow:var(--shadow-lg);transition:transform .22s;top:60px;transform:translate(-100%)}.sidebar--open{transform:translate(0)}.sidebar__brand{display:none}.sidebar-backdrop{z-index:10;background:#161a2b59;display:block;position:fixed;inset:60px 0 0}.main{padding:var(--space-5) var(--space-4) var(--space-10);margin-left:0}.main__inner{gap:var(--space-6)}.sidebar:not(.sidebar--open){visibility:hidden;transition:transform .22s,visibility 0s .22s}}.auth-layout{justify-content:center;align-items:center;gap:var(--space-6);min-height:100vh;padding:var(--space-8) var(--space-4);background:radial-gradient(circle at 20% 0%, var(--color-primary-soft), transparent 45%), var(--color-bg);flex-direction:column;display:flex}.auth-layout__brand{border-radius:var(--radius-sm);align-items:center;text-decoration:none;display:flex}.auth-layout__logo{width:auto;height:46px;display:block}.auth-layout__back{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-sm);text-decoration:none;display:inline-flex}.auth-layout__back:hover{color:var(--color-text)}.auth-card{width:100%;max-width:420px;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}@media (width<=480px){.auth-card{padding:var(--space-6) var(--space-5)}}.auth-form{gap:var(--space-5);flex-direction:column;display:flex}.auth-form__header h1{font-size:var(--text-xl)}.auth-form__header p{margin-top:var(--space-1);color:var(--color-text-muted)}.auth-form__submit{width:100%}.auth-form__row{margin-top:calc(-1 * var(--space-3));font-size:var(--text-sm);justify-content:flex-end;display:flex}.auth-form__footer{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center}.auth-form a{font-weight:var(--weight-semibold);text-decoration:none}.auth-form a:hover{text-decoration:underline}.auth-alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm)}.auth-alert--error{background:var(--color-danger-soft);color:var(--color-danger)}.auth-alert--success{background:var(--color-success-soft);color:var(--color-success)}.field{gap:var(--space-2);flex-direction:column;display:flex}.field__label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.field__optional{font-weight:var(--weight-regular);color:var(--color-text-subtle)}.field__control{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);font-size:var(--text-base);transition:border-color var(--transition-fast)}input.field__control{height:42px}textarea.field__control{resize:vertical;min-height:84px}.field__control:focus-visible{border-color:var(--color-primary)}.field__control--error{border-color:var(--color-danger)}.field__hint,.field__error{font-size:var(--text-xs)}.field__hint{color:var(--color-text-subtle)}.field__error{color:var(--color-danger)}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__eyebrow{margin-bottom:var(--space-2)}.page-header__title{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.page-header__subtitle{margin-top:var(--space-1);color:var(--color-text-muted)}.page-header__actions{gap:var(--space-3);display:flex}.account-sections{gap:var(--space-8);flex-direction:column;display:flex}.account-section{gap:var(--space-6);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border);grid-template-columns:260px minmax(0,1fr);display:grid}.account-section:last-child{border-bottom:none;padding-bottom:0}.account-section__intro h2{font-size:var(--text-base)}.account-section__intro p{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted)}.account-section__body{max-width:560px}.account-form{gap:var(--space-5);flex-direction:column;display:flex}.account-form__actions{justify-content:flex-end;display:flex}.account-current{gap:var(--space-1);flex-direction:column;display:flex}.account-current__label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.account-current__value{color:var(--color-text-muted);overflow-wrap:anywhere}.account-status{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm)}.account-status--success{background:var(--color-success-soft);color:var(--color-success)}.account-status--error{background:var(--color-danger-soft);color:var(--color-danger)}.account-status--info{background:var(--color-primary-soft);color:var(--color-primary)}@media (width<=860px){.account-section{gap:var(--space-4);grid-template-columns:1fr}.account-section__body{max-width:none}}.deck-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.section{gap:var(--space-4);flex-direction:column;display:flex}.section__header{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.section__title{font-size:var(--text-lg)}.section__link{font-size:var(--text-sm);font-weight:var(--weight-semibold);text-decoration:none}.section__link:hover{text-decoration:underline}.panel{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.status-message{padding:var(--space-10) 0;color:var(--color-text-muted);text-align:center}.status-message--error{color:var(--color-danger)}.stats{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.stat__label{font-size:var(--text-sm);color:var(--color-text-muted)}.stat__value{margin-top:var(--space-1);font-size:var(--text-2xl);font-weight:var(--weight-bold)}.deck-heading{align-items:center;gap:var(--space-3);display:inline-flex}.back-link{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);border-radius:var(--radius-sm);text-decoration:none;display:inline-flex}.back-link:hover{color:var(--color-text)}.deck-layout{align-items:start;gap:var(--space-6);grid-template-columns:minmax(0,1fr) 340px;display:grid}.card-list{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.add-card-form{gap:var(--space-4);flex-direction:column;display:flex}.add-card-form__title{font-size:var(--text-base)}@media (width<=860px){.deck-layout{grid-template-columns:1fr}.deck-layout__aside{order:-1}}.deck-icon{border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.deck-icon--image{background:var(--color-surface);box-shadow:inset 0 0 0 1px #161a2b14}.deck-icon img{object-fit:cover;width:100%;height:100%}.icon-picker{gap:var(--space-2);flex-direction:column;display:flex}.icon-picker__label{font-size:var(--text-sm);font-weight:var(--weight-semibold)}.icon-picker__optional{font-weight:var(--weight-regular);color:var(--color-text-subtle)}.icon-picker__row{align-items:center;gap:var(--space-4);display:flex}.icon-picker__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.icon-picker__hint,.icon-picker__error{font-size:var(--text-xs)}.icon-picker__hint{color:var(--color-text-subtle)}.icon-picker__error{color:var(--color-danger)}.modal{width:min(480px, calc(100vw - 2 * var(--space-4)));border-radius:var(--radius-lg);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-lg);border:none;padding:0}.modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#161a2b73}.modal[open]{animation:.18s ease-out modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}}.modal__panel{padding:var(--space-6)}.modal__header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--text-lg)}.modal__close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;place-items:center;display:grid}.modal__close:hover{background:var(--color-surface-muted);color:var(--color-text)}.modal-form{gap:var(--space-5);flex-direction:column;display:flex}.modal-form__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);display:flex}.action-menu{position:relative}@media (hover:hover){.reveal-on-hover>.action-menu{opacity:0;transition:opacity var(--transition-fast)}.reveal-on-hover:hover>.action-menu,.reveal-on-hover:focus-within>.action-menu{opacity:1}.reveal-on-hover>.action-menu:has([aria-expanded=true]){opacity:1}}.action-menu__trigger{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-subtle);cursor:pointer;transition:background-color var(--transition-fast), color var(--transition-fast);background:0 0;border:none;place-items:center;display:grid}.action-menu__trigger:hover,.action-menu__trigger[aria-expanded=true]{background:var(--color-surface-muted);color:var(--color-text)}.action-menu__list{z-index:10;min-width:168px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg);margin:0;list-style:none;animation:.12s ease-out action-menu-in;position:absolute;top:0}.action-menu__list--right{left:calc(100% + var(--space-2));--menu-slide:-4px}.action-menu__list--left{right:calc(100% + var(--space-2));--menu-slide:4px}.action-menu__list--below{top:calc(100% + var(--space-2));--menu-slide:0px;right:0}@keyframes action-menu-in{0%{opacity:0;transform:translateX(var(--menu-slide))}}.action-menu__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);text-align:left;cursor:pointer;background:0 0;border:none;display:flex}.action-menu__item:hover,.action-menu__item:focus-visible{background:var(--color-surface-muted);box-shadow:none}.action-menu__item--active{background:var(--color-surface-muted)}.action-menu__chevron{color:var(--color-text-subtle);margin-left:auto}.action-menu__parent{position:relative}.action-menu__submenu{top:calc(-1 * var(--space-1) - 1px);min-width:156px}.action-menu__submenu.action-menu__list--right{left:calc(100% + var(--space-2))}.action-menu__submenu.action-menu__list--left{right:calc(100% + var(--space-2))}.action-menu__swatch{border-radius:var(--radius-full);border:1px solid #161a2b2e;flex-shrink:0;width:16px;height:16px}.action-menu__check{color:var(--color-primary);margin-left:auto}.action-menu__item--danger{color:var(--color-danger)}.action-menu__item--danger:hover,.action-menu__item--danger:focus-visible{background:var(--color-danger-soft)}.confirm-dialog__message{color:var(--color-text-muted)}.confirm-dialog__error{margin-top:var(--space-4);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--text-sm)}.confirm-dialog__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);display:flex}.btn.confirm-dialog__danger{background:var(--color-danger);color:#fff}.btn.confirm-dialog__danger:hover:not(:disabled){background:#a51f1f}.split-button{align-items:stretch;display:inline-flex}.split-button__main{border-top-right-radius:0;border-bottom-right-radius:0}.split-button .split-button__toggle{border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-primary);width:44px;height:48px;color:var(--color-primary-contrast);border-left:1px solid #ffffff59}.split-button--compact .split-button__toggle{width:30px;height:32px}.split-button .split-button__toggle:hover,.split-button .split-button__toggle[aria-expanded=true]{background:var(--color-primary-hover);color:var(--color-primary-contrast)}.split-button__menu .action-menu__list{z-index:20;min-width:190px}.deck-card{justify-content:space-between;gap:var(--space-5);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-fast), border-color var(--transition-fast), transform var(--transition-fast);flex-direction:column;display:flex;position:relative}.deck-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.deck-card:has(.deck-card__link:focus-visible){box-shadow:var(--focus-ring)}.deck-card:has([aria-expanded=true]){z-index:3}.deck-card>.deck-card__menu{top:var(--space-3);right:var(--space-3);z-index:2;position:absolute}.deck-card__top{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.deck-card__title{font-size:var(--text-lg)}.deck-card__link{color:inherit;text-decoration:none}.deck-card__link:focus-visible{box-shadow:none}.deck-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.deck-card__description{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.deck-card__footer{justify-content:space-between;align-items:center;display:flex}.deck-card__count{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-subtle)}.deck-card__study{z-index:1;position:relative}.deck-card__error{font-size:var(--text-sm);color:var(--color-danger)}.deck-card[data-note],.deck-card[data-note]:hover{border-color:var(--note-border);background:var(--note-bg)}.deck-card[data-note] .deck-icon:not(.deck-icon--image),.deck-card[data-note] .sample-badge,.deck-card[data-note]>.deck-card__menu .action-menu__trigger:hover,.deck-card[data-note]>.deck-card__menu .action-menu__trigger[aria-expanded=true]{background:#ffffffb3}.sample-notice{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-text);font-size:var(--text-sm);border:1px solid #d9dcfb;display:flex}.sample-notice svg{color:var(--color-primary);flex-shrink:0;margin-top:1px}.sample-badge{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);vertical-align:middle;line-height:1.5;display:inline-block}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-12) var(--space-6);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);text-align:center;flex-direction:column;display:flex}.empty-state__icon{width:56px;height:56px;margin-bottom:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);place-items:center;display:grid}.empty-state__title{font-size:var(--text-lg)}.empty-state__description{max-width:380px;color:var(--color-text-muted)}.empty-state__action{margin-top:var(--space-4)}.history-empty{align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:radial-gradient(circle at 50% 0%, var(--color-primary-soft), transparent 70%), var(--color-surface);text-align:center;flex-direction:column;display:flex}.history-empty__icon{box-sizing:content-box;border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);padding:14px}.history-empty__quote{max-width:520px;margin:var(--space-2) 0 0}.history-empty__quote p{font-size:var(--text-xl);font-style:italic;font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.35}.history-empty__quote footer{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-subtle)}.history-empty__text{max-width:420px;color:var(--color-text-muted)}.history-empty .btn{margin-top:var(--space-2)}.history{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm);overflow:hidden}.history__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.history__table th{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted);color:var(--color-text-subtle);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-align:left;text-transform:uppercase}.history__table td{padding:var(--space-3) var(--space-5);border-bottom:1px solid var(--color-border);vertical-align:middle}.history__table tbody tr:last-child td{border-bottom:none}.history__table tbody tr{transition:background-color var(--transition-fast)}.history__table tbody tr:hover{background:var(--color-surface-muted)}.history__date{white-space:nowrap;color:var(--color-text-muted)}.history__deck{align-items:center;gap:var(--space-3);font-weight:var(--weight-medium);display:inline-flex}.history__deck a{color:var(--color-text);text-decoration:none}.history__deck a:hover{color:var(--color-primary);text-decoration:underline}.history__deleted{color:var(--color-text-subtle)}.history__score-col{text-align:right;white-space:nowrap}.history__table th.history__score-col{text-align:right}.history__count{min-width:3.5em;margin-left:var(--space-2);color:var(--color-text-subtle);font-variant-numeric:tabular-nums;display:inline-block}.score{min-width:3.25em;padding:2px var(--space-2);border-radius:var(--radius-full);font-weight:var(--weight-semibold);font-variant-numeric:tabular-nums;text-align:center;display:inline-block}.score--good{background:var(--color-success-soft);color:var(--color-success)}.score--ok{background:var(--color-warning-soft);color:var(--color-warning-text)}.score--low{background:var(--color-danger-soft);color:var(--color-danger)}@media (width<=520px){.history__table th,.history__table td{padding:var(--space-3)}.history__count{display:none}}.card-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast);grid-template-columns:1fr 1fr;display:grid;position:relative}.card-row:hover{border-color:var(--color-border-strong)}.card-row:has([aria-expanded=true]){z-index:3}.card-row__side{padding:var(--space-4);overflow-wrap:anywhere}.card-row__side:first-child{border-radius:var(--radius-md) 0 0 var(--radius-md)}.card-row__side+.card-row__side{padding-right:calc(var(--space-4) + 32px);border-left:1px solid var(--color-border);border-radius:0 var(--radius-md) var(--radius-md) 0;background:var(--color-surface-muted)}.card-list[data-note] .card-row{border-color:var(--note-border)}.card-list[data-note] .card-row__side+.card-row__side{border-color:var(--note-border);background:var(--note-bg)}.card-row__label{margin-bottom:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-subtle);display:block}.card-row>.card-row__menu{top:var(--space-2);right:var(--space-2);position:absolute}@media (width<=520px){.card-row{grid-template-columns:1fr}.card-row__side:first-child{padding-right:calc(var(--space-4) + 32px);border-radius:var(--radius-md) var(--radius-md) 0 0}.card-row__side+.card-row__side{padding-right:var(--space-4);border-left:none;border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md)}}.flashcard{aspect-ratio:16/10;border-radius:var(--radius-xl);perspective:1400px;cursor:pointer;background:0 0;border:none;width:100%;min-height:240px;padding:0;display:block}.flashcard:focus-visible{box-shadow:none}.flashcard:focus-visible .flashcard__face{box-shadow:var(--focus-ring), var(--shadow-md)}.flashcard__inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform var(--transition-flip);display:block;position:relative}.flashcard--flipped .flashcard__inner{transform:rotateY(180deg)}.flashcard__face{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-8);border:1px solid var(--color-border);border-radius:inherit;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-md);backface-visibility:hidden;text-align:center;flex-direction:column;display:flex;position:absolute;inset:0}.flashcard__face--back{background:linear-gradient(160deg, var(--color-primary-soft), var(--color-surface) 70%);border-color:#d9dcfb;transform:rotateY(180deg)}.flashcard[data-note] .flashcard__face{border-color:var(--note-border)}.flashcard[data-note] .flashcard__face--front{background:var(--note-bg)}.flashcard[data-note] .flashcard__face--back{background:linear-gradient(160deg, var(--note-bg), var(--color-surface) 75%)}.flashcard__tag{top:var(--space-5);left:var(--space-6);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);position:absolute}.flashcard__text{font-size:clamp(var(--text-lg), 3.2vw, var(--text-3xl));font-weight:var(--weight-semibold);color:var(--color-text);overflow-wrap:anywhere;line-height:1.3}.flashcard__hint{bottom:var(--space-5);font-size:var(--text-xs);color:var(--color-text-subtle);position:absolute}@media (width<=600px){.flashcard{aspect-ratio:4/5;max-height:60vh}.flashcard__face{padding:var(--space-6)}}.progress{border-radius:var(--radius-full);background:var(--color-surface-muted);width:100%;height:8px;overflow:hidden}.progress__fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-primary), #7c73ff);height:100%;transition:width .3s}.study-header{gap:var(--space-2);flex-direction:column;display:flex}.study-header__title{font-size:var(--text-2xl)}.study-header__mode{color:var(--color-text-muted)}.study{gap:var(--space-6);flex-direction:column;width:100%;max-width:720px;margin:0 auto;display:flex}.study__progress{gap:var(--space-2);flex-direction:column;display:flex}.study__progress-text{justify-content:space-between;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted);flex-wrap:wrap;display:flex}.study__known{color:var(--color-success)}.study__unknown{color:var(--color-danger)}.study__card{position:relative}.study__status{top:var(--space-4);right:var(--space-5);z-index:2;padding:2px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);pointer-events:none;position:absolute}.study__status--known{background:var(--color-success-soft);color:var(--color-success)}.study__status--unknown{background:var(--color-danger-soft);color:var(--color-danger)}.study__controls{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.study__marks{gap:var(--space-3);display:flex}.study__marks .btn{min-width:140px;height:48px}.study__controls>.btn{height:48px}.study__footer{justify-content:center;gap:var(--space-2);display:flex}.study__shortcuts{font-size:var(--text-xs);color:var(--color-text-subtle);text-align:center}kbd{border:1px solid var(--color-border-strong);background:var(--color-surface);text-align:center;border-bottom-width:2px;border-radius:4px;min-width:1.6em;padding:1px 5px;font-family:inherit;font-size:.95em;display:inline-block}.study-summary{align-items:center;gap:var(--space-3);width:100%;max-width:520px;padding:var(--space-10) var(--space-6);text-align:center;flex-direction:column;margin:0 auto;display:flex}.study-summary__icon{border-radius:var(--radius-full);background:var(--color-success-soft);width:60px;height:60px;color:var(--color-success);place-items:center;display:grid}.study-summary__text{color:var(--color-text-muted)}.study-summary__stats{gap:var(--space-4);width:100%;margin:var(--space-4) 0;grid-template-columns:1fr 1fr;display:grid}.study-summary__stat{padding:var(--space-4);border-radius:var(--radius-md)}.study-summary__stat dt{font-size:var(--text-sm)}.study-summary__stat dd{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin:0}.study-summary__stat--known{background:var(--color-success-soft);color:var(--color-success)}.study-summary__stat--unknown{background:var(--color-danger-soft);color:var(--color-danger)}.study-summary__saved{align-items:center;gap:var(--space-1);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-success);display:inline-flex}.study-summary__saved--error{color:var(--color-text-muted)}.study-summary__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=600px){.study__marks{flex:1}.study__marks .btn{min-width:0;padding:0 var(--space-2);flex:1}.study__shortcuts{display:none}}