.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);overflow-y:auto}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);animation:fadeIn .2s ease-out forwards}.modal__container{display:flex;min-height:100%;align-items:center;justify-content:center;padding:var(--space-4)}@media (min-width: 640px){.modal__container{align-items:flex-start;padding:var(--space-6);padding-top:6vh}}.modal__dialog{position:relative;width:100%;background-color:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl),0 0 0 1px #0f172a0d;border:1px solid rgba(226,232,240,.5);padding:var(--space-6);animation:scaleIn .3s ease-out forwards;outline:none}@media (min-width: 640px){.modal__dialog{padding:var(--space-8)}}.dark .modal__dialog,[data-theme=dark] .modal__dialog{background-color:var(--color-gray-800);border-color:#4b556380}.modal__dialog--sm{max-width:384px}.modal__dialog--md{max-width:448px}.modal__dialog--lg{max-width:512px}.modal__dialog--xl{max-width:576px}.modal__dialog--2xl{max-width:672px}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.modal__header-content{flex:1;min-width:0;padding-right:var(--space-2)}.modal__title{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .modal__title,[data-theme=dark] .modal__title{color:#fff}.modal__description{margin-top:var(--space-1);font-size:var(--text-small);color:var(--color-text-secondary)}.modal__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:var(--space-2);margin:calc(-1 * var(--space-2));margin-left:0;color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-button);cursor:pointer;transition:all var(--transition-normal)}.modal__close:hover{color:var(--color-text-primary);background-color:var(--color-gray-100)}.modal__close:focus-visible{outline:none;box-shadow:0 0 0 2px #3b82f680}.dark .modal__close,[data-theme=dark] .modal__close{color:var(--color-gray-400)}.dark .modal__close:hover,[data-theme=dark] .modal__close:hover{color:#fff;background-color:var(--color-gray-700)}.modal__close-icon{width:20px;height:20px}.modal__footer{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.dark .modal__footer,[data-theme=dark] .modal__footer{border-color:var(--color-gray-700)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-button);font-family:var(--font-sans);font-weight:var(--font-medium);line-height:1;text-decoration:none;cursor:pointer;transition:all var(--transition-normal);border:1px solid transparent;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px #3b82f680}.dark .btn:focus-visible,[data-theme=dark] .btn:focus-visible{box-shadow:0 0 0 2px var(--color-gray-900),0 0 0 4px #3b82f680}.btn:active{transform:scale(.98)}.btn--primary{background:var(--gradient-primary);color:#fff;box-shadow:0 4px 6px -1px #0f0f0f33}.btn--primary:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-dark) 100%);box-shadow:0 10px 15px -3px #0f0f0f4d;transform:translateY(-2px)}.btn--primary:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #0f0f0f33}.dark .btn--primary,[data-theme=dark] .btn--primary{background:linear-gradient(135deg,#FFFFFF 0%,var(--color-gray-100) 100%);color:var(--color-gray-900);box-shadow:0 4px 14px #ffffff26}.dark .btn--primary:hover,[data-theme=dark] .btn--primary:hover{background:linear-gradient(135deg,var(--color-gray-100) 0%,var(--color-gray-200) 100%);box-shadow:0 6px 20px #ffffff40}.btn--secondary{background-color:#fff;color:var(--color-primary);border:2px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn--secondary:hover{border-color:var(--color-primary);background-color:#0f0f0f0d;box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--secondary:active{transform:translateY(0) scale(.98)}.dark .btn--secondary,[data-theme=dark] .btn--secondary{background-color:#1f293780;color:var(--color-gray-200);border-color:var(--color-gray-600);box-shadow:none}.dark .btn--secondary:hover,[data-theme=dark] .btn--secondary:hover{border-color:var(--color-gray-400);background-color:#37415180;box-shadow:none}.btn--ghost{background-color:transparent;color:var(--color-text-secondary);border:1px solid transparent}.btn--ghost:hover{color:var(--color-accent);background-color:#3b82f60d;border-color:#3b82f633}.dark .btn--ghost:hover,[data-theme=dark] .btn--ghost:hover{background-color:#3b82f61a}.btn--danger{background:var(--gradient-error);color:#fff;box-shadow:0 4px 6px -1px #ef444433}.btn--danger:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 10px 15px -3px #ef44444d;transform:translateY(-2px)}.btn--danger:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #ef444433}.btn--success{background:var(--gradient-success);color:#fff;box-shadow:0 4px 6px -1px #10b98133}.btn--success:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 10px 15px -3px #10b9814d;transform:translateY(-2px)}.btn--success:active{transform:translateY(0) scale(.98);box-shadow:0 4px 6px -1px #10b98133}.btn--sm{padding:var(--space-1-5) var(--space-3);font-size:var(--text-small);gap:var(--space-1-5)}.btn--md{padding:var(--space-2-5) var(--space-4);font-size:var(--text-body);gap:var(--space-2)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-body);gap:var(--space-2)}.btn--xl{padding:var(--space-4) var(--space-8);font-size:var(--text-body);font-weight:var(--font-semibold);gap:var(--space-3)}.btn--full-width{width:100%}.btn--loading{cursor:wait;opacity:.8}.btn:disabled,.btn--disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn:disabled:hover,.btn--disabled:hover{transform:none!important}.btn__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn--sm .btn__icon{width:16px;height:16px}.btn--md .btn__icon,.btn--lg .btn__icon{width:20px;height:20px}.btn--xl .btn__icon{width:24px;height:24px}.btn__spinner{animation:spin 1s linear infinite}.loading-spinner{border-radius:var(--radius-full);border-style:solid;border-top-color:transparent;animation:spin 1s linear infinite}.loading-spinner--sm{width:16px;height:16px;border-width:2px}.loading-spinner--md{width:32px;height:32px;border-width:2px}.loading-spinner--lg{width:48px;height:48px;border-width:3px}.loading-spinner--accent{border-color:var(--color-accent);border-top-color:transparent}.loading-spinner--white{border-color:#fff;border-top-color:transparent}.loading-spinner--gray{border-color:var(--color-text-muted);border-top-color:transparent}.loading-spinner-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:200px}.landing{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom right,#f8fafc,#f9fafb,#f1f5f9);position:relative;overflow:hidden}.landing__background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.landing__bg-circle{position:absolute;border-radius:9999px;filter:blur(48px)}.landing__bg-circle--top-right{top:-160px;right:-160px;width:320px;height:320px;background:linear-gradient(to bottom right,#e5e7eb66,#f3f4f633)}.landing__bg-circle--bottom-left{bottom:-160px;left:-160px;width:320px;height:320px;background:linear-gradient(to top right,#3b82f61a,#3b82f60d)}.landing__bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(255,255,255,.8),transparent)}.landing__wrapper{max-width:448px;width:100%;margin-left:var(--space-4);margin-right:var(--space-4);position:relative;z-index:var(--z-10)}.landing__card{background-color:#fff;border-radius:var(--radius-2xl);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:var(--space-6);text-align:center;animation:fadeIn .3s ease-out forwards}@media (min-width: 640px){.landing__card{padding:var(--space-10)}}.landing__header{margin-bottom:var(--space-6)}@media (min-width: 640px){.landing__header{margin-bottom:var(--space-8)}}.landing__logo{width:56px;height:56px;margin-left:auto;margin-right:auto;margin-bottom:var(--space-3)}@media (min-width: 640px){.landing__logo{width:64px;height:64px;margin-bottom:var(--space-4)}}.landing__title{font-size:var(--text-4xl);font-weight:var(--font-semibold);font-family:var(--font-display);color:var(--color-text-primary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-wide)}@media (min-width: 640px){.landing__title{font-size:var(--text-5xl);margin-bottom:var(--space-3)}}.landing__subtitle{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--color-text-secondary);letter-spacing:var(--tracking-wide)}@media (min-width: 640px){.landing__subtitle{font-size:var(--text-lg)}}.landing__features{margin-bottom:var(--space-8);text-align:left;display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width: 640px){.landing__features{margin-bottom:var(--space-10);gap:var(--space-4)}}.landing__feature{display:flex;align-items:flex-start;gap:var(--space-3);opacity:0;animation:slideUp .4s ease-out forwards}.landing__feature-icon{width:24px;height:24px;border-radius:9999px;background-color:#10b9811a;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.landing__feature-icon svg{width:16px;height:16px;color:var(--color-success)}.landing__feature-text{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed)}.landing__btn{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-xl);font-weight:var(--font-semibold);color:#fff;background:linear-gradient(to right,var(--color-primary-light),var(--color-primary));box-shadow:0 10px 15px -3px #0f0f0f40;transform:translateY(0);transition:all .2s ease-out;display:flex;align-items:center;justify-content:center;gap:var(--space-3);min-height:48px;border:none;cursor:pointer;outline:none;font-family:var(--font-sans);font-size:var(--text-body)}@media (min-width: 640px){.landing__btn{padding:var(--space-4) var(--space-6)}}.landing__btn:hover{background:linear-gradient(to right,var(--color-primary),var(--color-primary-dark));box-shadow:0 20px 25px -5px #0f0f0f4d;transform:translateY(-2px)}.landing__btn:active{transform:translateY(0) scale(.98)}.landing__btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px #3b82f680}.landing__btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 10px 15px -3px #0f0f0f40}.landing__btn:disabled:hover{transform:none;box-shadow:0 10px 15px -3px #0f0f0f40}.landing__btn-icon{width:20px;height:20px}.landing__footer{margin-top:var(--space-8);font-size:var(--text-small);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.landing__link{color:var(--color-text-secondary);cursor:pointer;transition:color .2s ease-out}.landing__link:hover{color:var(--color-accent)}.dark .landing,[data-theme=dark] .landing{background:#111827}.dark .landing__bg-circle--top-right,[data-theme=dark] .landing__bg-circle--top-right{background:linear-gradient(to bottom right,#37415166,#1f293733)}.dark .landing__bg-circle--bottom-left,[data-theme=dark] .landing__bg-circle--bottom-left{background:linear-gradient(to top right,#3b82f626,#3b82f614)}.dark .landing__bg-glow,[data-theme=dark] .landing__bg-glow{background:radial-gradient(circle,rgba(30,41,59,.8),transparent)}.dark .landing__card,[data-theme=dark] .landing__card{background-color:#111827;border:1px solid rgba(255,255,255,.1);box-shadow:0 4px 12px #0000004d}.dark .landing__title,[data-theme=dark] .landing__title{color:var(--color-text-primary)}.dark .landing__subtitle,[data-theme=dark] .landing__subtitle{color:var(--color-text-secondary)}.dark .landing__feature-icon,[data-theme=dark] .landing__feature-icon{background-color:#10b98126}.dark .landing__feature-text,[data-theme=dark] .landing__feature-text{color:var(--color-text-secondary)}.dark .landing__btn,[data-theme=dark] .landing__btn{background:linear-gradient(to right,#FFFFFF,var(--color-gray-100));color:var(--color-gray-900);box-shadow:0 10px 15px -3px #ffffff26}.dark .landing__btn:hover,[data-theme=dark] .landing__btn:hover{background:linear-gradient(to right,var(--color-gray-100),var(--color-gray-200));box-shadow:0 20px 25px -5px #ffffff40}.dark .landing__btn:disabled,[data-theme=dark] .landing__btn:disabled{box-shadow:0 10px 15px -3px #ffffff26}.dark .landing__btn:focus-visible,[data-theme=dark] .landing__btn:focus-visible{box-shadow:0 0 0 2px var(--color-gray-900),0 0 0 4px #3b82f680}.dark .landing__footer,[data-theme=dark] .landing__footer{color:var(--color-text-muted)}.dark .landing__link,[data-theme=dark] .landing__link{color:var(--color-text-secondary)}.dark .landing__link:hover,[data-theme=dark] .landing__link:hover{color:var(--color-accent)}.dark .landing__logo,[data-theme=dark] .landing__logo{filter:invert(1)}.layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-background);transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}.dark .layout,[data-theme=dark] .layout{background-color:var(--color-gray-900)}.layout__main{flex:1}.layout__container{max-width:80rem;margin-left:auto;margin-right:auto;padding:var(--space-8) var(--space-4)}@media (min-width: 640px){.layout__container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.layout__container{padding-left:var(--space-8);padding-right:var(--space-8)}}.layout__footer{padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.dark .layout__footer,[data-theme=dark] .layout__footer{border-color:#1f293799}.layout__footer-container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.layout__footer-container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.layout__footer-container{padding-left:var(--space-8);padding-right:var(--space-8)}}.layout__footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.layout__footer-brand{display:flex;align-items:center;gap:var(--space-2-5)}.layout__footer-brand:hover .layout__footer-logo,.layout__footer-brand:hover .layout__footer-name{opacity:.8}.layout__footer-logo{height:28px;width:28px;transition:opacity var(--transition-normal)}.layout__footer-name{font-size:var(--text-small);font-family:var(--font-display);color:var(--color-text-secondary);transition:opacity var(--transition-normal)}.dark .layout__footer-name,[data-theme=dark] .layout__footer-name{color:var(--color-gray-400)}.layout__footer-copyright{font-size:var(--text-caption);font-weight:var(--font-normal);color:var(--color-text-secondary)}.dark .layout__footer-copyright,[data-theme=dark] .layout__footer-copyright{color:var(--color-gray-400)}.nav{background-color:#fff;border-bottom:1px solid var(--color-border);transition:background-color var(--transition-normal),border-color var(--transition-normal);position:relative;z-index:var(--z-sticky)}.dark .nav,[data-theme=dark] .nav{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}.nav__container{max-width:80rem;margin-left:auto;margin-right:auto;padding-left:var(--space-4);padding-right:var(--space-4)}@media (min-width: 640px){.nav__container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media (min-width: 1024px){.nav__container{padding-left:var(--space-8);padding-right:var(--space-8)}}.nav__inner{display:flex;justify-content:space-between;align-items:center;height:64px}.nav__logo{display:flex;align-items:center;gap:var(--space-2-5);text-decoration:none}.nav__logo-image{height:36px;width:36px;transition:opacity var(--transition-normal)}.nav__logo-text{font-size:var(--text-h2);font-weight:var(--font-semibold);font-family:var(--font-display);letter-spacing:.025em;color:var(--color-text-primary);display:none}@media (min-width: 640px){.nav__logo-text{display:inline;font-size:var(--text-h2-lg)}}.dark .nav__logo-text,[data-theme=dark] .nav__logo-text{color:#fff}.nav__links{display:none;align-items:center;gap:var(--space-2)}@media (min-width: 768px){.nav__links{display:flex}}.nav__link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-button);font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast)}.nav__link:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.dark .nav__link,[data-theme=dark] .nav__link{color:var(--color-gray-400)}.dark .nav__link:hover,[data-theme=dark] .nav__link:hover{color:#fff;background-color:var(--color-gray-800)}.nav__link--active{background-color:#0f0f0f1a;color:var(--color-primary)}.dark .nav__link--active,[data-theme=dark] .nav__link--active{background-color:#ffffff1a;color:#fff}.nav__actions{display:flex;align-items:center;gap:var(--space-2)}.nav__icon-btn{padding:var(--space-2);border-radius:var(--radius-lg);color:var(--color-text-muted);background:none;border:none;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.nav__icon-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.dark .nav__icon-btn,[data-theme=dark] .nav__icon-btn{color:var(--color-gray-500)}.dark .nav__icon-btn:hover,[data-theme=dark] .nav__icon-btn:hover{color:#fff;background-color:var(--color-gray-800)}.nav__icon-btn--active{color:var(--color-primary);background-color:#0f0f0f1a}.dark .nav__icon-btn--active,[data-theme=dark] .nav__icon-btn--active{color:#fff;background-color:#ffffff1a}.nav__icon-btn--desktop-only{display:none}@media (min-width: 640px){.nav__icon-btn--desktop-only{display:flex}}.nav__icon-btn svg{width:20px;height:20px}.nav__user{display:none;align-items:center;gap:var(--space-2);padding-left:var(--space-2);border-left:1px solid var(--color-border)}@media (min-width: 768px){.nav__user{display:flex}}.dark .nav__user,[data-theme=dark] .nav__user{border-color:var(--color-gray-700)}.nav__user-avatar{width:32px;height:32px;border-radius:9999px}.nav__user-name{font-size:var(--text-small);color:var(--color-text-secondary);display:none}@media (min-width: 1024px){.nav__user-name{display:block}}.dark .nav__user-name,[data-theme=dark] .nav__user-name{color:var(--color-gray-400)}.nav__hamburger{display:flex;padding:var(--space-2);border-radius:var(--radius-lg);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);min-height:44px;min-width:44px;align-items:center;justify-content:center}@media (min-width: 768px){.nav__hamburger{display:none}}.nav__hamburger:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.dark .nav__hamburger,[data-theme=dark] .nav__hamburger{color:var(--color-gray-400)}.dark .nav__hamburger:hover,[data-theme=dark] .nav__hamburger:hover{color:#fff;background-color:var(--color-gray-800)}.nav__hamburger svg{width:24px;height:24px}.nav__mobile-backdrop{display:none;position:fixed;top:64px;left:0;right:0;bottom:0;background-color:#00000080;z-index:40;animation:fadeIn .15s ease-out forwards}.dark .nav__mobile-backdrop,[data-theme=dark] .nav__mobile-backdrop{background-color:#0009}@media (max-width: 767px){.nav__mobile-backdrop--open{display:block}}.nav__mobile-menu{display:none;position:absolute;top:64px;left:0;right:0;background-color:#fff;border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-lg);z-index:50;animation:fadeIn .15s ease-out forwards}.dark .nav__mobile-menu,[data-theme=dark] .nav__mobile-menu{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}@media (max-width: 767px){.nav__mobile-menu--open{display:block}}.nav__mobile-content{padding:var(--space-4)}.nav__mobile-links{display:flex;flex-direction:column;gap:var(--space-1)}.nav__mobile-link{display:block;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-secondary);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast);min-height:44px}.nav__mobile-link:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.dark .nav__mobile-link,[data-theme=dark] .nav__mobile-link{color:var(--color-gray-400)}.dark .nav__mobile-link:hover,[data-theme=dark] .nav__mobile-link:hover{color:#fff;background-color:var(--color-gray-800)}.nav__mobile-link--active{background-color:#0f0f0f1a;color:var(--color-primary)}.dark .nav__mobile-link--active,[data-theme=dark] .nav__mobile-link--active{background-color:#ffffff1a;color:#fff}.nav__mobile-btn{width:100%;text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);min-height:44px}.nav__mobile-btn:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.dark .nav__mobile-btn,[data-theme=dark] .nav__mobile-btn{color:var(--color-gray-400)}.dark .nav__mobile-btn:hover,[data-theme=dark] .nav__mobile-btn:hover{color:#fff;background-color:var(--color-gray-800)}.nav__mobile-user{padding-top:var(--space-3);margin-top:var(--space-3);border-top:1px solid var(--color-border)}.dark .nav__mobile-user,[data-theme=dark] .nav__mobile-user{border-color:var(--color-gray-700)}.nav__mobile-user-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4)}.nav__mobile-user-avatar{width:40px;height:40px;border-radius:9999px}.nav__mobile-user-details{flex:1;min-width:0}.nav__mobile-user-name{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .nav__mobile-user-name,[data-theme=dark] .nav__mobile-user-name{color:#fff}.nav__mobile-user-email{font-size:var(--text-small);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .nav__mobile-user-email,[data-theme=dark] .nav__mobile-user-email{color:var(--color-gray-500)}.nav__mobile-signout{width:100%;text-align:left;padding:var(--space-3) var(--space-4);border-radius:var(--radius-button);font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-error);background:none;border:none;cursor:pointer;transition:background-color var(--transition-fast);min-height:44px}.nav__mobile-signout:hover{background-color:#ef44441a}.dashboard{animation:fadeIn .3s ease-out forwards}.dashboard__content{display:flex;flex-direction:column;gap:var(--space-4)}@media (min-width: 640px){.dashboard__content{gap:var(--space-8)}}.dashboard__header{margin-bottom:0}.dashboard__title{font-size:var(--text-h1);color:var(--color-text-primary);margin-bottom:var(--space-3)}@media (min-width: 640px){.dashboard__title{font-size:var(--text-h1-lg)}}.dark .dashboard__title,[data-theme=dark] .dashboard__title{color:#fff}.dashboard__subtitle{font-size:var(--text-body);color:var(--color-text-secondary)}.dark .dashboard__subtitle,[data-theme=dark] .dashboard__subtitle{color:var(--color-gray-400)}.dashboard__hero{display:flex;flex-direction:column;gap:var(--space-4)}.dashboard__hero-loading{padding:var(--space-6) 0}.dashboard__due-info{display:flex;align-items:center;gap:var(--space-4)}.dashboard__due-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(to bottom right,var(--color-accent-light),rgba(59,130,246,.2));border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-glow-accent)}@media (min-width: 640px){.dashboard__due-icon{width:56px;height:56px}}.dark .dashboard__due-icon,[data-theme=dark] .dashboard__due-icon{background:linear-gradient(to bottom right,#3b82f64d,#3b82f61a)}.dashboard__due-icon svg{width:24px;height:24px;color:var(--color-accent)}@media (min-width: 640px){.dashboard__due-icon svg{width:28px;height:28px}}.dashboard__due-icon--success{background:linear-gradient(to bottom right,var(--color-success-light),rgba(16,185,129,.2));box-shadow:var(--shadow-glow-success)}.dark .dashboard__due-icon--success,[data-theme=dark] .dashboard__due-icon--success{background:linear-gradient(to bottom right,#10b9814d,#10b9811a)}.dashboard__due-icon--success svg{color:var(--color-success)}.dashboard__due-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.dashboard__due-count{font-size:var(--text-stat-sm);font-weight:var(--font-semibold);line-height:var(--leading-none);color:var(--color-accent);margin:0}@media (min-width: 640px){.dashboard__due-count{font-size:var(--text-stat)}}.dashboard__due-label{font-size:var(--text-small);color:var(--color-text-secondary);margin:0}.dark .dashboard__due-label,[data-theme=dark] .dashboard__due-label{color:var(--color-gray-400)}.dashboard__caught-up-title{font-size:var(--text-h3);color:var(--color-text-primary)}@media (min-width: 640px){.dashboard__caught-up-title{font-size:var(--text-h3-lg)}}.dark .dashboard__caught-up-title,[data-theme=dark] .dashboard__caught-up-title{color:#fff}.dashboard__caught-up-label{font-size:var(--text-small);color:var(--color-text-muted)}.dark .dashboard__caught-up-label,[data-theme=dark] .dashboard__caught-up-label{color:var(--color-gray-400)}.dashboard__next-review{font-size:var(--text-small);color:var(--color-accent);font-weight:var(--font-medium);margin-top:var(--space-1)}.dashboard__stats-row{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(229,231,235,.5)}@media (min-width: 640px){.dashboard__stats-row{gap:var(--space-6)}}.dark .dashboard__stats-row,[data-theme=dark] .dashboard__stats-row{border-color:#4b556380}.dashboard__stat{display:flex;align-items:center;gap:var(--space-2)}@media (min-width: 640px){.dashboard__stat{gap:var(--space-3)}}.dashboard__stat-icon{width:32px;height:32px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-surface-secondary)}@media (min-width: 640px){.dashboard__stat-icon{width:40px;height:40px}}.dark .dashboard__stat-icon,[data-theme=dark] .dashboard__stat-icon{background-color:#37415180}.dashboard__stat-icon svg{width:16px;height:16px;color:var(--color-text-muted)}@media (min-width: 640px){.dashboard__stat-icon svg{width:20px;height:20px}}.dark .dashboard__stat-icon svg,[data-theme=dark] .dashboard__stat-icon svg{color:var(--color-gray-400)}.dashboard__stat-icon--streak-active{background-color:var(--color-warning-light)}.dark .dashboard__stat-icon--streak-active,[data-theme=dark] .dashboard__stat-icon--streak-active{background-color:#f59e0b33}.dashboard__stat-icon--streak-active svg{color:var(--color-warning)}.dashboard__stat-icon--success{background-color:var(--color-success-light)}.dark .dashboard__stat-icon--success,[data-theme=dark] .dashboard__stat-icon--success{background-color:#10b98133}.dashboard__stat-icon--success svg{color:var(--color-success)}.dashboard__stat-content{display:flex;flex-direction:column;gap:var(--space-0-5)}.dashboard__stat-value{font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--color-text-primary);margin:0}@media (min-width: 640px){.dashboard__stat-value{font-size:var(--text-h3-lg)}}.dark .dashboard__stat-value,[data-theme=dark] .dashboard__stat-value{color:#fff}.dashboard__stat-value--warning{color:var(--color-warning)}.dashboard__stat-value--success{color:var(--color-success)}.dashboard__stat-label{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.dark .dashboard__stat-label,[data-theme=dark] .dashboard__stat-label{color:var(--color-gray-400)}.dashboard__divider{width:1px;height:40px;background-color:#e5e7eb80}.dark .dashboard__divider,[data-theme=dark] .dashboard__divider{background-color:#4b556399}.dashboard__cta{display:none;align-items:center;gap:var(--space-3);margin-left:auto;flex-shrink:0}@media (min-width: 640px){.dashboard__cta{display:flex}}.dashboard__cta-info{display:none;flex-direction:column;align-items:flex-end;margin-right:var(--space-2);gap:var(--space-0-5)}@media (min-width: 1024px){.dashboard__cta-info{display:flex}}.dashboard__cta-time{font-size:var(--text-caption);color:var(--color-text-muted)}.dark .dashboard__cta-time,[data-theme=dark] .dashboard__cta-time{color:var(--color-gray-500)}.dashboard__cta-shortcut{font-size:var(--text-caption);color:#9ca3af99}.dark .dashboard__cta-shortcut,[data-theme=dark] .dashboard__cta-shortcut{color:var(--color-gray-600)}.dashboard__kbd{display:inline-block;padding:var(--space-0-5) var(--space-1-5);background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);font-size:var(--text-xs);font-family:var(--font-mono)}.dark .dashboard__kbd,[data-theme=dark] .dashboard__kbd{background-color:var(--color-gray-700)}.dashboard__cta-mobile{display:block;padding-top:var(--space-4)}@media (min-width: 640px){.dashboard__cta-mobile{display:none}}.dashboard__streak-warning{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(to right,var(--color-warning-light),rgba(245,158,11,.1));border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-normal)}.dashboard__streak-warning:hover{border-color:#f59e0b80;box-shadow:var(--shadow-glow-warning)}.dark .dashboard__streak-warning,[data-theme=dark] .dashboard__streak-warning{background:linear-gradient(to right,#f59e0b26,#f59e0b0d);border-color:#f59e0b40}.dashboard__streak-warning-icon{flex-shrink:0;width:36px;height:36px;background:#f59e0b33;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.dashboard__streak-warning-icon svg{width:20px;height:20px;color:var(--color-warning-dark)}.dark .dashboard__streak-warning-icon svg,[data-theme=dark] .dashboard__streak-warning-icon svg{color:var(--color-warning)}.dashboard__streak-warning-text{flex:1;min-width:0}.dashboard__streak-warning-title{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-warning-dark);margin:0}.dark .dashboard__streak-warning-title,[data-theme=dark] .dashboard__streak-warning-title{color:var(--color-warning)}.dashboard__streak-warning-description{font-size:var(--text-caption);color:var(--color-text-secondary);margin:0;margin-top:var(--space-0-5)}.dark .dashboard__streak-warning-description,[data-theme=dark] .dashboard__streak-warning-description{color:var(--color-gray-400)}.dashboard__streak-warning-arrow{flex-shrink:0;width:20px;height:20px;color:var(--color-warning-dark);opacity:.6}.dark .dashboard__streak-warning-arrow,[data-theme=dark] .dashboard__streak-warning-arrow{color:var(--color-warning)}.dashboard__quick-actions{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.dashboard__quick-actions{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.dashboard__action-link{display:block}.dashboard__action-link:focus-visible{outline:none;border-radius:var(--radius-2xl);box-shadow:0 0 0 2px var(--color-accent),0 0 0 4px #3b82f633}.dashboard__action-content{display:flex;align-items:center;gap:var(--space-4);text-align:left;height:100%}@media (min-width: 640px){.dashboard__action-content{flex-direction:column;text-align:center;gap:0}}.dashboard__action-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;transition:box-shadow var(--transition-slow)}@media (min-width: 640px){.dashboard__action-icon{width:56px;height:56px;border-radius:var(--radius-2xl);margin-bottom:var(--space-4)}}.dashboard__action-icon svg{width:24px;height:24px}@media (min-width: 640px){.dashboard__action-icon svg{width:28px;height:28px}}.dashboard__action-icon--library{background:linear-gradient(to bottom right,var(--color-gray-100),rgba(156,163,175,.5))}.dark .dashboard__action-icon--library,[data-theme=dark] .dashboard__action-icon--library{background:linear-gradient(to bottom right,var(--color-gray-700),var(--color-gray-800))}.dashboard__action-icon--library svg{color:var(--color-primary)}.dark .dashboard__action-icon--library svg,[data-theme=dark] .dashboard__action-icon--library svg{color:#fff}.dashboard__action-link:hover .dashboard__action-icon--library{box-shadow:var(--shadow-glow-primary)}.dashboard__action-icon--review{background:linear-gradient(to bottom right,var(--color-success-light),rgba(16,185,129,.2))}.dark .dashboard__action-icon--review,[data-theme=dark] .dashboard__action-icon--review{background:linear-gradient(to bottom right,#10b9814d,#10b9811a)}.dashboard__action-icon--review svg{color:var(--color-success)}.dashboard__action-link:hover .dashboard__action-icon--review{box-shadow:var(--shadow-glow-success)}.dashboard__action-icon--achievements{background:linear-gradient(to bottom right,var(--color-warning-light),rgba(245,158,11,.2))}.dark .dashboard__action-icon--achievements,[data-theme=dark] .dashboard__action-icon--achievements{background:linear-gradient(to bottom right,#f59e0b4d,#f59e0b1a)}.dashboard__action-icon--achievements svg{color:var(--color-warning)}.dashboard__action-link:hover .dashboard__action-icon--achievements{box-shadow:var(--shadow-glow-warning)}.dashboard__action-text{flex:1}@media (min-width: 640px){.dashboard__action-text{flex:none}}.dashboard__action-title{font-size:var(--text-h3);color:var(--color-text-primary)}@media (min-width: 640px){.dashboard__action-title{font-size:var(--text-h3-lg);margin-bottom:var(--space-2)}}.dark .dashboard__action-title,[data-theme=dark] .dashboard__action-title{color:#fff}.dashboard__action-description{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .dashboard__action-description,[data-theme=dark] .dashboard__action-description{color:var(--color-gray-400)}.dashboard__bottom-row{display:flex;flex-direction:column;gap:var(--space-6)}@media (min-width: 1024px){.dashboard__bottom-row{flex-direction:row}}.dashboard__activity-card{flex-shrink:0}.dashboard__achievements-card{flex:1;min-width:0}.dashboard__achievements-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard__achievements-title{font-size:var(--text-h3);color:var(--color-text-primary)}.dark .dashboard__achievements-title,[data-theme=dark] .dashboard__achievements-title{color:#fff}.dashboard__achievements-link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-accent);transition:color var(--transition-normal)}.dashboard__achievements-link:hover{color:var(--color-accent-hover)}.dashboard__achievements-link svg{width:16px;height:16px}.dashboard__achievements-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 640px){.dashboard__achievements-grid{grid-template-columns:repeat(3,1fr)}}.dashboard__achievements-empty{text-align:center;padding:var(--space-4) 0}.dashboard__achievements-empty-icon{width:40px;height:40px;background-color:var(--color-surface-secondary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-2)}.dark .dashboard__achievements-empty-icon,[data-theme=dark] .dashboard__achievements-empty-icon{background-color:#37415180}.dashboard__achievements-empty-icon svg{width:20px;height:20px;color:var(--color-text-muted);opacity:.5}.dark .dashboard__achievements-empty-icon svg,[data-theme=dark] .dashboard__achievements-empty-icon svg{color:var(--color-gray-500)}.dashboard__achievements-empty-text{font-size:var(--text-caption);color:var(--color-text-muted)}.dark .dashboard__achievements-empty-text,[data-theme=dark] .dashboard__achievements-empty-text{color:var(--color-gray-500)}.dashboard__achievement-badge{position:relative;padding:var(--space-4);border-radius:var(--radius-xl);transition:all var(--transition-slow)}.dashboard__achievement-badge--complete{background:linear-gradient(to bottom right,var(--color-success-light),rgba(16,185,129,.1));border:1px solid rgba(16,185,129,.2)}.dark .dashboard__achievement-badge--complete,[data-theme=dark] .dashboard__achievement-badge--complete{background:linear-gradient(to bottom right,#10b98133,#10b9810d)}.dashboard__achievement-badge--incomplete{background-color:var(--color-surface-secondary);border:1px solid var(--color-border)}.dark .dashboard__achievement-badge--incomplete,[data-theme=dark] .dashboard__achievement-badge--incomplete{background-color:#1f293780;border-color:var(--color-gray-700)}.dashboard__achievement-checkmark{position:absolute;top:-6px;right:-6px;width:24px;height:24px;background-color:var(--color-success);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);ring:2px solid var(--color-surface)}.dark .dashboard__achievement-checkmark,[data-theme=dark] .dashboard__achievement-checkmark{ring-color:var(--color-gray-900)}.dashboard__achievement-checkmark svg{width:14px;height:14px;color:#fff}.dashboard__achievement-progress-badge{position:absolute;top:-6px;right:-6px;min-width:24px;height:24px;padding:0 var(--space-1-5);background-color:var(--color-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);ring:2px solid var(--color-surface)}.dark .dashboard__achievement-progress-badge,[data-theme=dark] .dashboard__achievement-progress-badge{ring-color:var(--color-gray-900)}.dashboard__achievement-progress-badge span{font-size:var(--text-xs);font-weight:var(--font-bold);color:#fff}.dashboard__achievement-content{display:flex;align-items:flex-start;gap:var(--space-3)}.dashboard__achievement-icon{flex-shrink:0;transition:all var(--transition-normal)}.dashboard__achievement-icon--complete{color:var(--color-success)}.dashboard__achievement-icon--incomplete{color:var(--color-text-muted);opacity:.6}.dark .dashboard__achievement-icon--incomplete,[data-theme=dark] .dashboard__achievement-icon--incomplete{color:var(--color-gray-500)}.dashboard__achievement-info{flex:1;min-width:0}.dashboard__achievement-name{font-size:var(--text-small);font-weight:var(--font-medium);line-height:var(--leading-tight)}.dashboard__achievement-name--complete{color:var(--color-text-primary)}.dark .dashboard__achievement-name--complete,[data-theme=dark] .dashboard__achievement-name--complete{color:#fff}.dashboard__achievement-name--incomplete{color:var(--color-text-muted)}.dark .dashboard__achievement-name--incomplete,[data-theme=dark] .dashboard__achievement-name--incomplete{color:var(--color-gray-400)}.dashboard__achievement-description{font-size:var(--text-caption);color:var(--color-text-muted);line-height:var(--leading-tight);margin-top:var(--space-0-5);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .dashboard__achievement-description,[data-theme=dark] .dashboard__achievement-description{color:var(--color-gray-500)}.dashboard__achievement-progress{margin-top:var(--space-2);height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.dark .dashboard__achievement-progress,[data-theme=dark] .dashboard__achievement-progress{background-color:var(--color-gray-700)}.dashboard__achievement-progress-fill{height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transition:all .5s ease-out}.review-status{font-size:var(--text-caption);color:var(--color-accent)}.review-status--due{color:var(--color-warning)}.review-status--overdue{color:var(--color-error)}.dark .review-status,[data-theme=dark] .review-status{color:var(--color-accent)}.dark .review-status--due,[data-theme=dark] .review-status--due{color:var(--color-warning)}.dark .review-status--overdue,[data-theme=dark] .review-status--overdue{color:var(--color-error)}.card{border-radius:var(--radius-2xl);transition:all var(--transition-normal);max-width:100%;overflow:hidden}.card--default{background-color:#fff;border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.dark .card--default,[data-theme=dark] .card--default{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.card--elevated{background-color:#fff;border:1px solid var(--color-gray-100);box-shadow:var(--shadow-lg),0 0 0 1px #94a3b81a}.dark .card--elevated,[data-theme=dark] .card--elevated{background-color:var(--color-gray-800);border-color:var(--color-gray-700);box-shadow:var(--shadow-lg),0 0 0 1px #0003}.card--outline{background-color:transparent;border:2px solid var(--color-gray-200)}.dark .card--outline,[data-theme=dark] .card--outline{border-color:var(--color-gray-600)}.card--gradient{background:linear-gradient(to bottom right,#FFFFFF,var(--color-gray-50),var(--color-gray-100));border:1px solid rgba(226,232,240,.8);box-shadow:var(--shadow-sm)}.dark .card--gradient,[data-theme=dark] .card--gradient{background:linear-gradient(to bottom right,var(--color-gray-800),#1e293b,var(--color-gray-900));border-color:var(--color-gray-700)}.card--highlight{background-color:#fff;border:2px solid rgba(59,130,246,.3);box-shadow:var(--shadow-md),0 0 0 1px #3b82f61a}.dark .card--highlight,[data-theme=dark] .card--highlight{background-color:var(--color-gray-800)}.card--glass{background-color:#fffc;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.5);box-shadow:var(--shadow-lg),0 0 0 1px #94a3b81a}.dark .card--glass,[data-theme=dark] .card--glass{background-color:#1f2937cc;border-color:#4b556380;box-shadow:var(--shadow-lg),0 0 0 1px #0003}.card--padding-none{padding:0}.card--padding-sm{padding:var(--space-4)}.card--padding-md{padding:var(--space-5)}.card--padding-lg{padding:var(--space-6)}.card--padding-xl{padding:var(--space-8)}.card--hover{cursor:pointer;transition:all var(--transition-slow)}.card--hover:hover{box-shadow:var(--shadow-lg),0 0 0 1px #94a3b826;transform:translateY(-4px);border-color:#3b82f666}.card--hover:active{transform:translateY(0);box-shadow:var(--shadow-md)}.dark .card--hover:hover,[data-theme=dark] .card--hover:hover{box-shadow:var(--shadow-lg),0 0 0 1px #00000040}.card--glow-accent{box-shadow:0 0 20px #3b82f626,0 4px 6px -1px #0000001a}.card--glow-success{box-shadow:0 0 20px #10b98126,0 4px 6px -1px #0000001a}.card--glow-warning{box-shadow:0 0 20px #f59e0b26,0 4px 6px -1px #0000001a}.card--glow-gold{box-shadow:0 0 25px #fbbf2433,0 4px 6px -1px #0000001a}.card--animate{animation:fadeIn .3s ease-out forwards}.activity-grid{display:block;width:100%;max-width:100%;overflow:hidden}.activity-grid__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.activity-grid__title{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary)}.dark .activity-grid__title,[data-theme=dark] .activity-grid__title{color:#fff}.activity-grid__legend{display:flex;align-items:center;gap:var(--space-1-5)}.activity-grid__legend-text{font-size:var(--text-caption);color:var(--color-text-muted)}.dark .activity-grid__legend-text,[data-theme=dark] .activity-grid__legend-text{color:var(--color-gray-500)}.activity-grid__grid-wrapper{overflow-x:auto;overflow-y:hidden;padding-bottom:var(--space-1);max-width:100%;-webkit-overflow-scrolling:touch}.activity-grid__grid{display:flex;gap:2px}.activity-grid__week{display:flex;flex-direction:column;gap:2px}.activity-grid__cell{width:11px;height:11px;border-radius:2px;transition:all var(--transition-fast);padding:0;background:none;cursor:default}.activity-grid__cell--interactive{cursor:pointer}@media (min-width: 640px){.activity-grid__cell--interactive:hover{transform:scale(1.25);z-index:10;box-shadow:var(--shadow-md)}.activity-grid__cell--interactive:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent),0 0 0 4px #3b82f633}}.activity-grid__cell--level-0{background-color:var(--color-gray-200);border:1px solid var(--color-gray-300)}.dark .activity-grid__cell--level-0,[data-theme=dark] .activity-grid__cell--level-0{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.activity-grid__cell--level-1{background-color:#a7f3d0;border:1px solid #6EE7B7}.dark .activity-grid__cell--level-1,[data-theme=dark] .activity-grid__cell--level-1{background-color:#065f46cc;border-color:#047857cc}.activity-grid__cell--level-2{background-color:#34d399;border:1px solid #10B981}.dark .activity-grid__cell--level-2,[data-theme=dark] .activity-grid__cell--level-2{background-color:#047857e6;border-color:#059669e6}.activity-grid__cell--level-3{background-color:#10b981;border:1px solid #059669}.dark .activity-grid__cell--level-3,[data-theme=dark] .activity-grid__cell--level-3{background-color:var(--color-success);border-color:#34d399b3}.activity-grid__cell--level-4{background-color:#059669;border:1px solid #047857}.dark .activity-grid__cell--level-4,[data-theme=dark] .activity-grid__cell--level-4{background-color:#34d399;border-color:#6ee7b7}.activity-grid__stats{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}@media (min-width: 640px){.activity-grid__stats{gap:var(--space-6)}}.dark .activity-grid__stats,[data-theme=dark] .activity-grid__stats{border-color:var(--color-gray-700)}.activity-grid__stat{display:flex;align-items:center;gap:var(--space-2)}.activity-grid__stat-icon{width:28px;height:28px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.activity-grid__stat-icon{width:32px;height:32px}}.activity-grid__stat-icon--accent{background-color:#3b82f61a}.dark .activity-grid__stat-icon--accent,[data-theme=dark] .activity-grid__stat-icon--accent{background-color:#3b82f633}.activity-grid__stat-icon--warning{background-color:#f59e0b1a}.dark .activity-grid__stat-icon--warning,[data-theme=dark] .activity-grid__stat-icon--warning{background-color:#f59e0b33}.activity-grid__stat-icon--success{background-color:#10b9811a}.dark .activity-grid__stat-icon--success,[data-theme=dark] .activity-grid__stat-icon--success{background-color:#10b98133}.activity-grid__stat-icon svg{width:14px;height:14px}@media (min-width: 640px){.activity-grid__stat-icon svg{width:16px;height:16px}}.activity-grid__stat-content{display:flex;flex-direction:column;gap:var(--space-0-5)}.activity-grid__stat-value{font-size:var(--text-small);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin:0}@media (min-width: 640px){.activity-grid__stat-value{font-size:var(--text-body)}}.activity-grid__stat-value--accent{color:var(--color-accent)}.activity-grid__stat-value--warning{color:var(--color-warning)}.activity-grid__stat-value--success{color:var(--color-success)}.activity-grid__stat-label{font-size:var(--text-caption);color:var(--color-text-muted);margin:0}.dark .activity-grid__stat-label,[data-theme=dark] .activity-grid__stat-label{color:var(--color-gray-400)}.activity-grid__stat-label--desktop{display:none}.activity-grid__stat-label--mobile{display:block}@media (min-width: 640px){.activity-grid__stat-label--desktop{display:block}.activity-grid__stat-label--mobile{display:none}}.activity-grid__empty{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0}.activity-grid__empty-icon{width:40px;height:40px;background:linear-gradient(to bottom right,#dbeafe80,#3b82f61a);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center}.dark .activity-grid__empty-icon,[data-theme=dark] .activity-grid__empty-icon{background:linear-gradient(to bottom right,#3b82f633,#3b82f60d)}.activity-grid__empty-icon svg{width:20px;height:20px;color:#3b82f6b3}.activity-grid__empty-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary)}.dark .activity-grid__empty-title,[data-theme=dark] .activity-grid__empty-title{color:#fff}.activity-grid__empty-description{font-size:var(--text-caption);color:var(--color-text-muted)}.dark .activity-grid__empty-description,[data-theme=dark] .activity-grid__empty-description{color:var(--color-gray-500)}.activity-grid__tooltip{position:fixed;z-index:var(--z-tooltip);pointer-events:none;animation:fadeIn .15s ease-out forwards}.activity-grid__tooltip-content{background-color:var(--color-gray-900);color:#fff;font-size:var(--text-caption);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.activity-grid__tooltip-value{font-weight:var(--font-semibold)}.activity-grid__tooltip-date{color:var(--color-gray-300)}.activity-grid__tooltip-arrow{position:absolute;left:50%;transform:translate(-50%) rotate(45deg);bottom:-4px;width:8px;height:8px;background-color:var(--color-gray-900)}.activity-grid__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);font-size:var(--text-caption);padding-top:var(--space-2)}.activity-grid__footer-stats{display:flex;align-items:center;gap:var(--space-2)}.activity-grid__footer-value{font-weight:var(--font-semibold);color:var(--color-text-primary)}.dark .activity-grid__footer-value,[data-theme=dark] .activity-grid__footer-value{color:#fff}.activity-grid__footer-text{color:var(--color-text-secondary)}.dark .activity-grid__footer-text,[data-theme=dark] .activity-grid__footer-text{color:var(--color-gray-400)}.getting-started{position:relative}.getting-started__header{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:var(--space-4);background:none;border:none;padding:0;cursor:pointer;-webkit-appearance:none}.getting-started__header:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.getting-started__title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary)}.dark .getting-started__title,[data-theme=dark] .getting-started__title{color:#fff}.getting-started__header-right{display:flex;align-items:center;gap:var(--space-2)}.getting-started__count{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-muted)}.dark .getting-started__count,[data-theme=dark] .getting-started__count{color:var(--color-gray-500)}.getting-started__chevron{width:18px;height:18px;color:var(--color-text-muted);transition:transform .25s ease;transform:rotate(-90deg)}.getting-started__chevron--open{transform:rotate(0)}.dark .getting-started__chevron,[data-theme=dark] .getting-started__chevron{color:var(--color-gray-500)}.getting-started__bar{height:6px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:hidden}.dark .getting-started__bar,[data-theme=dark] .getting-started__bar{background-color:var(--color-gray-700)}.getting-started__bar-fill{height:100%;background:var(--gradient-accent);border-radius:var(--radius-full);transition:width .6s cubic-bezier(.4,0,.2,1);min-width:0}.getting-started__body{display:grid;grid-template-rows:1fr;transition:grid-template-rows .3s ease,opacity .25s ease;opacity:1}.getting-started__body--collapsed{grid-template-rows:0fr;opacity:0}.getting-started__body>ul{overflow:hidden}.getting-started__steps{list-style:none;padding:0;margin:0;padding-top:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.getting-started__step{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.getting-started__step--next{cursor:pointer;background-color:var(--color-surface)}.getting-started__step--next:hover{background-color:var(--color-surface-secondary)}.dark .getting-started__step--next,[data-theme=dark] .getting-started__step--next{background-color:#3741514d}.dark .getting-started__step--next:hover,[data-theme=dark] .getting-started__step--next:hover{background-color:#37415180}.getting-started__step:not(.getting-started__step--done):not(.getting-started__step--next){cursor:pointer}.getting-started__step:not(.getting-started__step--done):not(.getting-started__step--next):hover{background-color:var(--color-surface)}.dark .getting-started__step:not(.getting-started__step--done):not(.getting-started__step--next):hover,[data-theme=dark] .getting-started__step:not(.getting-started__step--done):not(.getting-started__step--next):hover{background-color:#37415133}.getting-started__step:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.getting-started__check{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center}.getting-started__check svg{width:22px;height:22px;color:var(--color-success)}.getting-started__check-empty{width:18px;height:18px;border:2px solid var(--color-gray-300);border-radius:var(--radius-sm)}.getting-started__step--next .getting-started__check-empty{border-color:var(--color-accent);animation:onboarding-pulse 2s ease-in-out infinite}.dark .getting-started__check-empty,[data-theme=dark] .getting-started__check-empty{border-color:var(--color-gray-600)}.dark .getting-started__step--next .getting-started__check-empty,[data-theme=dark] .getting-started__step--next .getting-started__check-empty{border-color:var(--color-accent)}@keyframes onboarding-pulse{0%,to{box-shadow:0 0 #3b82f600}50%{box-shadow:0 0 0 4px #3b82f626}}.getting-started__step-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-0-5)}.getting-started__step-label{font-size:var(--text-small);color:var(--color-text-primary)}.getting-started__step--done .getting-started__step-label{color:var(--color-text-muted);text-decoration:line-through}.dark .getting-started__step-label,[data-theme=dark] .getting-started__step-label{color:var(--color-gray-300)}.dark .getting-started__step--done .getting-started__step-label,[data-theme=dark] .getting-started__step--done .getting-started__step-label{color:var(--color-gray-600)}.getting-started__step--next .getting-started__step-label{font-weight:var(--font-medium);color:var(--color-accent)}.dark .getting-started__step--next .getting-started__step-label,[data-theme=dark] .getting-started__step--next .getting-started__step-label{color:var(--color-accent)}.getting-started__step-sub{font-size:var(--text-caption);color:var(--color-text-muted)}.dark .getting-started__step-sub,[data-theme=dark] .getting-started__step-sub{color:var(--color-gray-500)}.getting-started__arrow{flex-shrink:0;width:16px;height:16px;color:var(--color-accent);opacity:.6}.library{display:flex;flex-direction:column;gap:var(--space-6)}.library__header{display:flex;flex-direction:column;gap:var(--space-4)}.library__title-row{display:flex;align-items:center;gap:var(--space-3)}@media (min-width: 640px){.library__title-row{gap:var(--space-4)}}.library__title-content{display:flex;flex-direction:column}.library__title{font-size:var(--text-h1);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}@media (min-width: 640px){.library__title{font-size:var(--text-h1-lg)}}.dark .library__title,[data-theme=dark] .library__title{color:#fff}.library__subtitle{font-size:var(--text-small);color:var(--color-text-secondary);margin-top:var(--space-1)}@media (min-width: 640px){.library__subtitle{font-size:var(--text-body)}}.dark .library__subtitle,[data-theme=dark] .library__subtitle{color:var(--color-gray-400)}.library__desktop-actions{display:none;align-items:center;align-self:flex-end;gap:var(--space-2);margin-left:auto}@media (min-width: 1024px){.library__desktop-actions{display:flex}}.library__action-icon{width:16px;height:16px;margin-right:var(--space-1-5)}.library__actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.library__mobile-actions{display:flex;align-items:center;gap:var(--space-2)}@media (min-width: 1024px){.library__mobile-actions{display:none}}.library__mobile-btn{min-height:44px;padding-left:var(--space-3);padding-right:var(--space-3)}.library__mobile-icon{width:20px;height:20px}.library__mobile-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 640px){.library__mobile-text{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;margin-left:var(--space-1-5)}}.library__spacer{flex:1;display:none}@media (min-width: 640px){.library__spacer{display:block}}.library__create-actions{display:flex;align-items:center;gap:var(--space-2);width:100%}@media (min-width: 640px){.library__create-actions{width:auto}}.library__create-btn{flex:1;min-height:44px}@media (min-width: 640px){.library__create-btn{flex:none}}.library__create-icon{width:20px;height:20px}@media (min-width: 640px){.library__create-icon{margin-right:var(--space-2)}}.library__create-text--desktop{display:none}@media (min-width: 640px){.library__create-text--desktop{display:inline}}.library__create-text--mobile{display:inline}@media (min-width: 640px){.library__create-text--mobile{display:none}}.library__section{display:flex;flex-direction:column;gap:var(--space-6)}.library__section-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.dark .library__section-title,[data-theme=dark] .library__section-title{color:#fff}.library__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media (min-width: 768px){.library__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.library__grid{grid-template-columns:repeat(3,1fr)}}.library__empty{text-align:center;padding:var(--space-12) 0}.library__empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-muted)}.library__empty-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .library__empty-title,[data-theme=dark] .library__empty-title{color:#fff}.library__empty-text{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.dark .library__empty-text,[data-theme=dark] .library__empty-text{color:var(--color-gray-400)}.library__empty-actions{display:flex;gap:var(--space-3);justify-content:center}.deck-card{transition:box-shadow .2s ease-out,background-color .2s ease-out}.deck-card__content{display:flex;align-items:flex-start;justify-content:space-between}.deck-card__info{flex:1;min-width:0}.deck-card__title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:var(--space-1)}.dark .deck-card__title,[data-theme=dark] .deck-card__title{color:#fff}.deck-card__description{font-size:var(--text-small);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:var(--space-2)}.dark .deck-card__description,[data-theme=dark] .deck-card__description{color:var(--color-gray-400)}.deck-card__meta{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted);white-space:nowrap}.dark .deck-card__meta,[data-theme=dark] .deck-card__meta{color:var(--color-gray-500)}.deck-card__meta-icon{width:16px;height:16px}.deck-card__meta-divider{color:var(--color-border);margin:0 var(--space-1)}.deck-card__stats{display:inline-flex;align-items:center}.deck-card__avg-score{font-weight:var(--font-medium)}.deck-card__avg-score--good{color:var(--color-success)}.deck-card__avg-score--warning{color:var(--color-warning)}.deck-card__avg-score--bad{color:var(--color-error)}.deck-card__next-review{font-weight:var(--font-medium)}.deck-card__delete-btn{color:var(--color-error);margin-left:var(--space-2)}.deck-card__delete-btn:hover{background-color:#ef44441a}.deck-card__delete-icon{width:20px;height:20px}.deck-card--selected{box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #fff;background-color:#0f0f0f0d}.dark .deck-card--selected,[data-theme=dark] .deck-card--selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-gray-900);background-color:#ffffff0d}.folder-card{transition:box-shadow .2s ease-out,background-color .2s ease-out}.folder-card__content{display:flex;align-items:flex-start;justify-content:space-between}.folder-card__main{display:flex;align-items:center;gap:var(--space-3);flex:1}.folder-card__icon-wrapper{width:40px;height:40px;background-color:var(--color-gray-100);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dark .folder-card__icon-wrapper,[data-theme=dark] .folder-card__icon-wrapper{background-color:#37415199}.folder-card__icon{width:24px;height:24px;color:var(--color-primary)}.dark .folder-card__icon,[data-theme=dark] .folder-card__icon{color:#fff}.folder-card__info{flex:1;min-width:0}.folder-card__title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .folder-card__title,[data-theme=dark] .folder-card__title{color:#fff}.folder-card__delete-btn{color:var(--color-error);margin-right:calc(-1 * var(--space-2))}.folder-card__delete-btn:hover{background-color:#ef44441a}.folder-card__delete-icon{width:20px;height:20px}.folder-card--selected{box-shadow:0 0 0 2px var(--color-primary),0 0 0 4px #fff;background-color:#0f0f0f0d}.dark .folder-card--selected,[data-theme=dark] .folder-card--selected{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--color-gray-900);background-color:#ffffff0d}.create-modal__form{display:flex;flex-direction:column;gap:var(--space-4)}.create-modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.folder-view{display:flex;flex-direction:column;gap:var(--space-6)}.folder-view__breadcrumbs{margin-bottom:var(--space-2)}.folder-view__header{display:flex;flex-direction:column;gap:var(--space-4)}.folder-view__title-row{display:flex;align-items:center;gap:var(--space-3)}@media (min-width: 640px){.folder-view__title-row{gap:var(--space-4)}}.folder-view__title{font-size:var(--text-h1);font-weight:var(--font-semibold);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-2);min-width:0}@media (min-width: 640px){.folder-view__title{font-size:var(--text-h1-lg);gap:var(--space-3)}}.folder-view__title-icon{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}@media (min-width: 640px){.folder-view__title-icon{width:32px;height:32px}}.folder-view__title-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.folder-view__desktop-actions{display:none;align-items:center;gap:var(--space-2);margin-left:auto}@media (min-width: 1024px){.folder-view__desktop-actions{display:flex}}.folder-view__action-icon{width:16px;height:16px;margin-right:var(--space-1-5)}.folder-view__actions-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.folder-view__mobile-actions{display:flex;align-items:center;gap:var(--space-2)}@media (min-width: 1024px){.folder-view__mobile-actions{display:none}}.folder-view__mobile-btn{min-height:44px;padding-left:var(--space-3);padding-right:var(--space-3)}.folder-view__mobile-icon{width:20px;height:20px}.folder-view__mobile-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 640px){.folder-view__mobile-text{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;margin-left:var(--space-1-5)}}.folder-view__spacer{flex:1;display:none}@media (min-width: 640px){.folder-view__spacer{display:block}}.folder-view__create-actions{display:flex;align-items:center;gap:var(--space-2);width:100%}@media (min-width: 640px){.folder-view__create-actions{width:auto}}.folder-view__create-btn{flex:1;min-height:44px}@media (min-width: 640px){.folder-view__create-btn{flex:none}}.folder-view__create-icon{width:20px;height:20px}@media (min-width: 640px){.folder-view__create-icon{margin-right:var(--space-2)}}.folder-view__create-text--desktop{display:none}@media (min-width: 640px){.folder-view__create-text--desktop{display:inline}}.folder-view__create-text--mobile{display:inline}@media (min-width: 640px){.folder-view__create-text--mobile{display:none}}.folder-view__section{display:flex;flex-direction:column;gap:var(--space-6)}.folder-view__section-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.folder-view__grid{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-4)}@media (min-width: 768px){.folder-view__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.folder-view__grid{grid-template-columns:repeat(3,1fr)}}.folder-view__empty{text-align:center;padding:var(--space-12) 0}.folder-view__empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-muted)}.folder-view__empty-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.folder-view__empty-text{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.folder-view__empty-actions{display:flex;gap:var(--space-3);justify-content:center}.empty-state{text-align:center;padding:var(--space-12) 0}.empty-state__icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-muted)}.empty-state__icon>svg{width:100%;height:100%}.empty-state__title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .empty-state__title,[data-theme=dark] .empty-state__title{color:#fff}.empty-state__description{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.dark .empty-state__description,[data-theme=dark] .empty-state__description{color:var(--color-gray-400)}.empty-state__actions{display:flex;gap:var(--space-3);justify-content:center}.input-wrapper{width:100%}.input-wrapper--inline{width:auto}.input__label{display:block;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .input__label,[data-theme=dark] .input__label{color:#fff}.input__field-wrapper{position:relative}.input{width:100%;border-radius:var(--radius-button);border:2px solid var(--color-gray-200);background-color:#fff;padding:var(--space-3) var(--space-4);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-primary);transition:all var(--transition-normal);outline:none}.input::-moz-placeholder{color:#9ca3af99}.input::placeholder{color:#9ca3af99}.input:hover{border-color:var(--color-gray-300)}.input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633}.input:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-50)}.dark .input,[data-theme=dark] .input{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:#fff}.dark .input::-moz-placeholder,[data-theme=dark] .input::-moz-placeholder{color:var(--color-gray-400)}.dark .input::placeholder,[data-theme=dark] .input::placeholder{color:var(--color-gray-400)}.dark .input:hover,[data-theme=dark] .input:hover{border-color:var(--color-gray-500)}.dark .input:disabled,[data-theme=dark] .input:disabled{background-color:var(--color-gray-900)}.input--with-icon{padding-left:44px}.input__icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none;display:flex;align-items:center;justify-content:center}.input--error{border-color:#ef444480}.input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.input__hint{margin-top:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted)}.input__error{margin-top:var(--space-2);font-size:var(--text-small);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1-5)}.input__error-icon{width:16px;height:16px;flex-shrink:0}.textarea-wrapper{width:100%}.textarea-wrapper--inline{width:auto}.textarea__label{display:block;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .textarea__label,[data-theme=dark] .textarea__label{color:#fff}.textarea{width:100%;border-radius:var(--radius-button);border:2px solid var(--color-gray-200);background-color:#fff;padding:var(--space-3) var(--space-4);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-primary);transition:all var(--transition-normal);outline:none;resize:none;font-family:var(--font-sans)}.textarea::-moz-placeholder{color:#9ca3af99}.textarea::placeholder{color:#9ca3af99}.textarea:hover{border-color:var(--color-gray-300)}.textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633}.textarea:disabled{opacity:.5;cursor:not-allowed;background-color:var(--color-gray-50)}.dark .textarea,[data-theme=dark] .textarea{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:#fff}.dark .textarea::-moz-placeholder,[data-theme=dark] .textarea::-moz-placeholder{color:var(--color-gray-400)}.dark .textarea::placeholder,[data-theme=dark] .textarea::placeholder{color:var(--color-gray-400)}.dark .textarea:hover,[data-theme=dark] .textarea:hover{border-color:var(--color-gray-500)}.dark .textarea:disabled,[data-theme=dark] .textarea:disabled{background-color:var(--color-gray-900)}.textarea--error{border-color:#ef444480}.textarea--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.textarea__hint{margin-top:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted)}.textarea__error{margin-top:var(--space-2);font-size:var(--text-small);color:var(--color-error);display:flex;align-items:center;gap:var(--space-1-5)}.textarea__error-icon{width:16px;height:16px;flex-shrink:0}.textarea::-webkit-scrollbar{width:8px;height:8px}.textarea::-webkit-scrollbar-track{background-color:var(--color-surface);border-radius:var(--radius-full)}.textarea::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full)}.textarea::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.import-export__container{display:flex;flex-direction:column;gap:var(--space-6)}.import-export__actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-2)}.import-export__error{padding:var(--space-3);background-color:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-lg)}.import-export__error-text{font-size:var(--text-small);color:var(--color-error)}.import-modal__result{display:flex;flex-direction:column;gap:var(--space-4);animation:fadeIn .3s ease-out}.import-modal__result-content{text-align:center;padding:var(--space-6) 0}.import-modal__result-icon{width:64px;height:64px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);animation:scaleIn .3s ease-out}.import-modal__result-icon--success{background-color:#10b9811a}.import-modal__result-icon--error{background-color:#ef44441a}.import-modal__result-icon svg{width:32px;height:32px}.import-modal__result-icon--success svg{color:var(--color-success)}.import-modal__result-icon--error svg{color:var(--color-error)}.import-modal__result-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.import-modal__result-text{font-size:var(--text-body);color:var(--color-text-secondary)}.import-modal__result-count{font-weight:var(--font-semibold);color:var(--color-success)}.import-modal__result-deck{font-weight:var(--font-medium);color:var(--color-text-primary)}.import-modal__deck-list{list-style:none;margin-top:var(--space-3);padding:var(--space-3);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg);font-size:var(--text-small);color:var(--color-text-secondary);text-align:left;max-height:150px;overflow-y:auto}.import-modal__deck-list li{padding:var(--space-1) 0;border-bottom:1px solid var(--color-border)}.import-modal__deck-list li:last-child{border-bottom:none}.import-modal__spinner{animation:spin 1s linear infinite}.import-modal__preview{width:100%;text-align:left;cursor:default}.import-modal__preview-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.import-modal__preview-file{display:flex;align-items:center;gap:var(--space-2);min-width:0}.import-modal__preview-file-icon{width:20px;height:20px;color:var(--color-success);flex-shrink:0}.import-modal__preview-filename{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-modal__preview-change{font-size:var(--text-small);color:var(--color-accent);background:none;border:none;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);transition:background-color var(--transition-fast);flex-shrink:0}.import-modal__preview-change:hover{background-color:#3b82f61a}.import-modal__preview-summary{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}.import-modal__preview-count{font-size:var(--text-h2);font-weight:var(--font-bold);color:var(--color-success)}.import-modal__preview-label{font-size:var(--text-body);color:var(--color-text-secondary)}.import-modal__preview-decks{display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto}.import-modal__preview-deck{padding:var(--space-2) var(--space-3);background-color:var(--color-surface-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.import-modal__preview-deck-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.import-modal__preview-deck-name{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.import-modal__preview-deck-count{font-size:var(--text-caption);color:var(--color-text-muted);flex-shrink:0}.import-modal__preview-deck-desc{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-1)}.import-modal__preview-samples{margin-top:var(--space-2);display:flex;flex-direction:column;gap:var(--space-1)}.import-modal__preview-card{padding:var(--space-1) var(--space-2);background-color:var(--color-surface);border-radius:var(--radius-sm);font-size:var(--text-caption)}.import-modal__preview-card-front{color:var(--color-text-secondary)}.import-modal__preview-more{font-size:var(--text-caption);color:var(--color-text-muted);font-style:italic;padding:var(--space-1) var(--space-2)}.import-modal__warnings{padding:var(--space-3);background-color:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-lg)}.import-modal__warnings-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-warning);margin-bottom:var(--space-2)}.import-modal__warnings-list{list-style:none;font-size:var(--text-small);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-1)}.import-modal__dropzone{padding:var(--space-8);border:2px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:var(--transition-all)}.import-modal__dropzone:hover{border-color:#3b82f680;background-color:var(--color-surface-secondary)}.import-modal__dropzone--active{border-color:var(--color-accent);background-color:#3b82f61a;transform:scale(1.02);box-shadow:var(--shadow-lg),0 0 20px #3b82f61a}.import-modal__dropzone--selected{border-color:var(--color-success);background-color:#10b9810d}.import-modal__dropzone-input{display:none}.import-modal__dropzone-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-3)}.import-modal__dropzone-icon--default{background-color:#3b82f61a}.import-modal__dropzone-icon--selected{background-color:#10b9811a}.import-modal__dropzone-icon svg{width:24px;height:24px}.import-modal__dropzone-icon--default svg{color:var(--color-accent)}.import-modal__dropzone-icon--selected svg{color:var(--color-success)}.import-modal__dropzone-title{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.import-modal__dropzone-subtitle{font-size:var(--text-small);color:var(--color-text-muted)}.import-modal__formats{padding:var(--space-4);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg)}.import-modal__formats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.import-modal__formats-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary)}.import-modal__formats-toggle{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-small);color:var(--color-accent);background:none;border:none;cursor:pointer;padding:0;transition:color var(--transition-fast)}.import-modal__formats-toggle:hover{color:#3b82f6cc}.import-modal__formats-toggle-icon{width:16px;height:16px;transition:transform var(--transition-normal)}.import-modal__formats-toggle-icon--open{transform:rotate(180deg)}.import-modal__formats-list{list-style:none;font-size:var(--text-small);color:var(--color-text-muted);display:flex;flex-direction:column;gap:var(--space-1)}.import-modal__formats-list-label{color:var(--color-text-secondary)}.import-modal__formats-list-detail{color:var(--color-text-muted);margin-left:var(--space-1)}.import-modal__examples{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.import-modal__example{display:flex;flex-direction:column}.import-modal__example-title{font-size:var(--text-caption);font-weight:var(--font-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1-5)}.import-modal__example-code{font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-text-muted);background-color:#fff;padding:var(--space-2-5);border-radius:var(--radius-md);border:1px solid var(--color-border);overflow-x:auto;white-space:pre}.dark .import-modal__example-code,[data-theme=dark] .import-modal__example-code{background-color:var(--color-gray-800)}.import-modal__help-section{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.import-modal__help-link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);border-radius:var(--radius-lg);background-color:#3b82f60d;border:1px solid rgba(59,130,246,.2);cursor:pointer;transition:var(--transition-all)}.import-modal__help-link:hover{background-color:#3b82f61a}.import-modal__help-icon{width:32px;height:32px;border-radius:var(--radius-full);background-color:#3b82f61a;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background-color var(--transition-fast)}.import-modal__help-link:hover .import-modal__help-icon{background-color:#3b82f633}.import-modal__help-icon svg{width:16px;height:16px;color:var(--color-accent)}.import-modal__help-content{text-align:left}.import-modal__help-title{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-accent)}.import-modal__help-description{font-size:var(--text-caption);color:var(--color-text-muted)}.import-modal__help-arrow{width:16px;height:16px;color:#3b82f699;margin-left:auto;transition:transform var(--transition-fast)}.import-modal__help-link:hover .import-modal__help-arrow{transform:translate(2px)}.import-modal__clipboard-section{display:flex;flex-direction:column;gap:var(--space-3)}.import-modal__clipboard-divider{display:flex;align-items:center;gap:var(--space-3)}.import-modal__clipboard-divider:before,.import-modal__clipboard-divider:after{content:"";flex:1;height:1px;background-color:var(--color-border)}.import-modal__clipboard-divider-text{font-size:var(--text-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.import-modal__clipboard-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);background-color:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary);cursor:pointer;transition:var(--transition-all)}.import-modal__clipboard-button:hover{background-color:#3b82f60d;border-color:#3b82f64d;color:var(--color-accent)}.dark .import-modal__clipboard-button,[data-theme=dark] .import-modal__clipboard-button{background-color:var(--color-gray-800);border-color:var(--color-gray-700);color:#fff}.dark .import-modal__clipboard-button:hover,[data-theme=dark] .import-modal__clipboard-button:hover{background-color:#3b82f61a;border-color:#3b82f666;color:var(--color-accent)}.import-modal__clipboard-icon{width:18px;height:18px;flex-shrink:0}.export-modal__folder-note{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3);background-color:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:var(--radius-lg)}.dark .export-modal__folder-note,[data-theme=dark] .export-modal__folder-note{background-color:#3b82f61a}.export-modal__folder-note-icon{width:20px;height:20px;border-radius:var(--radius-full);background-color:#3b82f633;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.export-modal__folder-note-icon svg{width:12px;height:12px;color:var(--color-accent)}.export-modal__folder-note-text{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .export-modal__folder-note-text,[data-theme=dark] .export-modal__folder-note-text{color:var(--color-gray-400)}.export-modal__format-section{display:flex;flex-direction:column}.export-modal__format-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary);display:block;margin-bottom:var(--space-3)}.export-modal__format-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.export-modal__format-option{padding:var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--color-border);background-color:var(--color-surface-secondary);text-align:left;cursor:pointer;transition:var(--transition-all)}.export-modal__format-option:hover{border-color:#3b82f64d;background-color:#3b82f60d;box-shadow:var(--shadow-sm)}.export-modal__format-option--selected{border-color:var(--color-accent);background-color:#3b82f60d;box-shadow:var(--shadow-md),0 0 20px #3b82f61a}.export-modal__format-icon{width:32px;height:32px;margin-bottom:var(--space-3);color:var(--color-text-secondary);transition:color var(--transition-normal)}.export-modal__format-option--selected .export-modal__format-icon{color:var(--color-accent)}.export-modal__format-name{font-weight:var(--font-medium);color:var(--color-text-primary);transition:color var(--transition-normal)}.export-modal__format-option--selected .export-modal__format-name{color:var(--color-accent)}.export-modal__format-description{font-size:var(--text-small);color:var(--color-text-muted)}.export-modal__options{display:flex;flex-direction:column;gap:var(--space-3)}.export-modal__options-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary);display:block}.import-export-help__tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4)}.dark .import-export-help__tabs,[data-theme=dark] .import-export-help__tabs{border-bottom-color:var(--color-gray-700)}.import-export-help__tab{position:relative;padding:var(--space-2-5) var(--space-4);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-secondary);background:none;border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;cursor:pointer;transition:var(--transition-colors)}.import-export-help__tab:hover{background-color:var(--color-surface-secondary);color:var(--color-text-primary)}.dark .import-export-help__tab,[data-theme=dark] .import-export-help__tab{color:var(--color-gray-400)}.dark .import-export-help__tab:hover,[data-theme=dark] .import-export-help__tab:hover{color:#fff}.import-export-help__tab--active{color:var(--color-accent)}.import-export-help__tab-indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-accent)}.import-export-help__content{max-height:60vh;overflow-y:auto;padding-right:var(--space-2);margin-right:calc(-1 * var(--space-2));scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.import-export-help__content::-webkit-scrollbar{width:6px}.import-export-help__content::-webkit-scrollbar-track{background:transparent}.import-export-help__content::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.import-export-help__content::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.dark .import-export-help__content,[data-theme=dark] .import-export-help__content{scrollbar-color:var(--color-gray-600) transparent}.dark .import-export-help__content::-webkit-scrollbar-thumb,[data-theme=dark] .import-export-help__content::-webkit-scrollbar-thumb{background-color:var(--color-gray-600)}.dark .import-export-help__content::-webkit-scrollbar-thumb:hover,[data-theme=dark] .import-export-help__content::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}.import-export-help__section{display:flex;flex-direction:column;gap:var(--space-6);color:var(--color-text-primary)}.dark .import-export-help__section,[data-theme=dark] .import-export-help__section{color:#fff}.import-export-help__intro{color:var(--color-text-secondary)}.dark .import-export-help__intro,[data-theme=dark] .import-export-help__intro{color:var(--color-gray-400)}.import-export-help__format{display:flex;flex-direction:column}.import-export-help__format-title{font-size:var(--text-body);font-weight:var(--font-semibold);margin-bottom:var(--space-2)}.import-export-help__format-description{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.dark .import-export-help__format-description,[data-theme=dark] .import-export-help__format-description{color:var(--color-gray-400)}.import-export-help__code{background-color:#f1f5f9;border-radius:var(--radius-lg);padding:var(--space-4);font-size:var(--text-small);font-family:var(--font-mono);overflow-x:auto;white-space:pre}.dark .import-export-help__code,[data-theme=dark] .import-export-help__code{background-color:var(--color-gray-800)}.import-export-help__code-legend{margin-top:var(--space-2);font-size:var(--text-small);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.dark .import-export-help__code-legend,[data-theme=dark] .import-export-help__code-legend{color:var(--color-gray-400)}.import-export-help__code-inline{background-color:#f1f5f9;padding:2px var(--space-1);border-radius:var(--radius-sm);font-family:var(--font-mono)}.dark .import-export-help__code-inline,[data-theme=dark] .import-export-help__code-inline{background-color:var(--color-gray-700)}.import-export-help__ai{display:flex;flex-direction:column;gap:var(--space-4);color:var(--color-text-primary)}.dark .import-export-help__ai,[data-theme=dark] .import-export-help__ai{color:#fff}.import-export-help__ai-description{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.dark .import-export-help__ai-description,[data-theme=dark] .import-export-help__ai-description{color:var(--color-gray-400)}.import-export-help__ai-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.import-export-help__ai-title{font-size:var(--text-body);font-weight:var(--font-semibold)}.import-export-help__ai-prompt{background-color:#f1f5f9;border-radius:var(--radius-lg);padding:var(--space-4);padding-right:var(--space-6);font-size:var(--text-small);font-family:var(--font-mono);overflow-x:auto;white-space:pre-wrap;max-height:320px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.import-export-help__ai-prompt::-webkit-scrollbar{width:6px}.import-export-help__ai-prompt::-webkit-scrollbar-track{background:transparent}.import-export-help__ai-prompt::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:3px}.import-export-help__ai-prompt::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.dark .import-export-help__ai-prompt,[data-theme=dark] .import-export-help__ai-prompt{background-color:var(--color-gray-800);scrollbar-color:var(--color-gray-600) transparent}.dark .import-export-help__ai-prompt::-webkit-scrollbar-thumb,[data-theme=dark] .import-export-help__ai-prompt::-webkit-scrollbar-thumb{background-color:var(--color-gray-600)}.dark .import-export-help__ai-prompt::-webkit-scrollbar-thumb:hover,[data-theme=dark] .import-export-help__ai-prompt::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-500)}.import-export-help__example-box{background-color:#3b82f60d;border-radius:var(--radius-lg);padding:var(--space-4)}.dark .import-export-help__example-box,[data-theme=dark] .import-export-help__example-box{background-color:#3b82f61a}.import-export-help__example-box-title{font-size:var(--text-body);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.import-export-help__examples{display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-small)}.import-export-help__example-label{font-weight:var(--font-medium);color:var(--color-text-primary)}.dark .import-export-help__example-label,[data-theme=dark] .import-export-help__example-label{color:#fff}.import-export-help__example-text{color:var(--color-text-secondary)}.dark .import-export-help__example-text,[data-theme=dark] .import-export-help__example-text{color:var(--color-gray-400)}.import-export-help__tips{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .import-export-help__tips,[data-theme=dark] .import-export-help__tips{color:var(--color-gray-400)}.import-export-help__tips-title{font-weight:var(--font-medium);color:var(--color-text-primary);margin-bottom:var(--space-1)}.dark .import-export-help__tips-title,[data-theme=dark] .import-export-help__tips-title{color:#fff}.import-export-help__tips-list{list-style:disc;list-style-position:inside;display:flex;flex-direction:column;gap:var(--space-1)}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.import-export-help__form-toggle{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2-5) var(--space-3);margin-bottom:var(--space-3);background-color:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all)}.import-export-help__form-toggle:hover{background-color:#3b82f60d;border-color:#3b82f64d}.dark .import-export-help__form-toggle,[data-theme=dark] .import-export-help__form-toggle{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.dark .import-export-help__form-toggle:hover,[data-theme=dark] .import-export-help__form-toggle:hover{background-color:#3b82f61a;border-color:#3b82f666}.import-export-help__form-toggle-text{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-accent)}.import-export-help__form-toggle-icon{width:16px;height:16px;color:var(--color-accent);margin-left:auto;transition:transform var(--transition-normal)}.import-export-help__form-toggle-icon--open{transform:rotate(180deg)}.import-export-help__form-wrapper{overflow:hidden}.import-export-help__form{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);margin-bottom:var(--space-3);background-color:var(--color-surface-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dark .import-export-help__form,[data-theme=dark] .import-export-help__form{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.import-export-help__form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}@media (max-width: 480px){.import-export-help__form-row{grid-template-columns:1fr}}.import-export-help__form-field{display:flex;flex-direction:column;gap:var(--space-1-5)}.import-export-help__form-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary)}.dark .import-export-help__form-label,[data-theme=dark] .import-export-help__form-label{color:#fff}.import-export-help__form-optional{font-weight:var(--font-normal);color:var(--color-text-muted)}.dark .import-export-help__form-optional,[data-theme=dark] .import-export-help__form-optional{color:var(--color-gray-500)}.import-export-help__form-required{color:var(--color-error);font-weight:var(--font-medium)}.import-export-help__form-input{padding:var(--space-2-5) var(--space-3);font-size:var(--text-small);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:var(--transition-all)}.import-export-help__form-input::-moz-placeholder{color:var(--color-text-muted)}.import-export-help__form-input::placeholder{color:var(--color-text-muted)}.import-export-help__form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.dark .import-export-help__form-input,[data-theme=dark] .import-export-help__form-input{color:#fff;background-color:var(--color-gray-900);border-color:var(--color-gray-600)}.dark .import-export-help__form-input::-moz-placeholder,[data-theme=dark] .import-export-help__form-input::-moz-placeholder{color:var(--color-gray-500)}.dark .import-export-help__form-input::placeholder,[data-theme=dark] .import-export-help__form-input::placeholder{color:var(--color-gray-500)}.dark .import-export-help__form-input:focus,[data-theme=dark] .import-export-help__form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633}.import-export-help__form-select{padding:var(--space-2-5) var(--space-3);font-size:var(--text-small);color:var(--color-text-primary);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-all);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236B7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;background-size:16px;padding-right:var(--space-8)}.import-export-help__form-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f61a}.dark .import-export-help__form-select,[data-theme=dark] .import-export-help__form-select{color:#fff;background-color:var(--color-gray-900);border-color:var(--color-gray-600);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239CA3AF'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E")}.dark .import-export-help__form-select:focus,[data-theme=dark] .import-export-help__form-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px #3b82f633}.checkbox{display:flex;align-items:flex-start;gap:var(--space-3);cursor:pointer}.checkbox--card{padding:var(--space-3);background-color:var(--color-surface-secondary);border-radius:var(--radius-lg);transition:background-color var(--transition-fast)}.checkbox--card:hover{background-color:#f3f4f6cc}.dark .checkbox--card,[data-theme=dark] .checkbox--card{background-color:var(--color-gray-700)}.dark .checkbox--card:hover,[data-theme=dark] .checkbox--card:hover{background-color:#374151cc}.checkbox__input-wrapper{position:relative;display:flex;align-items:center;justify-content:center;margin-top:2px}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__box{width:20px;height:20px;border-radius:var(--radius-md);border:2px solid var(--color-border);background-color:#fff;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.dark .checkbox__box,[data-theme=dark] .checkbox__box{background-color:var(--color-gray-800)}.checkbox__input:checked+.checkbox__box{background-color:var(--color-accent);border-color:var(--color-accent)}.checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 2px var(--color-background),0 0 0 4px #3b82f680}.dark .checkbox__input:focus-visible+.checkbox__box,[data-theme=dark] .checkbox__input:focus-visible+.checkbox__box{box-shadow:0 0 0 2px var(--color-gray-900),0 0 0 4px #3b82f680}.checkbox__checkmark{width:12px;height:12px;color:#fff;opacity:0;transition:opacity var(--transition-fast)}.checkbox__input:checked~.checkbox__checkmark,.checkbox__input:checked+.checkbox__box .checkbox__checkmark{opacity:1}.checkbox__content{flex:1}.checkbox__label{display:block;font-size:var(--text-body);color:var(--color-text-primary)}.checkbox__description{display:block;margin-top:2px;font-size:var(--text-small);color:var(--color-text-muted)}.breadcrumb{font-size:var(--text-sm);line-height:var(--leading-normal)}.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-1);margin:0;padding:0;list-style:none}.breadcrumb__item{display:flex;align-items:center;gap:var(--space-1);min-width:0}.breadcrumb__separator{display:flex;align-items:center;color:var(--color-text-muted);flex-shrink:0}.breadcrumb__separator-icon{width:16px;height:16px}.breadcrumb__icon{width:14px;height:14px;flex-shrink:0}.breadcrumb__link{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-1-5);margin:calc(-1 * var(--space-1)) calc(-1 * var(--space-1-5));color:var(--color-text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:var(--transition-colors);max-width:200px}.breadcrumb__link:hover{color:var(--color-accent);background-color:var(--color-accent-light)}.breadcrumb__link:focus{outline:none}.breadcrumb__link:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.breadcrumb__text{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);max-width:200px}.breadcrumb__text--current{color:var(--color-text-primary);font-weight:var(--font-medium)}.breadcrumb__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 480px){.breadcrumb__link,.breadcrumb__text{max-width:120px}.breadcrumb__list:has(>:nth-child(4)) .breadcrumb__item:not(:first-child):not(:last-child):not(:nth-last-child(2)){display:none}.breadcrumb__list:has(>:nth-child(4)) .breadcrumb__item:nth-child(2):before{content:"...";color:var(--color-text-muted);padding:0 var(--space-1)}}.dark .breadcrumb__link:hover{background-color:#3b82f626}.deck-view{display:flex;flex-direction:column;gap:var(--space-6)}.deck-view__breadcrumbs{margin-bottom:var(--space-2)}.deck-view__header{display:flex;flex-direction:column;gap:var(--space-4)}.deck-view__title{font-size:var(--text-h1);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}@media (min-width: 640px){.deck-view__title{font-size:var(--text-h1-lg)}}.dark .deck-view__title,[data-theme=dark] .deck-view__title{color:#fff}.deck-view__description{font-size:var(--text-body);color:var(--color-text-secondary);margin-top:var(--space-2)}.dark .deck-view__description,[data-theme=dark] .deck-view__description{color:var(--color-gray-400)}.deck-view__card-count{font-size:var(--text-small);color:var(--color-text-muted);margin-top:var(--space-2)}.dark .deck-view__card-count,[data-theme=dark] .deck-view__card-count{color:var(--color-gray-500)}.deck-view__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.deck-view__import-export{display:flex;align-items:center;gap:var(--space-2)}.deck-view__action-btn{min-height:44px;padding-left:var(--space-3);padding-right:var(--space-3)}.deck-view__action-icon{width:20px;height:20px}.deck-view__action-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (min-width: 640px){.deck-view__action-text{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal;margin-left:var(--space-1-5)}}.deck-view__spacer{flex:1}.deck-view__card-actions{display:flex;align-items:center;gap:var(--space-2)}.deck-view__add-btn{min-height:44px}.deck-view__add-icon{width:20px;height:20px}@media (min-width: 640px){.deck-view__add-icon{margin-right:var(--space-2)}}.deck-view__add-text--desktop{display:none}@media (min-width: 640px){.deck-view__add-text--desktop{display:inline}}.deck-view__add-text--mobile{display:inline}@media (min-width: 640px){.deck-view__add-text--mobile{display:none}}.deck-view__review-btn{min-height:44px}.deck-view__review-icon{width:20px;height:20px}.deck-view__review-text--desktop{display:none}@media (min-width: 640px){.deck-view__review-text--desktop{display:inline}}.deck-view__review-text--mobile{display:inline}@media (min-width: 640px){.deck-view__review-text--mobile{display:none}}.deck-view__empty{text-align:center;padding:var(--space-12) 0}.deck-view__empty-icon{width:64px;height:64px;margin:0 auto var(--space-4);color:var(--color-text-muted)}.dark .deck-view__empty-icon,[data-theme=dark] .deck-view__empty-icon{color:var(--color-gray-500)}.deck-view__empty-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .deck-view__empty-title,[data-theme=dark] .deck-view__empty-title{color:#fff}.deck-view__empty-text{font-size:var(--text-body);color:var(--color-text-secondary);margin-bottom:var(--space-6)}.dark .deck-view__empty-text,[data-theme=dark] .deck-view__empty-text{color:var(--color-gray-400)}.deck-view__not-found{text-align:center;padding:var(--space-12) 0}.deck-view__not-found-text{font-size:var(--text-body);color:var(--color-text-secondary)}.dark .deck-view__not-found-text,[data-theme=dark] .deck-view__not-found-text{color:var(--color-gray-400)}.deck-view__card-list{display:flex;flex-direction:column;gap:var(--space-3)}.flashcard-item{transition:box-shadow .2s ease-out,background-color .2s ease-out}.flashcard-item--selected{box-shadow:0 0 0 2px var(--color-accent),0 0 0 4px #3b82f633;background-color:#3b82f60d}.dark .flashcard-item--selected,[data-theme=dark] .flashcard-item--selected{background-color:#3b82f61a}.flashcard-item__content{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}.flashcard-item__thumbnail{flex-shrink:0}.flashcard-item__body{flex:1;cursor:pointer;min-width:0}.flashcard-item__section{margin-bottom:var(--space-2)}.flashcard-item__section:last-of-type{margin-bottom:0}.flashcard-item__label{font-size:var(--text-small);color:var(--color-text-muted);margin-bottom:var(--space-1)}.dark .flashcard-item__label,[data-theme=dark] .flashcard-item__label{color:var(--color-gray-500)}.flashcard-item__question{font-size:var(--text-body);color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .flashcard-item__question,[data-theme=dark] .flashcard-item__question{color:#fff}.flashcard-item__answer{font-size:var(--text-body);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dark .flashcard-item__answer,[data-theme=dark] .flashcard-item__answer{color:var(--color-gray-400)}.flashcard-item__tags{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.flashcard-item__tag{font-size:var(--text-caption);padding:var(--space-1) var(--space-2);background-color:#3b82f61a;color:var(--color-accent);border-radius:var(--radius-badge)}.dark .flashcard-item__tag,[data-theme=dark] .flashcard-item__tag{background-color:#3b82f633}.flashcard-item__review{margin-top:var(--space-2)}.flashcard-item__delete{color:var(--color-error)}.flashcard-item__delete:hover{background-color:#ef44441a}.flashcard-item__delete-icon{width:20px;height:20px}.media-thumbnail{position:relative;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-surface-secondary)}.dark .media-thumbnail,[data-theme=dark] .media-thumbnail{background-color:var(--color-gray-700)}.media-thumbnail--sm{width:40px;height:40px}.media-thumbnail--md{width:48px;height:48px}.media-thumbnail__image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.media-thumbnail__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.media-thumbnail__placeholder--video{background:linear-gradient(135deg,var(--color-gray-200) 0%,var(--color-gray-300) 100%)}.dark .media-thumbnail__placeholder--video,[data-theme=dark] .media-thumbnail__placeholder--video{background:linear-gradient(135deg,var(--color-gray-600) 0%,var(--color-gray-700) 100%)}.media-thumbnail__placeholder--audio{background:linear-gradient(135deg,var(--color-accent-light) 0%,var(--color-accent) 100%)}.dark .media-thumbnail__placeholder--audio,[data-theme=dark] .media-thumbnail__placeholder--audio{background:linear-gradient(135deg,#3b82f64d,#3b82f680)}.media-thumbnail__placeholder-icon{width:50%;height:50%;color:var(--color-gray-400)}.dark .media-thumbnail__placeholder-icon,[data-theme=dark] .media-thumbnail__placeholder-icon{color:var(--color-gray-500)}.media-thumbnail__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,#0000001a,#00000040)}.media-thumbnail__play-icon{width:20px;height:20px;color:#fff}.media-thumbnail__waveform{display:flex;align-items:center;justify-content:center;gap:2px;height:60%}.media-thumbnail__waveform-bar{width:3px;background-color:#fff;border-radius:var(--radius-full);animation:waveform 1s ease-in-out infinite alternate}.media-thumbnail__waveform-bar:nth-child(1){animation-delay:0s}.media-thumbnail__waveform-bar:nth-child(2){animation-delay:.1s}.media-thumbnail__waveform-bar:nth-child(3){animation-delay:.2s}.media-thumbnail__waveform-bar:nth-child(4){animation-delay:.3s}.media-thumbnail__waveform-bar:nth-child(5){animation-delay:.4s}.media-thumbnail__waveform-bar:nth-child(6){animation-delay:.5s}.media-thumbnail__waveform-bar:nth-child(7){animation-delay:.6s}@keyframes waveform{0%{opacity:.4}to{opacity:1}}@media (prefers-reduced-motion: reduce){.media-thumbnail__waveform-bar{animation:none;opacity:.7}}.media-thumbnail__duration{position:absolute;bottom:var(--space-1);right:var(--space-1);padding:var(--space-0-5, 2px) var(--space-1);background-color:#000000bf;border-radius:var(--radius-sm);font-size:var(--text-xxs, 9px);font-family:var(--font-mono);color:#fff;line-height:1.2}.media-thumbnail__placeholder--loading{background:var(--color-surface-secondary)}.media-thumbnail__spinner{width:20px;height:20px;border:2px solid var(--color-gray-300);border-top-color:var(--color-primary);border-radius:50%;animation:thumbnail-spin .8s linear infinite}.dark .media-thumbnail__spinner,[data-theme=dark] .media-thumbnail__spinner{border-color:var(--color-gray-600);border-top-color:var(--color-primary)}@keyframes thumbnail-spin{to{transform:rotate(360deg)}}.card-editor{max-width:896px;margin-left:auto;margin-right:auto;display:flex;flex-direction:column;gap:var(--space-6)}.card-editor__breadcrumbs{margin-bottom:var(--space-2)}.card-editor__title{font-size:var(--text-h1);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}@media (min-width: 640px){.card-editor__title{font-size:var(--text-h1-lg)}}.dark .card-editor__title,[data-theme=dark] .card-editor__title{color:#fff}.card-editor__subtitle{font-size:var(--text-body);color:var(--color-text-secondary);margin-top:var(--space-1)}.dark .card-editor__subtitle,[data-theme=dark] .card-editor__subtitle{color:var(--color-gray-400)}.card-editor__grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 1024px){.card-editor__grid{grid-template-columns:repeat(2,1fr)}}.card-editor__panel-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}@media (min-width: 640px){.card-editor__panel-title{font-size:var(--text-h3-lg)}}.dark .card-editor__panel-title,[data-theme=dark] .card-editor__panel-title{color:#fff}.card-editor__panel-hint{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-2)}.dark .card-editor__panel-hint,[data-theme=dark] .card-editor__panel-hint{color:var(--color-gray-500)}.card-editor__media-section{margin-top:var(--space-4)}.card-editor__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.card-editor__preview-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}@media (min-width: 640px){.card-editor__preview-title{font-size:var(--text-h3-lg)}}.dark .card-editor__preview-title,[data-theme=dark] .card-editor__preview-title{color:#fff}.card-editor__preview-content{display:flex;flex-direction:column;gap:var(--space-4)}.card-editor__preview-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-muted);margin-bottom:var(--space-2)}.dark .card-editor__preview-label,[data-theme=dark] .card-editor__preview-label{color:var(--color-gray-500)}.card-editor__preview-box{padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg)}.dark .card-editor__preview-box,[data-theme=dark] .card-editor__preview-box{background-color:var(--color-surface-secondary)}.card-editor__preview-text{font-size:var(--text-body);color:var(--color-text-primary);word-wrap:break-word}.dark .card-editor__preview-text,[data-theme=dark] .card-editor__preview-text{color:#fff}.card-editor__preview-media{margin-bottom:var(--space-3);display:flex;justify-content:center}.media-uploader{display:flex;flex-direction:column;gap:var(--space-2)}.media-uploader__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.dark .media-uploader__label,[data-theme=dark] .media-uploader__label{color:var(--color-gray-200)}.media-uploader__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-6);background-color:var(--color-surface);border:2px dashed var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);min-height:140px}.media-uploader__dropzone:hover{border-color:var(--color-accent);background-color:var(--color-accent-light)}.dark .media-uploader__dropzone,[data-theme=dark] .media-uploader__dropzone{background-color:var(--color-surface-secondary);border-color:var(--color-gray-600)}.dark .media-uploader__dropzone:hover,[data-theme=dark] .media-uploader__dropzone:hover{border-color:var(--color-accent);background-color:#3b82f61a}.media-uploader__dropzone:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light)}.media-uploader--dragover .media-uploader__dropzone{border-color:var(--color-accent);background-color:var(--color-accent-light);border-style:solid}.dark .media-uploader--dragover .media-uploader__dropzone,[data-theme=dark] .media-uploader--dragover .media-uploader__dropzone{background-color:#3b82f626}.media-uploader--disabled .media-uploader__dropzone{cursor:not-allowed;opacity:.6}.media-uploader--disabled .media-uploader__dropzone:hover{border-color:var(--color-border);background-color:var(--color-surface)}.media-uploader--error .media-uploader__dropzone{border-color:var(--color-error)}.media-uploader__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.media-uploader__icon-container{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background-color:var(--color-accent-light);border-radius:var(--radius-full)}.dark .media-uploader__icon-container,[data-theme=dark] .media-uploader__icon-container{background-color:#3b82f633}.media-uploader__icon{width:24px;height:24px;color:var(--color-accent)}.media-uploader__text{font-size:var(--text-sm);text-align:center}.media-uploader__text-primary{color:var(--color-accent);font-weight:var(--font-medium)}.media-uploader__text-secondary{color:var(--color-text-secondary)}.dark .media-uploader__text-secondary,[data-theme=dark] .media-uploader__text-secondary{color:var(--color-gray-400)}.media-uploader__hint{font-size:var(--text-xs);color:var(--color-text-muted)}.media-uploader__uploading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.media-uploader__progress-ring{position:relative;width:56px;height:56px}.media-uploader__progress-svg{transform:rotate(-90deg);width:100%;height:100%}.media-uploader__progress-bg{fill:none;stroke:var(--color-gray-200);stroke-width:3}.dark .media-uploader__progress-bg,[data-theme=dark] .media-uploader__progress-bg{stroke:var(--color-gray-600)}.media-uploader__progress-fill{fill:none;stroke:var(--color-accent);stroke-width:3;stroke-linecap:round;transition:stroke-dasharray .2s ease-out}.media-uploader__progress-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary)}.dark .media-uploader__progress-text,[data-theme=dark] .media-uploader__progress-text{color:#fff}.media-uploader__status{font-size:var(--text-sm);color:var(--color-text-secondary)}.media-uploader--has-media .media-uploader__preview{position:relative;display:inline-flex;justify-content:center;padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.dark .media-uploader--has-media .media-uploader__preview,[data-theme=dark] .media-uploader--has-media .media-uploader__preview{background-color:var(--color-surface-secondary);border-color:var(--color-gray-600)}.media-uploader__remove{position:absolute;top:var(--space-1);right:var(--space-1);display:flex;align-items:center;justify-content:center;width:24px;height:24px;background-color:var(--color-error);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);opacity:.9}.media-uploader__remove:hover{opacity:1;transform:scale(1.1)}.media-uploader__remove:disabled{cursor:not-allowed;opacity:.5}.media-uploader__remove-icon{width:14px;height:14px;color:#fff}.media-uploader__filename{font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-uploader__error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.media-display{position:relative;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);overflow:hidden;background-color:var(--color-surface)}.dark .media-display,[data-theme=dark] .media-display{background-color:var(--color-surface-secondary)}.media-display--sm{max-width:160px;max-height:120px}.media-display--md{max-width:320px;max-height:240px}.media-display--lg{max-width:480px;max-height:360px}.media-display--full{max-width:100%;max-height:400px}.media-display--image{cursor:pointer}.media-display__image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform var(--transition-normal)}.media-display--image:hover .media-display__image{transform:scale(1.02)}.media-display__zoom-hint{position:absolute;bottom:var(--space-2);right:var(--space-2);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background-color:#0009;border:none;border-radius:var(--radius-md);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.media-display--image:hover .media-display__zoom-hint{opacity:1}.media-display__zoom-icon{width:18px;height:18px;color:#fff}.media-display--video{background-color:#000}.media-display__video{display:block;width:100%;height:100%;max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;border-radius:var(--radius-lg)}.media-display__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:#0000004d;opacity:0;transition:opacity var(--transition-fast)}.media-display--video:hover .media-display__video-overlay{opacity:1}.media-display--audio{background-color:transparent;max-height:none;width:100%}@media (max-width: 640px){.media-display--lg{max-width:100%}.media-display--full{max-height:280px}}.media-display--loading{min-height:120px;background-color:var(--color-surface-secondary)}.media-display__loader{display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.media-display__spinner{width:32px;height:32px;color:var(--color-text-muted);animation:media-spin 1s linear infinite}@keyframes media-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.media-display--error{min-height:80px;background-color:var(--color-surface-secondary)}.media-display__error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-sm)}.media-display__error-icon{width:24px;height:24px;color:var(--color-error)}.audio-player{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%}.dark .audio-player,[data-theme=dark] .audio-player{background-color:var(--color-surface-secondary);border-color:var(--color-gray-600)}.audio-player__play-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--color-primary);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.audio-player__play-btn:hover{background-color:var(--color-primary-light);transform:scale(1.05);box-shadow:var(--shadow-glow-accent)}.audio-player__play-btn:active{transform:scale(.98)}.audio-player__play-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-accent-light),var(--shadow-glow-accent)}.audio-player__play-btn .audio-player__icon{width:20px;height:20px;color:#fff}.audio-player__progress-section{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.audio-player__info{display:flex;align-items:center;gap:var(--space-2)}.audio-player__time{flex-shrink:0;font-size:var(--text-xs);font-family:var(--font-mono);color:var(--color-text-muted);min-width:36px}.audio-player__time:last-child{text-align:right}.audio-player__filename{flex:1;font-size:var(--text-xs);color:var(--color-text-secondary);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark .audio-player__filename,[data-theme=dark] .audio-player__filename{color:var(--color-gray-400)}.audio-player__progress{position:relative;height:20px;cursor:pointer;display:flex;align-items:center}.audio-player__progress-track{position:relative;width:100%;height:4px;background-color:var(--color-gray-200);border-radius:var(--radius-full);overflow:visible}.dark .audio-player__progress-track,[data-theme=dark] .audio-player__progress-track{background-color:var(--color-gray-600)}.audio-player__progress-fill{position:absolute;left:0;top:0;height:100%;background-color:var(--color-accent);border-radius:var(--radius-full);transition:width .1s linear}.audio-player__progress-thumb{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background-color:var(--color-accent);border:2px solid white;border-radius:var(--radius-full);box-shadow:var(--shadow-sm);opacity:0;transition:opacity var(--transition-fast)}.audio-player__progress:hover .audio-player__progress-thumb{opacity:1}.audio-player__progress:hover .audio-player__progress-track{height:6px}.audio-player__progress:focus-visible{outline:none}.audio-player__progress:focus-visible .audio-player__progress-track{height:6px;box-shadow:0 0 0 2px var(--color-accent-light)}.audio-player__progress:focus-visible .audio-player__progress-thumb{opacity:1}.audio-player__volume{position:relative;flex-shrink:0}.audio-player__volume-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast)}.audio-player__volume-btn:hover{background-color:var(--color-gray-100);color:var(--color-text-primary)}.dark .audio-player__volume-btn:hover,[data-theme=dark] .audio-player__volume-btn:hover{background-color:var(--color-gray-700);color:#fff}.audio-player__volume-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-accent-light)}.audio-player__volume-btn .audio-player__icon{width:18px;height:18px}.audio-player__volume-slider{position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--space-2);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all var(--transition-fast)}.audio-player__volume-slider--visible{opacity:1;visibility:visible;margin-bottom:var(--space-2)}.audio-player__volume-slider:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);border-width:6px 6px 0;border-style:solid;border-color:var(--color-surface) transparent transparent transparent}.dark .audio-player__volume-slider:after,[data-theme=dark] .audio-player__volume-slider:after{border-color:var(--color-gray-800) transparent transparent transparent}.dark .audio-player__volume-slider,[data-theme=dark] .audio-player__volume-slider{background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.audio-player__volume-input{writing-mode:vertical-lr;direction:rtl;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:80px;background:transparent;cursor:pointer}.audio-player__volume-input::-webkit-slider-track{width:4px;height:100%;background:var(--color-gray-200);border-radius:var(--radius-full)}.audio-player__volume-input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--color-accent);border:2px solid white;border-radius:var(--radius-full);cursor:pointer;margin-left:-4px}.dark .audio-player__volume-input::-webkit-slider-track,[data-theme=dark] .audio-player__volume-input::-webkit-slider-track{background:var(--color-gray-600)}.audio-player__volume-input::-moz-range-track{width:4px;height:100%;background:var(--color-gray-200);border-radius:var(--radius-full)}.audio-player__volume-input::-moz-range-thumb{width:12px;height:12px;background:var(--color-accent);border:2px solid white;border-radius:var(--radius-full);cursor:pointer}.dark .audio-player__volume-input::-moz-range-track,[data-theme=dark] .audio-player__volume-input::-moz-range-track{background:var(--color-gray-600)}@media (max-width: 480px){.audio-player{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.audio-player__play-btn{width:36px;height:36px}.audio-player__play-btn .audio-player__icon{width:18px;height:18px}.audio-player__filename,.audio-player__volume{display:none}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background-color:#000000e6;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:fadeIn .2s ease-out}.lightbox__close{position:absolute;top:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:center;width:44px;height:44px;background-color:#ffffff1a;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);z-index:10}.lightbox__close:hover{background-color:#fff3}.lightbox__close-icon{width:24px;height:24px;color:#fff}.lightbox__controls{position:absolute;bottom:var(--space-6);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background-color:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-full);z-index:10}.lightbox__control-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background-color:transparent;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.lightbox__control-btn:hover:not(:disabled){background-color:#fff3}.lightbox__control-btn:disabled{opacity:.4;cursor:not-allowed}.lightbox__control-btn:focus-visible{outline:none;background-color:#ffffff4d;box-shadow:0 0 0 2px #fff6}.lightbox__control-icon{width:20px;height:20px;color:#fff}.lightbox__zoom-level{font-size:var(--text-sm);font-family:var(--font-mono);color:#fff;min-width:48px;text-align:center}.lightbox__image-container{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-16);overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lightbox__image-container--dragging{cursor:grabbing!important}.lightbox__image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .1s ease-out;pointer-events:none}.lightbox__hint{position:absolute;bottom:var(--space-6);right:var(--space-6);font-size:var(--text-xs);color:#ffffff80;z-index:10}@media (max-width: 640px){.lightbox__close{top:var(--space-2);right:var(--space-2);width:40px;height:40px}.lightbox__image-container{padding:var(--space-4)}.lightbox__controls{bottom:var(--space-4)}.lightbox__hint{display:none}}.markdown-content{font-size:var(--text-body);line-height:var(--leading-relaxed);color:inherit;word-wrap:break-word;overflow-wrap:break-word}.markdown-content>*:first-child{margin-top:0}.markdown-content>*:last-child{margin-bottom:0}.markdown-content h1{font-size:var(--text-h1);font-weight:var(--font-bold);line-height:var(--leading-tight);margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--color-text-primary)}.markdown-content h2{font-size:var(--text-h2);font-weight:var(--font-semibold);line-height:var(--leading-tight);margin-top:var(--space-5);margin-bottom:var(--space-2);color:var(--color-text-primary)}.markdown-content h3{font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--color-text-primary)}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:var(--text-body);font-weight:var(--font-semibold);line-height:var(--leading-snug);margin-top:var(--space-4);margin-bottom:var(--space-2);color:var(--color-text-primary)}.dark .markdown-content h1,.dark .markdown-content h2,.dark .markdown-content h3,.dark .markdown-content h4,.dark .markdown-content h5,.dark .markdown-content h6,[data-theme=dark] .markdown-content h1,[data-theme=dark] .markdown-content h2,[data-theme=dark] .markdown-content h3,[data-theme=dark] .markdown-content h4,[data-theme=dark] .markdown-content h5,[data-theme=dark] .markdown-content h6{color:#fff}.markdown-content p{margin-top:0;margin-bottom:var(--space-3)}.markdown-content strong,.markdown-content b{font-weight:var(--font-semibold)}.markdown-content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.markdown-content a:hover{color:var(--color-accent-hover)}.markdown-content code{font-family:var(--font-mono);font-size:.875em;padding:2px 6px;background-color:var(--color-surface-secondary);border-radius:var(--radius-sm);color:var(--color-text-primary)}.dark .markdown-content code,[data-theme=dark] .markdown-content code{background-color:#ffffff1a;color:#f9fafb}.markdown-content pre{margin-top:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-4);background-color:var(--color-gray-900);border-radius:var(--radius-lg);overflow-x:auto}.markdown-content pre code{font-size:var(--text-sm);padding:0;background-color:transparent;border-radius:0;color:var(--color-gray-100);line-height:var(--leading-relaxed)}.dark .markdown-content pre,[data-theme=dark] .markdown-content pre{background-color:#0006}.dark .markdown-content pre code,[data-theme=dark] .markdown-content pre code{color:var(--color-gray-100);background-color:transparent}.markdown-content ul,.markdown-content ol{margin-top:var(--space-2);margin-bottom:var(--space-3);padding-left:var(--space-6)}.markdown-content ul{list-style-type:disc}.markdown-content ol{list-style-type:decimal}.markdown-content li{margin-bottom:var(--space-1);line-height:var(--leading-relaxed)}.markdown-content li>ul,.markdown-content li>ol{margin-top:var(--space-1);margin-bottom:var(--space-1)}.markdown-content blockquote{margin-top:var(--space-3);margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-accent);background-color:var(--color-surface);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text-secondary)}.markdown-content blockquote p:last-child{margin-bottom:0}.dark .markdown-content blockquote,[data-theme=dark] .markdown-content blockquote{background-color:#3741514d;color:var(--color-gray-300)}.markdown-content hr{margin-top:var(--space-6);margin-bottom:var(--space-6);border:none;border-top:1px solid var(--color-border)}.dark .markdown-content hr,[data-theme=dark] .markdown-content hr{border-top-color:var(--color-gray-600)}.markdown-content table{display:block;width:100%;margin-top:var(--space-3);margin-bottom:var(--space-3);border-collapse:collapse;font-size:var(--text-sm);overflow-x:auto;-webkit-overflow-scrolling:touch}.markdown-content th,.markdown-content td{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);text-align:left}.markdown-content th{font-weight:var(--font-semibold);background-color:var(--color-surface);color:var(--color-text-primary)}.dark .markdown-content th,[data-theme=dark] .markdown-content th{background-color:var(--color-surface-secondary);color:#fff;border-color:var(--color-gray-600)}.dark .markdown-content td,[data-theme=dark] .markdown-content td{border-color:var(--color-gray-600)}.markdown-content del,.markdown-content s{text-decoration:line-through;color:var(--color-text-muted)}.review{max-width:48rem;margin-left:auto;margin-right:auto}.review--narrow{max-width:42rem}.review__empty{text-align:center;padding-top:var(--space-12);padding-bottom:var(--space-12)}.review__empty-text{font-size:var(--text-body);color:var(--color-text-secondary)}.review-progress{margin-bottom:var(--space-6)}.review-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.review-progress__count{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .review-progress__count,[data-theme=dark] .review-progress__count{color:var(--color-gray-400)}.review-progress__percent{font-size:var(--text-small);color:var(--color-text-muted)}.dark .review-progress__percent,[data-theme=dark] .review-progress__percent{color:var(--color-gray-500)}.question-display{display:flex;flex-direction:column;gap:var(--space-6)}.question-display__title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.dark .question-display__title,[data-theme=dark] .question-display__title{color:#fff}.question-display__content{padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-lg)}.dark .question-display__content,[data-theme=dark] .question-display__content{background-color:#37415180}.question-display__text{font-size:var(--text-body);color:var(--color-text-primary)}.dark .question-display__text,[data-theme=dark] .question-display__text{color:#fff}.question-display__hint{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-2)}.question-display__media{margin-bottom:var(--space-4);display:flex;justify-content:center}.question-display__submit{margin-top:var(--space-6)}.answer-reveal{display:flex;flex-direction:column;gap:var(--space-6)}.answer-reveal__comparison{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 768px){.answer-reveal__comparison{grid-template-columns:repeat(2,1fr)}}.answer-reveal__answer-box{padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);min-height:120px;overflow:hidden;word-break:break-word}.dark .answer-reveal__answer-box,[data-theme=dark] .answer-reveal__answer-box{background-color:#37415180}.answer-reveal__answer-box--correct{background-color:#10b9810d;border:1px solid rgba(16,185,129,.2)}.dark .answer-reveal__answer-box--correct,[data-theme=dark] .answer-reveal__answer-box--correct{background-color:#10b9811a}.answer-reveal__media{margin-bottom:var(--space-3);display:flex;justify-content:center}.answer-reveal__answer-text{font-size:var(--text-body);color:var(--color-text-secondary)}.answer-reveal__answer-text--user{white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.dark .answer-reveal__answer-text,[data-theme=dark] .answer-reveal__answer-text{color:var(--color-gray-300)}.answer-reveal__answer-text--correct{color:var(--color-text-primary)}.dark .answer-reveal__answer-text--correct,[data-theme=dark] .answer-reveal__answer-text--correct{color:#fff}.answer-reveal__empty{font-size:var(--text-body);color:var(--color-text-muted);font-style:italic}.dark .answer-reveal__empty,[data-theme=dark] .answer-reveal__empty{color:var(--color-gray-500)}.answer-reveal__section-title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.dark .answer-reveal__section-title,[data-theme=dark] .answer-reveal__section-title{color:#fff}.answer-reveal__prompt{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-4);text-align:center}.dark .answer-reveal__prompt,[data-theme=dark] .answer-reveal__prompt{color:#fff}.score-selector{animation:fadeIn .3s ease-out forwards}.score-selector__content{display:flex;flex-direction:column;gap:var(--space-4)}.score-selector__hint{text-align:center}.score-selector__hint-text{font-size:var(--text-caption);color:var(--color-text-muted)}.score-selector__options{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-2)}.score-selector__group{display:flex;align-items:center;gap:6px}.score-selector__divider{width:1px;height:var(--space-12);background:linear-gradient(to bottom,transparent,var(--color-gray-200),transparent);margin-left:var(--space-2);margin-right:var(--space-2)}.dark .score-selector__divider,[data-theme=dark] .score-selector__divider{background:linear-gradient(to bottom,transparent,var(--color-gray-600),transparent)}.score-selector__legend{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);padding-top:var(--space-1)}@media (min-width: 640px){.score-selector__legend{gap:var(--space-8)}}.score-selector__legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-muted)}.score-selector__legend-dot{width:10px;height:10px;border-radius:var(--radius-full);box-shadow:var(--shadow-sm)}.score-selector__legend-dot--needs-practice{background:linear-gradient(to bottom right,#f87171,#fb923c)}.score-selector__legend-dot--good-progress{background:linear-gradient(to bottom right,#34d399,#22c55e)}.score-button{position:relative}.score-button__btn{position:relative;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-xl);border:2px solid;transition:all .15s ease-out;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;outline:none}.score-button__btn:focus-visible{outline:none;ring:2px;ring-offset:2px}.score-button__btn:disabled{opacity:.5;cursor:not-allowed}.score-button__btn:not(:disabled):hover{transform:scale(1.05);box-shadow:var(--shadow-md)}.score-button__btn--active{transform:scale(.95);filter:brightness(.95)}.score-button__btn--score-0{background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.score-button__btn--score-0:hover{background-color:#fee2e2;border-color:#f87171}.score-button__btn--score-0:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #f87171}.score-button__btn--score-0.score-button__btn--active{box-shadow:0 0 0 1px #fff,0 0 0 3px #f87171}.score-button__btn--score-1{background-color:#fff7ed;border-color:#fed7aa;color:#ea580c}.score-button__btn--score-1:hover{background-color:#ffedd5;border-color:#fb923c}.score-button__btn--score-1:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #fb923c}.score-button__btn--score-1.score-button__btn--active{box-shadow:0 0 0 1px #fff,0 0 0 3px #fb923c}.score-button__btn--score-2{background-color:#fffbeb;border-color:#fde68a;color:#d97706}.score-button__btn--score-2:hover{background-color:#fef3c7;border-color:#fbbf24}.score-button__btn--score-2:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #f59e0b}.score-button__btn--score-2.score-button__btn--active{box-shadow:0 0 0 1px #fff,0 0 0 3px #f59e0b}.score-button__btn--score-3{background-color:#eff6ff;border-color:#bfdbfe;color:#2563eb}.score-button__btn--score-3:hover{background-color:#dbeafe;border-color:#60a5fa}.score-button__btn--score-3:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #60a5fa}.score-button__btn--score-3.score-button__btn--active{box-shadow:0 0 0 1px #fff,0 0 0 3px #60a5fa}.score-button__btn--score-4{background-color:#ecfdf5;border-color:#a7f3d0;color:#059669}.score-button__btn--score-4:hover{background-color:#d1fae5;border-color:#34d399}.score-button__btn--score-4:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #34d399}.score-button__btn--score-4.score-button__btn--active{box-shadow:0 0 0 1px #fff,0 0 0 3px #34d399}.score-button__btn--score-5{background-color:#f0fdf4;border-color:#bbf7d0;color:#16a34a}.score-button__btn--score-5:hover{background-color:#dcfce7;border-color:#4ade80}.score-button__btn--score-5:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px #4ade80}.score-button__btn--score-5.score-button__btn--active{box-shadow:0 0 0 1px #fff,0 0 0 3px #4ade80}.dark .score-button__btn--score-0,[data-theme=dark] .score-button__btn--score-0{background-color:#dc262626;border-color:#f8717166}.dark .score-button__btn--score-0:hover,[data-theme=dark] .score-button__btn--score-0:hover{background-color:#dc262640;border-color:#f8717199}.dark .score-button__btn--score-1,[data-theme=dark] .score-button__btn--score-1{background-color:#ea580c26;border-color:#fb923c66}.dark .score-button__btn--score-1:hover,[data-theme=dark] .score-button__btn--score-1:hover{background-color:#ea580c40;border-color:#fb923c99}.dark .score-button__btn--score-2,[data-theme=dark] .score-button__btn--score-2{background-color:#d9770626;border-color:#fbbf2466}.dark .score-button__btn--score-2:hover,[data-theme=dark] .score-button__btn--score-2:hover{background-color:#d9770640;border-color:#fbbf2499}.dark .score-button__btn--score-3,[data-theme=dark] .score-button__btn--score-3{background-color:#2563eb26;border-color:#60a5fa66}.dark .score-button__btn--score-3:hover,[data-theme=dark] .score-button__btn--score-3:hover{background-color:#2563eb40;border-color:#60a5fa99}.dark .score-button__btn--score-4,[data-theme=dark] .score-button__btn--score-4{background-color:#05966926;border-color:#34d39966}.dark .score-button__btn--score-4:hover,[data-theme=dark] .score-button__btn--score-4:hover{background-color:#05966940;border-color:#34d39999}.dark .score-button__btn--score-5,[data-theme=dark] .score-button__btn--score-5{background-color:#16a34a26;border-color:#4ade8066}.dark .score-button__btn--score-5:hover,[data-theme=dark] .score-button__btn--score-5:hover{background-color:#16a34a40;border-color:#4ade8099}.score-button__value{font-size:var(--text-xs);font-weight:var(--font-bold);margin-top:2px}.score-button__tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--space-2);padding:var(--space-2) var(--space-3);background-color:#0f172a;color:#fff;font-size:var(--text-sm);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:all .15s ease-out;white-space:nowrap;z-index:var(--z-tooltip);pointer-events:none}@media (hover: hover) and (pointer: fine){.score-button:hover .score-button__tooltip{opacity:1;visibility:visible}}.score-button:focus-within .score-button__tooltip{opacity:1;visibility:visible}.score-button__tooltip-title{font-weight:var(--font-semibold)}.score-button__tooltip-desc{color:#cbd5e1;font-size:var(--text-xs)}.score-button__tooltip-shortcut{display:flex;align-items:center;gap:var(--space-1);margin-top:6px}.score-button__tooltip-shortcut-label{color:#94a3b8;font-size:var(--text-xs)}.score-button__tooltip-key{padding:2px 6px;font-size:var(--text-xs);font-family:var(--font-mono);background-color:#334155;border:1px solid #475569;border-radius:var(--radius-sm);color:#e2e8f0}.score-button__tooltip-arrow{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:-1px}.score-button__tooltip-arrow:before{content:"";display:block;border:8px solid transparent;border-top-color:#0f172a}.session-summary{text-align:center;padding-top:var(--space-10);padding-bottom:var(--space-10)}.session-summary__icon-wrapper{width:96px;height:96px;background-color:#10b9811a;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto;margin-bottom:var(--space-8);animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.session-summary__icon-wrapper--trophy{background:linear-gradient(135deg,#fbbf2426,#f59e0b33);box-shadow:0 0 40px #fbbf244d;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) forwards,trophyPulse 3s ease-in-out .5s infinite}@keyframes trophyPulse{0%,to{box-shadow:0 0 40px #fbbf244d;transform:scale(1)}50%{box-shadow:0 0 50px #fbbf2466;transform:scale(1.02)}}@keyframes trophyPulseDark{0%,to{box-shadow:0 0 50px #fbbf2466;transform:scale(1)}50%{box-shadow:0 0 60px #fbbf2480;transform:scale(1.02)}}.dark .session-summary__icon-wrapper--trophy,[data-theme=dark] .session-summary__icon-wrapper--trophy{background:linear-gradient(135deg,#fbbf2440,#f59e0b4d);box-shadow:0 0 50px #fbbf2466;animation:scaleIn .5s cubic-bezier(.34,1.56,.64,1) forwards,trophyPulseDark 3s ease-in-out .5s infinite}.session-summary__icon{width:var(--space-12);height:var(--space-12);color:var(--color-success)}.session-summary__icon--trophy{width:var(--space-14);height:var(--space-14);color:var(--color-trophy);filter:drop-shadow(0 2px 4px rgba(251,191,36,.3))}.session-summary__title{font-size:var(--text-h1-lg);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight);animation:slideUp .5s ease-out forwards;animation-delay:.15s;opacity:0}.dark .session-summary__title,[data-theme=dark] .session-summary__title{color:#fff}.session-summary__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);line-height:var(--leading-relaxed);animation:slideUp .5s ease-out forwards;animation-delay:.3s;opacity:0}.dark .session-summary__subtitle,[data-theme=dark] .session-summary__subtitle{color:var(--color-gray-300)}.session-summary__stat{text-align:center;padding:var(--space-5) var(--space-10);background:linear-gradient(135deg,#fbbf2414,#f59e0b0d);border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-xl);margin:0 auto var(--space-10);max-width:220px;animation:fadeIn .4s ease-out forwards;animation-delay:.45s;opacity:0}.dark .session-summary__stat,[data-theme=dark] .session-summary__stat{background:linear-gradient(135deg,#fbbf241f,#f59e0b14);border-color:#fbbf2440}.session-summary__stat-value{font-size:var(--text-stat);font-weight:var(--font-bold);color:var(--color-trophy);margin-bottom:var(--space-1);line-height:var(--leading-none)}.dark .session-summary__stat-value,[data-theme=dark] .session-summary__stat-value{color:var(--color-trophy-glow)}.session-summary__stat-label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.dark .session-summary__stat-label,[data-theme=dark] .session-summary__stat-label{color:var(--color-gray-400)}.session-summary__actions{display:flex;gap:var(--space-4);justify-content:center;animation:slideUp .4s ease-out forwards;animation-delay:.6s;opacity:0}.progress-bar-wrapper{width:100%}.progress-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.progress-bar__header-left{display:flex;align-items:center;gap:var(--space-2)}.progress-bar__label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary)}.progress-bar__value{font-size:var(--text-small);color:var(--color-text-secondary)}.progress-bar__percentage{font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-text-primary);font-variant-numeric:tabular-nums}.progress-bar{width:100%;border-radius:var(--radius-full);overflow:hidden}.progress-bar--sm{height:6px}.progress-bar--md{height:10px}.progress-bar--lg{height:14px}.progress-bar--xl{height:20px}.progress-bar--accent{background-color:#dbeafe}.dark .progress-bar--accent,[data-theme=dark] .progress-bar--accent{background-color:#3b82f633}.progress-bar--success{background-color:#d1fae5}.dark .progress-bar--success,[data-theme=dark] .progress-bar--success{background-color:#10b98133}.progress-bar--warning{background-color:#fef3c7}.dark .progress-bar--warning,[data-theme=dark] .progress-bar--warning{background-color:#f59e0b33}.progress-bar--error{background-color:#fee2e2}.dark .progress-bar--error,[data-theme=dark] .progress-bar--error{background-color:#ef444433}.progress-bar--gold{background-color:#fef3c7}.dark .progress-bar--gold,[data-theme=dark] .progress-bar--gold{background-color:#f59e0b33}.progress-bar__fill{border-radius:var(--radius-full);height:100%}.progress-bar__fill--animated{transition:width .7s ease-out}.progress-bar__fill--accent{background-color:var(--color-accent)}.progress-bar__fill--success{background-color:var(--color-success)}.progress-bar__fill--warning{background-color:var(--color-warning)}.progress-bar__fill--error{background-color:var(--color-error)}.progress-bar__fill--gold{background:linear-gradient(to right,#fbbf24,#f59e0b,#f97316)}.progress-bar__fill--gradient-accent{background:linear-gradient(to right,#60A5FA,var(--color-accent),#2563EB)}.progress-bar__fill--gradient-success{background:linear-gradient(to right,#34D399,var(--color-success),#059669)}.progress-bar__fill--gradient-warning{background:linear-gradient(to right,#fbbf24,#f59e0b,#f97316)}.progress-bar__fill--gradient-error{background:linear-gradient(to right,#F87171,var(--color-error),#DC2626)}.progress-bar__fill--gradient-gold{background:linear-gradient(to right,#fde047,#fbbf24,#f97316)}.streak-celebration{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal, 50);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;overflow:hidden}.streak-celebration__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.streak-celebration__canvas{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.streak-celebration__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-4, 16px);z-index:1}.streak-celebration__flame{position:relative;display:flex;align-items:center;justify-content:center}.streak-celebration__flame svg{filter:drop-shadow(0 0 20px rgba(251,191,36,.6))}.streak-celebration__number{font-size:3.5rem;font-weight:800;color:#fbbf24;text-shadow:0 0 30px rgba(251,191,36,.5);line-height:1}.streak-celebration__number--milestone{font-size:4.5rem;color:#fde68a;text-shadow:0 0 40px rgba(253,230,138,.6),0 0 80px rgba(251,191,36,.3)}.streak-celebration__label{font-size:1.25rem;font-weight:600;color:#ffffffe6;letter-spacing:.02em}.streak-celebration__label--milestone{font-size:1.5rem;color:#fde68a;text-shadow:0 0 20px rgba(253,230,138,.4)}.streak-celebration__number--shake{animation:streak-shake 1s ease-in}@keyframes streak-shake{0%{transform:translate(0)}4%{transform:translate(.5px)}8%{transform:translate(-.5px)}12%{transform:translate(1px)}16%{transform:translate(-1px,.5px)}20%{transform:translate(1.5px,-.5px) rotate(.3deg)}24%{transform:translate(-1.5px,.5px) rotate(-.3deg)}28%{transform:translate(2px,-1px) rotate(.5deg)}32%{transform:translate(-2px,1px) rotate(-.5deg)}36%{transform:translate(2.5px) rotate(.5deg)}40%{transform:translate(-2.5px,-1px) rotate(-.7deg)}44%{transform:translate(3px,1px) rotate(.8deg)}48%{transform:translate(-3px,-.5px) rotate(-.8deg)}52%{transform:translate(3.5px,1px) rotate(1deg)}56%{transform:translate(-3.5px,-1px) rotate(-1deg)}60%{transform:translate(4px,1.5px) rotate(1.2deg)}64%{transform:translate(-4.5px,-1px) rotate(-1.2deg)}68%{transform:translate(5px,1px) rotate(1.5deg)}72%{transform:translate(-5px,-1.5px) rotate(-1.5deg)}76%{transform:translate(5px,1px) rotate(1.5deg)}80%{transform:translate(-5.5px,-1px) rotate(-1.8deg)}84%{transform:translate(6px,1.5px) rotate(2deg)}88%{transform:translate(-6px,-2px) rotate(-2deg)}92%{transform:translate(6px,2px) rotate(2deg)}96%{transform:translate(-6px,-1px) rotate(-2deg)}to{transform:translate(0) rotate(0)}}.streak-celebration__number--earthquake{animation:streak-earthquake 2s ease-in}@keyframes streak-earthquake{0%{transform:translate(0) rotate(0)}3%{transform:translate(.3px) rotate(0)}5%{transform:translate(-.5px,.3px) rotate(.1deg)}7%{transform:translate(.5px,-.3px) rotate(-.1deg)}9%{transform:translate(-.8px,.5px) rotate(.2deg)}12%{transform:translate(1px,-.5px) rotate(-.2deg)}14%{transform:translate(-1.2px,.8px) rotate(.3deg)}16%{transform:translate(1.5px,-.5px) rotate(-.3deg)}18%{transform:translate(-1.5px,1px) rotate(.4deg)}20%{transform:translate(2px,-1px) rotate(-.4deg)}23%{transform:translate(-2.5px,1px) rotate(.5deg)}26%{transform:translate(3px,-1.5px) rotate(-.6deg)}29%{transform:translate(-3px,1.5px) rotate(.7deg)}32%{transform:translate(3.5px,-1px) rotate(-.8deg)}35%{transform:translate(-4px,2px) rotate(1deg)}38%{transform:translate(4.5px,-2px) rotate(-1deg)}41%{transform:translate(-5px,2.5px) rotate(1.2deg)}44%{transform:translate(5.5px,-2px) rotate(-1.3deg)}47%{transform:translate(-6px,3px) rotate(1.5deg)}50%{transform:translate(7px,-3px) rotate(-1.5deg)}53%{transform:translate(-8px,3px) rotate(2deg)}56%{transform:translate(8px,-4px) rotate(-2deg)}59%{transform:translate(-9px,4px) rotate(2.5deg)}62%{transform:translate(10px,-4px) rotate(-2.5deg)}65%{transform:translate(-10px,5px) rotate(3deg)}68%{transform:translate(12px,-5px) rotate(-3deg)}71%{transform:translate(-13px,6px) rotate(3.5deg)}74%{transform:translate(14px,-6px) rotate(-3.5deg)}77%{transform:translate(-14px,5px) rotate(4deg)}80%{transform:translate(15px,-7px) rotate(-4deg)}83%{transform:translate(-16px,6px) rotate(4.5deg)}86%{transform:translate(16px,-6px) rotate(-4.5deg)}89%{transform:translate(-15px,7px) rotate(5deg)}92%{transform:translate(14px,-7px) rotate(-5deg)}95%{transform:translate(-12px,6px) rotate(4deg)}97%{transform:translate(8px,-4px) rotate(-3deg)}to{transform:translate(0) rotate(0)}}@media (prefers-reduced-motion: reduce){.streak-celebration__number--shake,.streak-celebration__number--earthquake{animation:none}.streak-celebration__flame svg{filter:drop-shadow(0 0 10px rgba(251,191,36,.4))}}.design-system{min-height:100vh;background-color:var(--color-background)}.dark .design-system,[data-theme=dark] .design-system{background-color:var(--color-gray-900)}.design-system__header{position:sticky;top:0;z-index:var(--z-50);background-color:#fffffff2;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}.dark .design-system__header,[data-theme=dark] .design-system__header{background-color:#111827f2;border-color:var(--color-gray-700)}.design-system__header-inner{max-width:1280px;margin:0 auto;padding:var(--space-3) var(--space-4);display:flex;align-items:center;justify-content:space-between}@media (min-width: 640px){.design-system__header-inner{padding:var(--space-4) var(--space-6)}}.design-system__title{font-size:var(--text-h1);font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--color-text-primary)}@media (min-width: 640px){.design-system__title{font-size:var(--text-h1-lg)}}.dark .design-system__title,[data-theme=dark] .design-system__title{color:#fff}.design-system__theme-toggle{padding:var(--space-2);border-radius:var(--radius-button);background-color:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;transition:background-color var(--transition-normal);min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.design-system__theme-toggle:hover{background-color:var(--color-gray-100)}.dark .design-system__theme-toggle,[data-theme=dark] .design-system__theme-toggle{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.dark .design-system__theme-toggle:hover,[data-theme=dark] .design-system__theme-toggle:hover{background-color:var(--color-gray-700)}.design-system__theme-icon{width:20px;height:20px}.design-system__theme-icon--light{color:var(--color-gray-700)}.design-system__theme-icon--dark{color:#eab308}.design-system__mobile-nav{overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;border-top:1px solid rgba(229,231,235,.5)}.design-system__mobile-nav::-webkit-scrollbar{display:none}.dark .design-system__mobile-nav,[data-theme=dark] .design-system__mobile-nav{border-color:#37415180}@media (min-width: 1024px){.design-system__mobile-nav{display:none}}.design-system__mobile-nav-inner{display:flex;gap:var(--space-1);padding:var(--space-2) var(--space-4);min-width:-moz-max-content;min-width:max-content}.design-system__mobile-nav-button{padding:var(--space-2) var(--space-3);font-size:var(--text-small);white-space:nowrap;border-radius:var(--radius-button);min-height:44px;transition:all var(--transition-normal);background:none;border:none;cursor:pointer;color:var(--color-text-secondary)}.design-system__mobile-nav-button:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.dark .design-system__mobile-nav-button,[data-theme=dark] .design-system__mobile-nav-button{color:var(--color-gray-400)}.dark .design-system__mobile-nav-button:hover,[data-theme=dark] .design-system__mobile-nav-button:hover{color:var(--color-gray-200);background-color:var(--color-gray-800)}.design-system__mobile-nav-button--active{background-color:#3b82f61a;color:var(--color-accent);font-weight:var(--font-medium)}.dark .design-system__mobile-nav-button--active,[data-theme=dark] .design-system__mobile-nav-button--active{color:#60a5fa}.design-system__layout{max-width:1280px;margin:0 auto;display:flex}.design-system__sidebar{display:none;width:224px;flex-shrink:0;position:sticky;top:80px;align-self:flex-start;height:calc(100vh - 5rem);overflow-y:auto;padding:var(--space-8) 0 var(--space-8) var(--space-6)}@media (min-width: 1024px){.design-system__sidebar{display:block}}.design-system__sidebar-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-1)}.design-system__sidebar-button{text-align:left;width:100%;padding:var(--space-1-5) var(--space-3);border-radius:var(--radius-button);font-size:var(--text-small);transition:all var(--transition-normal);background:none;border:none;cursor:pointer;color:var(--color-text-secondary)}.design-system__sidebar-button:hover{color:var(--color-text-primary);background-color:var(--color-surface)}.dark .design-system__sidebar-button,[data-theme=dark] .design-system__sidebar-button{color:var(--color-gray-400)}.dark .design-system__sidebar-button:hover,[data-theme=dark] .design-system__sidebar-button:hover{color:var(--color-gray-200);background-color:var(--color-gray-800)}.design-system__sidebar-button--active{color:var(--color-accent);background-color:#3b82f61a;font-weight:var(--font-medium)}.dark .design-system__sidebar-button--active,[data-theme=dark] .design-system__sidebar-button--active{color:#60a5fa;background-color:#60a5fa1a}.design-system__sidebar-button--indented{padding-left:var(--space-6)}.design-system__main{flex:1;padding:var(--space-6) var(--space-4);max-width:896px}@media (min-width: 640px){.design-system__main{padding:var(--space-8) var(--space-6)}}.design-system__section{margin-bottom:var(--space-16);scroll-margin-top:var(--space-6)}.design-system__section-title{font-size:var(--text-h2);font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.dark .design-system__section-title,[data-theme=dark] .design-system__section-title{color:#fff;border-color:var(--color-gray-700)}.design-system__subsection{scroll-margin-top:var(--space-6)}.design-system__color-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}@media (min-width: 640px){.design-system__color-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}@media (min-width: 1024px){.design-system__color-grid{grid-template-columns:repeat(4,1fr)}}.design-system__color-item{display:flex;flex-direction:column}.design-system__color-swatch{width:100%;height:64px;border-radius:var(--radius-card);border:1px solid var(--color-border)}.dark .design-system__color-swatch,[data-theme=dark] .design-system__color-swatch{border-color:var(--color-gray-600)}.design-system__color-info{margin-top:var(--space-3)}.design-system__color-name{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary)}.dark .design-system__color-name,[data-theme=dark] .design-system__color-name{color:#fff}.design-system__color-value{font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-text-secondary)}.dark .design-system__color-value,[data-theme=dark] .design-system__color-value{color:var(--color-gray-300)}.design-system__color-usage{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-1)}.dark .design-system__color-usage,[data-theme=dark] .design-system__color-usage{color:var(--color-gray-400)}.design-system__font-demo{padding:var(--space-4);background-color:#f9fafb80;border-radius:var(--radius-card);border:1px solid var(--color-border)}.dark .design-system__font-demo,[data-theme=dark] .design-system__font-demo{background-color:#1f293780;border-color:var(--color-gray-700)}.design-system__font-families{display:flex;flex-wrap:wrap;gap:var(--space-8)}.design-system__font-family-label{font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:var(--space-2)}.dark .design-system__font-family-label,[data-theme=dark] .design-system__font-family-label{color:var(--color-gray-400)}.design-system__font-family-display{font-family:var(--font-display);font-size:var(--text-h2);color:var(--color-text-primary)}.design-system__font-family-sans{font-family:var(--font-sans);font-size:var(--text-h2);color:var(--color-text-primary)}.dark .design-system__font-family-display,.dark .design-system__font-family-sans,[data-theme=dark] .design-system__font-family-display,[data-theme=dark] .design-system__font-family-sans{color:#fff}.design-system__type-scale{display:flex;flex-direction:column;gap:var(--space-4)}.design-system__type-item{display:flex;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-2) 0;border-bottom:1px solid rgba(229,231,235,.5)}.design-system__type-item:last-child{border-bottom:none}.dark .design-system__type-item,[data-theme=dark] .design-system__type-item{border-color:#37415180}.design-system__type-sample{min-width:220px;color:var(--color-text-primary)}.dark .design-system__type-sample,[data-theme=dark] .design-system__type-sample{color:#fff}.design-system__type-sample--display{font-family:var(--font-display)}.design-system__type-sample--sans{font-family:var(--font-sans)}.design-system__type-specs{font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-text-muted)}.dark .design-system__type-specs,[data-theme=dark] .design-system__type-specs{color:var(--color-gray-400)}.design-system__type-font{font-size:var(--text-caption);color:var(--color-accent)}.dark .design-system__type-font,[data-theme=dark] .design-system__type-font{color:#60a5fa}.design-system__spacing-list{display:flex;flex-direction:column;gap:var(--space-3)}.design-system__spacing-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) 0;border-bottom:1px solid rgba(229,231,235,.3)}.design-system__spacing-item:last-child{border-bottom:none}.dark .design-system__spacing-item,[data-theme=dark] .design-system__spacing-item{border-color:#3741514d}.design-system__spacing-name{width:40px;font-size:var(--text-small);font-family:var(--font-mono);font-weight:var(--font-medium);color:var(--color-text-primary)}.dark .design-system__spacing-name,[data-theme=dark] .design-system__spacing-name{color:#fff}.design-system__spacing-bar{background-color:var(--color-accent);border-radius:var(--radius-sm);height:20px;flex-shrink:0}.design-system__spacing-value{width:56px;font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-text-secondary)}.dark .design-system__spacing-value,[data-theme=dark] .design-system__spacing-value{color:var(--color-gray-300)}.design-system__spacing-example{font-size:var(--text-caption);color:var(--color-text-muted);display:none}@media (min-width: 640px){.design-system__spacing-example{display:block}}.dark .design-system__spacing-example,[data-theme=dark] .design-system__spacing-example{color:var(--color-gray-400)}.design-system__spacing-context{margin-top:var(--space-8);padding:var(--space-4);background-color:#f9fafb80;border-radius:var(--radius-card);border:1px solid var(--color-border)}.dark .design-system__spacing-context,[data-theme=dark] .design-system__spacing-context{background-color:#1f293780;border-color:var(--color-gray-700)}.design-system__spacing-context-label{font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:var(--space-4)}.dark .design-system__spacing-context-label,[data-theme=dark] .design-system__spacing-context-label{color:var(--color-gray-400)}.design-system__spacing-context-items{display:flex;flex-wrap:wrap;gap:var(--space-4)}.design-system__spacing-context-box{display:flex;background-color:#fff;border-radius:var(--radius-card);border:1px solid var(--color-border)}.dark .design-system__spacing-context-box,[data-theme=dark] .design-system__spacing-context-box{background-color:var(--color-gray-900);border-color:var(--color-gray-600)}.design-system__spacing-context-box--gap-2{gap:var(--space-2);padding:var(--space-2)}.design-system__spacing-context-box--gap-4{gap:var(--space-4);padding:var(--space-4)}.design-system__spacing-block{width:32px;height:32px;border-radius:var(--radius-button)}.design-system__spacing-block--accent{background-color:var(--color-accent)}.design-system__spacing-block--success{background-color:var(--color-success)}.design-system__spacing-label{font-size:var(--text-caption);color:var(--color-text-muted);align-self:center;margin-left:var(--space-2)}.design-system__radius-grid{display:flex;flex-wrap:wrap;gap:var(--space-8)}.design-system__radius-item{text-align:center}.design-system__radius-rect{width:80px;height:80px;background-color:var(--color-accent)}.design-system__radius-pill{width:128px;height:40px;background-color:var(--color-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.design-system__radius-pill-text{color:#fff;font-size:var(--text-small)}.design-system__radius-name{margin-top:var(--space-3);font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary)}.dark .design-system__radius-name,[data-theme=dark] .design-system__radius-name{color:#fff}.design-system__radius-value{font-size:var(--text-caption);font-family:var(--font-mono);color:var(--color-text-muted)}.dark .design-system__radius-value,[data-theme=dark] .design-system__radius-value{color:var(--color-gray-400)}.design-system__component-group{margin-bottom:var(--space-8)}.design-system__component-label{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.dark .design-system__component-label,[data-theme=dark] .design-system__component-label{color:var(--color-gray-300)}.design-system__component-row{display:flex;flex-wrap:wrap;gap:var(--space-4)}.design-system__component-row--centered{align-items:center}.design-system__states-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);padding:var(--space-3);background-color:#f9fafb80;border-radius:var(--radius-card)}@media (min-width: 640px){.design-system__states-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-4)}}.dark .design-system__states-grid,[data-theme=dark] .design-system__states-grid{background-color:#1f293780}.design-system__state-item{text-align:center}.design-system__state-label{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-2)}.dark .design-system__state-label,[data-theme=dark] .design-system__state-label{color:var(--color-gray-400)}.design-system__input-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:672px}@media (min-width: 768px){.design-system__input-grid{grid-template-columns:repeat(2,1fr)}}.design-system__spinner-row{display:flex;align-items:center;gap:var(--space-8)}.design-system__spinner-item{text-align:center}.design-system__spinner-label{font-size:var(--text-caption);color:var(--color-text-muted);margin-top:var(--space-2)}.dark .design-system__spinner-label,[data-theme=dark] .design-system__spinner-label{color:var(--color-gray-400)}.design-system__spinner-dark-bg{padding:var(--space-4);background-color:var(--color-gray-800);border-radius:var(--radius-card)}.design-system__modal-text{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.dark .design-system__modal-text,[data-theme=dark] .design-system__modal-text{color:var(--color-gray-300)}.design-system__modal-content{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.dark .design-system__modal-content,[data-theme=dark] .design-system__modal-content{color:var(--color-gray-300)}.design-system__modal-code{background-color:var(--color-surface);padding:var(--space-0-5) var(--space-2);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-small)}.dark .design-system__modal-code,[data-theme=dark] .design-system__modal-code{background-color:var(--color-gray-700)}.design-system__modal-instruction{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.dark .design-system__modal-instruction,[data-theme=dark] .design-system__modal-instruction{color:var(--color-gray-300)}.design-system__kbd{background-color:var(--color-surface);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-small);font-family:var(--font-mono)}.dark .design-system__kbd,[data-theme=dark] .design-system__kbd{background-color:var(--color-gray-700)}.design-system__modal-actions{display:flex;justify-content:flex-end;gap:var(--space-4)}.design-system__progress-container{max-width:576px}.design-system__progress-list{display:flex;flex-direction:column;gap:var(--space-4)}.design-system__progress-label{font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:var(--space-2)}.dark .design-system__progress-label,[data-theme=dark] .design-system__progress-label{color:var(--color-gray-400)}.design-system__code-block{position:relative}.design-system__code-block:hover .design-system__code-copy{opacity:1}.design-system__code-pre{padding:var(--space-4);background-color:var(--color-gray-900);color:var(--color-gray-100);border-radius:var(--radius-input);font-size:var(--text-small);overflow-x:auto}.design-system__code-copy{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-2);background-color:var(--color-gray-800);border:none;border-radius:var(--radius-button);color:var(--color-gray-400);cursor:pointer;opacity:0;transition:all var(--transition-normal)}.design-system__code-copy:hover{background-color:var(--color-gray-700);color:#fff}.design-system__code-copy-icon{width:16px;height:16px}.design-system__code-wrapper{margin-top:var(--space-6)}.component-demo{margin-bottom:var(--space-12)}.component-demo__title{font-size:var(--text-h3);font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .component-demo__title,[data-theme=dark] .component-demo__title{color:#fff}.component-demo__description{font-size:var(--text-small);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.dark .component-demo__description,[data-theme=dark] .component-demo__description{color:var(--color-gray-300)}.component-demo__content{padding:var(--space-6);background-color:var(--color-surface);border-radius:var(--radius-card);border:1px solid var(--color-border)}.dark .component-demo__content,[data-theme=dark] .component-demo__content{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.achievements{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeIn .3s ease-out forwards}.achievements__loading{display:flex;align-items:center;justify-content:center;min-height:256px}.achievements__header{margin-bottom:0}.achievements__title{font-size:var(--text-h1);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3);line-height:var(--leading-tight)}@media (min-width: 640px){.achievements__title{font-size:var(--text-h1-lg)}}.dark .achievements__title,[data-theme=dark] .achievements__title{color:#fff}.achievements__subtitle{font-size:var(--text-body);color:var(--color-text-secondary)}.dark .achievements__subtitle,[data-theme=dark] .achievements__subtitle{color:var(--color-gray-400)}.achievements__stats-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media (min-width: 640px){.achievements__stats-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.summary-stat{position:relative;overflow:hidden;border-radius:var(--radius-xl);padding:var(--space-4);border:1px solid;transition:all var(--transition-slow)}@media (min-width: 640px){.summary-stat{border-radius:var(--radius-2xl);padding:var(--space-6)}}.summary-stat:hover{transform:scale(1.02)}.summary-stat--gold{background:linear-gradient(to bottom right,#fffbeb,#ffedd5);border-color:#fde68a}.dark .summary-stat--gold,[data-theme=dark] .summary-stat--gold{background:linear-gradient(to bottom right,#d977064d,#ea580c33);border-color:#d9770680}.summary-stat--warning{background:linear-gradient(to bottom right,#fff7ed,#fffbeb);border-color:#fed7aa}.dark .summary-stat--warning,[data-theme=dark] .summary-stat--warning{background:linear-gradient(to bottom right,#ea580c4d,#d9770633);border-color:#ea580c80}.summary-stat--success{background:linear-gradient(to bottom right,#ecfdf5,#d1fae5);border-color:#a7f3d0}.dark .summary-stat--success,[data-theme=dark] .summary-stat--success{background:linear-gradient(to bottom right,#10b9814d,#05966933);border-color:#10b98180}.summary-stat--accent{background:linear-gradient(to bottom right,#eff6ff,#e0e7ff);border-color:#bfdbfe}.dark .summary-stat--accent,[data-theme=dark] .summary-stat--accent{background:linear-gradient(to bottom right,#3b82f64d,#6366f133);border-color:#3b82f680}.summary-stat--glow-gold{box-shadow:var(--shadow-glow-gold)}.summary-stat--glow-warning{box-shadow:var(--shadow-glow-warning)}.summary-stat--glow-success{box-shadow:var(--shadow-glow-success)}.summary-stat--glow-accent{box-shadow:var(--shadow-glow-accent)}.summary-stat__content{display:flex;align-items:center;gap:var(--space-3)}@media (min-width: 640px){.summary-stat__content{gap:var(--space-4)}}.summary-stat__icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--shadow-lg);flex-shrink:0}@media (min-width: 640px){.summary-stat__icon{width:56px;height:56px}}.summary-stat__icon--gold{background:linear-gradient(to bottom right,#fbbf24,#f97316)}.summary-stat__icon--warning{background:linear-gradient(to bottom right,#fb923c,#f59e0b)}.summary-stat__icon--success{background:linear-gradient(to bottom right,#34d399,#22c55e)}.summary-stat__icon--accent{background:linear-gradient(to bottom right,#60a5fa,#6366f1)}.summary-stat__icon-svg{width:24px;height:24px}@media (min-width: 640px){.summary-stat__icon-svg{width:32px;height:32px}}.summary-stat__text{flex:1;min-width:0}.summary-stat__value{font-size:var(--text-stat-sm);font-weight:var(--font-semibold);line-height:var(--leading-tight)}@media (min-width: 640px){.summary-stat__value{font-size:var(--text-stat)}}.summary-stat__value--gold{color:#d97706}.dark .summary-stat__value--gold,[data-theme=dark] .summary-stat__value--gold{color:#fbbf24}.summary-stat__value--warning{color:#ea580c}.dark .summary-stat__value--warning,[data-theme=dark] .summary-stat__value--warning{color:#fb923c}.summary-stat__value--success{color:#059669}.dark .summary-stat__value--success,[data-theme=dark] .summary-stat__value--success{color:#34d399}.summary-stat__value--accent{color:#2563eb}.dark .summary-stat__value--accent,[data-theme=dark] .summary-stat__value--accent{color:#60a5fa}.summary-stat__suffix{font-size:var(--text-small);margin-left:var(--space-1);opacity:.85}@media (min-width: 640px){.summary-stat__suffix{font-size:var(--text-h3)}}.summary-stat__label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.summary-stat__progress{margin-top:var(--space-4)}.summary-stat__badge{position:absolute;top:var(--space-3);right:var(--space-3);font-size:var(--text-xs);padding:var(--space-1) var(--space-2-5);background-color:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-full);font-weight:var(--font-semibold);color:#ea580c;box-shadow:var(--shadow-sm)}.dark .summary-stat__badge,[data-theme=dark] .summary-stat__badge{background-color:#111827cc;color:#fb923c}.achievement-section__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-left:4px solid}@media (min-width: 640px){.achievement-section__header{gap:var(--space-4);padding:var(--space-5)}}.achievement-section__header--primary{background:linear-gradient(to bottom right,var(--color-gray-50),var(--color-gray-100));border-left-color:var(--color-primary)}.dark .achievement-section__header--primary,[data-theme=dark] .achievement-section__header--primary{background:linear-gradient(to bottom right,var(--color-gray-800),rgba(51,65,85,.5),var(--color-gray-800));border-left-color:#fff}.achievement-section__header--accent{background-color:var(--color-accent-light);border-left-color:var(--color-accent)}.dark .achievement-section__header--accent,[data-theme=dark] .achievement-section__header--accent{background-color:#3b82f626}.achievement-section__header--warning{background-color:var(--color-warning-light);border-left-color:var(--color-warning)}.dark .achievement-section__header--warning,[data-theme=dark] .achievement-section__header--warning{background-color:#f59e0b26}.achievement-section__header--success{background-color:var(--color-success-light);border-left-color:var(--color-success)}.dark .achievement-section__header--success,[data-theme=dark] .achievement-section__header--success{background-color:#10b98126}.achievement-section__icon{flex-shrink:0}.achievement-section__icon--primary{color:var(--color-primary)}.dark .achievement-section__icon--primary,[data-theme=dark] .achievement-section__icon--primary{color:#fff}.achievement-section__icon--accent{color:var(--color-accent)}.achievement-section__icon--warning{color:var(--color-warning)}.achievement-section__icon--success{color:var(--color-success)}.achievement-section__icon-svg{width:28px;height:28px}@media (min-width: 640px){.achievement-section__icon-svg{width:32px;height:32px}}.achievement-section__text{flex:1;min-width:0}.achievement-section__title{font-size:var(--text-h2);font-weight:var(--font-semibold);color:var(--color-text-primary);line-height:var(--leading-tight)}@media (min-width: 640px){.achievement-section__title{font-size:var(--text-h2-lg)}}.dark .achievement-section__title,[data-theme=dark] .achievement-section__title{color:#fff}.achievement-section__description{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .achievement-section__description,[data-theme=dark] .achievement-section__description{color:var(--color-gray-400)}.achievement-section__description-text{display:none}@media (min-width: 640px){.achievement-section__description-text{display:inline}}.achievement-section__separator{margin:0 var(--space-2);opacity:.4}.achievement-section__count{font-weight:var(--font-semibold)}.achievement-section__body{padding:var(--space-4)}@media (min-width: 640px){.achievement-section__body{padding:var(--space-5)}}.achievement-section__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.achievement-section__grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media (min-width: 1024px){.achievement-section__grid{grid-template-columns:repeat(3,1fr)}}.achievement-card{position:relative;padding:var(--space-4);border-radius:var(--radius-xl);transition:all var(--transition-slow)}@media (min-width: 640px){.achievement-card{padding:var(--space-5)}}.achievement-card--unlocked{overflow:hidden;background:linear-gradient(to bottom right,#ecfdf5,#d1fae5,#ccfbf1);border:2px solid rgba(16,185,129,.3);box-shadow:var(--shadow-sm)}.dark .achievement-card--unlocked,[data-theme=dark] .achievement-card--unlocked{background:linear-gradient(to bottom right,#10b9814d,#22c55e33,#14b8a633)}.achievement-card--unlocked:hover{transform:scale(1.02);box-shadow:var(--shadow-glow-success)}.achievement-card--locked{background-color:var(--color-surface-secondary);border:1px solid var(--color-border)}.dark .achievement-card--locked,[data-theme=dark] .achievement-card--locked{background-color:#1f293780;border-color:var(--color-gray-700)}.achievement-card--locked:hover{border-color:#e5e7ebcc}.dark .achievement-card--locked:hover,[data-theme=dark] .achievement-card--locked:hover{border-color:var(--color-gray-600)}.achievement-card__content{display:flex;align-items:flex-start;gap:var(--space-3)}@media (min-width: 640px){.achievement-card__content{gap:var(--space-4)}}.achievement-card__icon{flex-shrink:0;width:32px;height:32px}@media (min-width: 640px){.achievement-card__icon{width:40px;height:40px}}.achievement-card__icon--unlocked{color:var(--color-success);filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.achievement-card__icon--locked{color:var(--color-text-muted);opacity:.4}.dark .achievement-card__icon--locked,[data-theme=dark] .achievement-card__icon--locked{color:var(--color-gray-500)}.achievement-card__text{flex:1;min-width:0}.achievement-card__name{font-weight:var(--font-semibold);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-small)}@media (min-width: 640px){.achievement-card__name{font-size:var(--text-body)}}.achievement-card__name--unlocked{color:var(--color-text-primary)}.dark .achievement-card__name--unlocked,[data-theme=dark] .achievement-card__name--unlocked{color:#fff}.achievement-card__name--locked{color:var(--color-text-muted)}.dark .achievement-card__name--locked,[data-theme=dark] .achievement-card__name--locked{color:var(--color-gray-400)}.achievement-card__description{font-size:var(--text-caption);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}@media (min-width: 640px){.achievement-card__description{font-size:var(--text-small)}}.achievement-card__description--unlocked{color:var(--color-text-secondary)}.dark .achievement-card__description--unlocked,[data-theme=dark] .achievement-card__description--unlocked{color:var(--color-gray-400)}.achievement-card__description--locked{color:var(--color-text-muted);opacity:.7}.dark .achievement-card__description--locked,[data-theme=dark] .achievement-card__description--locked{color:var(--color-gray-500)}.achievement-card__badge{flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}@media (min-width: 640px){.achievement-card__badge{width:28px;height:28px}}.achievement-card__badge--unlocked{background:linear-gradient(to bottom right,var(--color-success),#059669);box-shadow:var(--shadow-md)}.achievement-card__badge--locked{background-color:var(--color-border)}.dark .achievement-card__badge--locked,[data-theme=dark] .achievement-card__badge--locked{background-color:var(--color-gray-700)}.achievement-card__badge-icon{width:14px;height:14px;color:#fff}@media (min-width: 640px){.achievement-card__badge-icon{width:16px;height:16px}}.achievement-card__badge-icon--locked{color:var(--color-text-muted)}.dark .achievement-card__badge-icon--locked,[data-theme=dark] .achievement-card__badge-icon--locked{color:var(--color-gray-500)}.achievement-card__progress{margin-top:var(--space-3)}@media (min-width: 640px){.achievement-card__progress{margin-top:var(--space-4)}}.achievement-card__progress-info{display:flex;justify-content:space-between;font-size:var(--text-caption);color:var(--color-text-muted);margin-bottom:var(--space-2)}.dark .achievement-card__progress-info,[data-theme=dark] .achievement-card__progress-info{color:var(--color-gray-500)}.achievement-card__progress-count{font-weight:var(--font-medium)}.achievement-card__gradient-bar{position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(to right,var(--color-success),#34D399,#2DD4BF)}.analytics{min-height:100%;background:var(--color-background)}.analytics__content{max-width:1400px;margin:0 auto;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-6)}.analytics__error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center}.analytics__error h2{color:var(--color-error);margin-bottom:var(--space-2)}.analytics__error p{color:var(--color-text-secondary)}.analytics__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap}.analytics__header-left{display:flex;flex-direction:column;gap:var(--space-1)}.analytics__title{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0}.analytics__subtitle{font-size:var(--text-body);color:var(--color-text-secondary);margin:0}.analytics__header-right{flex-shrink:0}.analytics__section-title{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-primary);margin:0 0 var(--space-4) 0}.analytics__section-title .info-tooltip{margin-left:auto}.analytics__top-row{display:grid;grid-template-columns:1fr 300px;gap:var(--space-6);align-items:stretch}.analytics__overview-section,.analytics__mastery-card.card{display:flex;flex-direction:column}.analytics__mastery-card .mastery-donut{flex:1;min-height:0}.analytics__middle-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}@media (max-width: 1024px){.analytics__top-row,.analytics__middle-row{grid-template-columns:1fr}}@media (max-width: 768px){.analytics__content{padding:var(--space-4);gap:var(--space-4)}.analytics__header{flex-direction:column;align-items:stretch}.analytics__title{font-size:var(--text-h2)}.analytics__section-title{font-size:var(--text-base);margin-bottom:var(--space-3)}}@media (max-width: 480px){.analytics__content{padding:var(--space-3);gap:var(--space-3)}.analytics__subtitle{font-size:var(--text-sm)}.analytics__mastery-card.card{min-height:180px}.analytics__section-title{font-size:var(--text-base);margin-bottom:var(--space-2)}}.date-range-picker{display:flex;gap:var(--space-2);flex-wrap:wrap}.date-range-picker__button{padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-background);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-colors);white-space:nowrap}.date-range-picker__button:hover{border-color:var(--color-accent);color:var(--color-accent)}.date-range-picker__button--active{background:var(--color-accent);border-color:var(--color-accent);color:#fff}.date-range-picker__button--active:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover);color:#fff}.date-range-picker__label-short{display:none}@media (max-width: 480px){.date-range-picker{width:100%;gap:var(--space-1)}.date-range-picker__button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.date-range-picker__label-full{display:none}.date-range-picker__label-short{display:inline}}.overview-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}@media (max-width: 1024px){.overview-cards{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.overview-cards{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.overview-card{flex-direction:column;align-items:flex-start;padding:var(--space-3);gap:var(--space-2);overflow:hidden;min-width:0}.overview-card__icon{width:32px;height:32px}.overview-card__icon svg{width:16px;height:16px}.overview-card__content{width:100%}.overview-card__value{font-size:var(--text-xl)}.overview-card__label{font-size:var(--text-xs);white-space:normal;line-height:var(--leading-tight)}.overview-card__suffix{font-size:var(--text-xs)}.overview-card__info{display:none}}@media (max-width: 359px){.overview-cards{grid-template-columns:1fr}.overview-card{flex-direction:row;align-items:center}.overview-card__content{width:auto}}.overview-card{position:relative;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-all)}.overview-card__info{position:absolute;top:var(--space-2);right:var(--space-2)}.overview-card:hover{border-color:var(--color-text-muted);box-shadow:var(--shadow-md)}.overview-card__icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-md);flex-shrink:0}.overview-card__icon svg{width:24px;height:24px}.overview-card--accent .overview-card__icon{background:var(--color-accent-light);color:var(--color-accent)}.overview-card--warning .overview-card__icon{background:var(--color-warning-light);color:var(--color-warning)}.overview-card--success .overview-card__icon{background:var(--color-success-light);color:var(--color-success)}.overview-card--error .overview-card__icon{background:var(--color-error-light);color:var(--color-error)}.overview-card--gray .overview-card__icon{background:var(--color-gray-100);color:var(--color-gray-500)}.dark .overview-card--gray .overview-card__icon{background:var(--color-gray-700);color:var(--color-gray-400)}.overview-card__content{display:flex;flex-direction:column;min-width:0;overflow:hidden}.overview-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:var(--leading-tight)}.overview-card__label{font-size:var(--text-sm);color:var(--color-text-secondary)}.overview-card__suffix{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--color-text-tertiary);margin-left:var(--space-1)}.info-tooltip{position:relative;display:inline-flex;align-items:center;margin-left:var(--space-1)}.info-tooltip__icon{position:relative;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;color:var(--color-text-tertiary);cursor:help;transition:color var(--transition-fast)}.info-tooltip__icon:before{content:"";position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%)}.info-tooltip__icon svg{width:100%;height:100%}.info-tooltip:hover .info-tooltip__icon{color:var(--color-text-secondary)}.info-tooltip__content{position:fixed;padding:var(--space-2) var(--space-3);background:var(--color-gray-900);color:var(--color-gray-100);font-size:var(--text-xs);font-weight:400;line-height:1.4;white-space:normal;width:-moz-max-content;width:max-content;max-width:240px;border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast);z-index:9999;pointer-events:none}.info-tooltip__content--visible{opacity:1;visibility:visible}@media (max-width: 480px){.info-tooltip__content{max-width:calc(100vw - 32px)}}.dark .info-tooltip__content{background:var(--color-gray-100);color:var(--color-gray-900)}.mastery-donut{position:relative;width:100%;height:100%;min-height:180px}.mastery-donut__loading,.mastery-donut__empty{display:flex;align-items:center;justify-content:center;height:100%}.mastery-donut__placeholder{width:160px;height:160px;border-radius:50%;background:var(--color-surface-secondary);animation:pulse 2s ease-in-out infinite}.mastery-donut__empty p{color:var(--color-text-muted);font-size:var(--text-sm)}.mastery-donut__center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none}.mastery-donut__total{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);line-height:1}.mastery-donut__label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.mastery-donut__chart{position:relative;width:100%}.mastery-donut__legend{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-2)}.mastery-donut__legend-item{display:flex;align-items:center;gap:var(--space-2)}.mastery-donut__legend-color{width:12px;height:12px;border-radius:var(--radius-sm);flex-shrink:0}.mastery-donut__legend-label{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (max-width: 480px){.mastery-donut{min-height:auto}.mastery-donut__placeholder{width:100px;height:100px}.mastery-donut__total{font-size:var(--text-xl)}.mastery-donut__legend{gap:var(--space-3)}.mastery-donut__legend-label{font-size:var(--text-xs)}}.chart-tooltip{background-color:var(--color-gray-900);color:#fff;font-size:var(--text-caption);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);pointer-events:none}.chart-tooltip__title{font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.chart-tooltip__item{color:var(--color-gray-300)}.chart-tooltip__label{color:var(--color-gray-400)}.chart-tooltip__value{color:#fff;font-weight:var(--font-medium)}.chart-tooltip__description{color:var(--color-gray-400);font-size:var(--text-xs);margin-top:var(--space-1)}.performance-trend{width:100%;height:320px}.performance-trend__loading,.performance-trend__empty{display:flex;align-items:center;justify-content:center;height:100%}.performance-trend__placeholder{width:100%;height:200px;background:var(--color-surface-secondary);border-radius:var(--radius-md);animation:pulse 2s ease-in-out infinite}.performance-trend__empty p{color:var(--color-text-muted);font-size:var(--text-sm)}.performance-trend__legend{display:flex;gap:var(--space-4);margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.performance-trend__legend-item{display:flex;align-items:center;gap:var(--space-2)}.performance-trend__legend-line{width:16px;height:3px;border-radius:2px}.performance-trend__legend-line--score{background:var(--color-accent)}.performance-trend__legend-line--count{background:var(--color-success);background-image:repeating-linear-gradient(90deg,var(--color-success) 0px,var(--color-success) 4px,transparent 4px,transparent 6px)}@media (max-width: 480px){.performance-trend{height:200px}.performance-trend__loading,.performance-trend__empty{height:160px}.performance-trend__placeholder{height:140px}.performance-trend__legend{font-size:var(--text-xs);gap:var(--space-3)}}.deck-comparison{width:100%;min-height:200px}.deck-comparison__loading,.deck-comparison__empty{display:flex;align-items:center;justify-content:center;height:200px}.deck-comparison__placeholder{width:100%;height:160px;background:var(--color-surface-secondary);border-radius:var(--radius-md);animation:pulse 2s ease-in-out infinite}.deck-comparison__empty p{color:var(--color-text-muted);font-size:var(--text-sm)}@media (max-width: 480px){.deck-comparison{min-height:120px}.deck-comparison__loading,.deck-comparison__empty{height:100px}.deck-comparison__placeholder{height:80px}}.time-distribution{width:100%;min-height:300px}.time-distribution__loading,.time-distribution__empty{display:flex;align-items:center;justify-content:center;height:280px}.time-distribution__placeholder{width:160px;height:160px;border-radius:50%;background:var(--color-surface-secondary);animation:pulse 2s ease-in-out infinite}.time-distribution__empty p{color:var(--color-text-muted);font-size:var(--text-sm)}.time-distribution__total{display:flex;justify-content:center;gap:var(--space-2);margin-top:var(--space-2)}.time-distribution__total-label{color:var(--color-text-secondary);font-size:var(--text-sm)}.time-distribution__total-value{color:var(--color-text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold)}.time-distribution__chart{width:100%}.time-distribution__legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2) var(--space-4);margin-top:var(--space-2)}.time-distribution__legend-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.time-distribution__legend-color{width:10px;height:10px;border-radius:var(--radius-sm);flex-shrink:0}.time-distribution__legend-label{color:var(--color-text-secondary)}.time-distribution__legend-percent{color:var(--color-text-muted);font-size:var(--text-xs)}@media (max-width: 480px){.time-distribution{min-height:auto}.time-distribution__loading,.time-distribution__empty{height:100px}.time-distribution__placeholder{width:80px;height:80px}.time-distribution__legend{gap:var(--space-1) var(--space-3)}.time-distribution__legend-item{font-size:var(--text-xs)}}.difficult-cards{width:100%}.difficult-cards__loading,.difficult-cards__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;gap:var(--space-2)}.difficult-cards__placeholder{width:100%;height:200px;background:var(--color-surface-secondary);border-radius:var(--radius-md);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.difficult-cards__empty p{color:var(--color-text-muted);font-size:var(--text-sm);margin:0}.difficult-cards__empty-sub{font-size:var(--text-xs)!important}.difficult-cards__table-wrapper{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 768px){.difficult-cards__table-wrapper:after{opacity:1}.difficult-cards__table-wrapper:not(:has(table)) .difficult-cards__table-wrapper:after{opacity:0}}.difficult-cards__table{width:100%;min-width:500px;border-collapse:collapse;font-size:var(--text-sm)}.difficult-cards__th{text-align:left;padding:var(--space-3) var(--space-4);font-weight:var(--font-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.difficult-cards__th--sortable{cursor:pointer;transition:var(--transition-colors)}.difficult-cards__th--sortable:hover{color:var(--color-text-primary)}.difficult-cards__th--active{color:var(--color-accent)}.difficult-cards__th--numeric{text-align:right}.difficult-cards__th--center{text-align:center}.difficult-cards__sort-icon{display:inline-flex;margin-left:var(--space-1);opacity:.3;transition:var(--transition-all)}.difficult-cards__sort-icon svg{width:14px;height:14px}.difficult-cards__sort-icon--active{opacity:1}.difficult-cards__row{transition:var(--transition-colors)}.difficult-cards__row:hover{background:var(--color-surface)}.difficult-cards__td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text-primary)}.difficult-cards__td--numeric{text-align:right;font-variant-numeric:tabular-nums}.difficult-cards__td--center{text-align:center}.difficult-cards__td--deck{color:var(--color-text-secondary);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.difficult-cards__td--good{color:var(--color-success)}.difficult-cards__td--warning{color:var(--color-warning)}.difficult-cards__td--bad{color:var(--color-error)}.difficult-cards__card-front{display:block;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.difficult-cards__trend{display:inline-flex;align-items:center;justify-content:center}.difficult-cards__trend svg{width:16px;height:16px}.difficult-cards__trend--improving{color:var(--color-success)}.difficult-cards__trend--declining{color:var(--color-error)}.difficult-cards__trend--stable,.difficult-cards__trend--unknown{color:var(--color-text-muted)}@media (max-width: 768px){.difficult-cards__card-front{max-width:150px}.difficult-cards__td--deck{max-width:100px}}@media (max-width: 480px){.difficult-cards__table{font-size:var(--text-xs)}.difficult-cards__th,.difficult-cards__td{padding:var(--space-2) var(--space-1)}.difficult-cards__th:first-child,.difficult-cards__td:first-child{padding-left:var(--space-2)}.difficult-cards__card-front{max-width:100px;font-size:var(--text-xs)}.difficult-cards__td--deck{max-width:60px;font-size:10px}.difficult-cards__td--numeric{font-size:10px}.difficult-cards__th:last-child,.difficult-cards__td:last-child{display:none}@media (max-width: 360px){.difficult-cards__th:nth-child(2),.difficult-cards__td:nth-child(2){display:none}}}.settings{display:flex;flex-direction:column;gap:var(--space-8);animation:fadeIn var(--transition-normal)}.settings__header{margin-bottom:0}.settings__title{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.settings__subtitle{font-size:var(--text-body);color:var(--color-text-secondary)}.dark .settings__title,[data-theme=dark] .settings__title{color:#fff}.dark .settings__subtitle,[data-theme=dark] .settings__subtitle{color:var(--color-gray-400)}.settings-section__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6)}.settings-section__icon{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.settings-section__icon--profile{background-color:var(--color-accent-light)}.settings-section__icon--appearance{background-color:var(--color-warning-light)}.settings-section__icon--study{background-color:var(--color-success-light)}.settings-section__icon--account{background-color:var(--color-error-light)}.dark .settings-section__icon--profile,[data-theme=dark] .settings-section__icon--profile{background-color:#3b82f633}.dark .settings-section__icon--appearance,[data-theme=dark] .settings-section__icon--appearance{background-color:#f59e0b33}.dark .settings-section__icon--study,[data-theme=dark] .settings-section__icon--study{background-color:#10b98133}.dark .settings-section__icon--account,[data-theme=dark] .settings-section__icon--account{background-color:#ef444433}.settings-section__icon svg{width:20px;height:20px}.settings-section__icon--profile svg{color:var(--color-accent)}.settings-section__icon--appearance svg{color:var(--color-warning)}.settings-section__icon--study svg{color:var(--color-success)}.settings-section__icon--account svg{color:var(--color-error)}.settings-section__title-group{display:flex;flex-direction:column}.settings-section__title{font-size:var(--text-h3);font-weight:var(--font-semibold);color:var(--color-text-primary)}.settings-section__description{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .settings-section__title,[data-theme=dark] .settings-section__title{color:#fff}.dark .settings-section__description,[data-theme=dark] .settings-section__description{color:var(--color-gray-400)}.settings-profile__photo-container{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-xl)}.dark .settings-profile__photo-container,[data-theme=dark] .settings-profile__photo-container{background-color:#37415180}.settings-profile__avatar{width:64px;height:64px;border-radius:var(--radius-full);box-shadow:var(--shadow-md);-o-object-fit:cover;object-fit:cover}.settings-profile__avatar--ring{box-shadow:0 0 0 2px #fff,var(--shadow-md)}.dark .settings-profile__avatar--ring,[data-theme=dark] .settings-profile__avatar--ring{box-shadow:0 0 0 2px var(--color-gray-700),var(--shadow-md)}.settings-profile__avatar-placeholder{width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-accent-light);display:flex;align-items:center;justify-content:center}.dark .settings-profile__avatar-placeholder,[data-theme=dark] .settings-profile__avatar-placeholder{background-color:#3b82f633}.settings-profile__avatar-initial{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-accent)}.settings-profile__info{display:flex;flex-direction:column;gap:var(--space-0-5)}.settings-profile__name{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-primary)}.settings-profile__photo-note{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .settings-profile__name,[data-theme=dark] .settings-profile__name{color:#fff}.dark .settings-profile__photo-note,[data-theme=dark] .settings-profile__photo-note{color:var(--color-gray-400)}.settings-profile__form{display:flex;flex-direction:column;gap:var(--space-4)}.settings-profile__email-container{display:flex;flex-direction:column}.settings-profile__label{display:block;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-2)}.dark .settings-profile__label,[data-theme=dark] .settings-profile__label{color:#fff}.settings-profile__email-display{padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-xl);font-size:var(--text-body);color:var(--color-text-secondary)}.dark .settings-profile__email-display,[data-theme=dark] .settings-profile__email-display{background-color:#37415180}.settings-profile__email-note{margin-top:var(--space-2);font-size:var(--text-small);color:var(--color-text-muted)}.settings-appearance__label{display:block;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.dark .settings-appearance__label,[data-theme=dark] .settings-appearance__label{color:#fff}.settings-appearance__theme-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.settings-appearance__theme-option{position:relative;padding:var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--color-gray-200);background-color:#fff;cursor:pointer;transition:var(--transition-all)}.settings-appearance__theme-option:hover{border-color:var(--color-gray-300)}.settings-appearance__theme-option:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.settings-appearance__theme-option:focus-visible{box-shadow:0 0 0 2px #3b82f680,0 0 0 4px #fff}.settings-appearance__theme-option--selected{border-color:var(--color-accent);background-color:#3b82f60d}.dark .settings-appearance__theme-option,[data-theme=dark] .settings-appearance__theme-option{border-color:var(--color-gray-600);background-color:var(--color-gray-800)}.dark .settings-appearance__theme-option:hover,[data-theme=dark] .settings-appearance__theme-option:hover{border-color:var(--color-gray-500)}.dark .settings-appearance__theme-option:focus-visible,[data-theme=dark] .settings-appearance__theme-option:focus-visible{box-shadow:0 0 0 2px #3b82f680,0 0 0 4px var(--color-gray-900)}.dark .settings-appearance__theme-option--selected,[data-theme=dark] .settings-appearance__theme-option--selected{background-color:#3b82f61a}.settings-appearance__theme-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.settings-appearance__theme-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;background-color:var(--color-gray-100);color:var(--color-text-secondary)}.dark .settings-appearance__theme-icon,[data-theme=dark] .settings-appearance__theme-icon{background-color:var(--color-gray-700)}.settings-appearance__theme-icon--selected{background-color:var(--color-accent);color:#fff}.settings-appearance__theme-icon svg{width:20px;height:20px}.settings-appearance__theme-label{font-size:var(--text-small);font-weight:var(--font-medium);color:var(--color-text-primary)}.settings-appearance__theme-label--selected{color:var(--color-accent)}.dark .settings-appearance__theme-label,[data-theme=dark] .settings-appearance__theme-label{color:#fff}.settings-appearance__theme-description{font-size:var(--text-caption);color:var(--color-text-muted)}.settings-appearance__check-badge{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;background-color:var(--color-accent);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.settings-appearance__check-badge svg{width:12px;height:12px;color:#fff}.settings-appearance__system-note{margin-top:var(--space-3);font-size:var(--text-small);color:var(--color-text-muted)}.settings-appearance__system-note-value{font-weight:var(--font-medium)}.settings-study__form{display:flex;flex-direction:column;gap:var(--space-3)}.settings-study__row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-xl)}.dark .settings-study__row,[data-theme=dark] .settings-study__row{background-color:#37415180}.settings-study__row-info{display:flex;flex-direction:column}.settings-study__row-info--flexible{flex:1}.settings-study__row-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-primary)}.settings-study__row-description{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .settings-study__row-label,[data-theme=dark] .settings-study__row-label{color:#fff}.dark .settings-study__row-description,[data-theme=dark] .settings-study__row-description{color:var(--color-gray-400)}.settings-study__number-input{width:80px;padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--text-body);font-weight:var(--font-medium);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-all)}.settings-study__number-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f680;border-color:var(--color-accent)}.dark .settings-study__number-input,[data-theme=dark] .settings-study__number-input{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-text-primary)}.settings-study__time-input{width:112px;padding:var(--space-2) var(--space-3);text-align:center;font-size:var(--text-body);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-all)}.settings-study__time-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f680;border-color:var(--color-accent)}.dark .settings-study__time-input,[data-theme=dark] .settings-study__time-input{background-color:var(--color-gray-800);border-color:var(--color-gray-600);color:var(--color-text-primary)}.settings-study__row-controls{display:flex;align-items:center;gap:var(--space-3)}.settings-account__actions{display:flex;flex-direction:column;gap:var(--space-4)}.settings-account__action-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-xl)}.dark .settings-account__action-row,[data-theme=dark] .settings-account__action-row{background-color:#37415180}.settings-account__action-info{display:flex;flex-direction:column}.settings-account__action-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-text-primary)}.settings-account__action-description{font-size:var(--text-small);color:var(--color-text-secondary)}.dark .settings-account__action-label,[data-theme=dark] .settings-account__action-label{color:#fff}.dark .settings-account__action-description,[data-theme=dark] .settings-account__action-description{color:var(--color-gray-400)}.settings-account__danger-zone{padding-top:var(--space-4);border-top:1px solid var(--color-border)}.dark .settings-account__danger-zone,[data-theme=dark] .settings-account__danger-zone{border-color:var(--color-gray-700)}.settings-account__danger-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background-color:#fee2e280;border-radius:var(--radius-xl);border:1px solid rgba(239,68,68,.2)}.dark .settings-account__danger-row,[data-theme=dark] .settings-account__danger-row{background-color:#ef44441a}.settings-account__danger-label{font-size:var(--text-body);font-weight:var(--font-medium);color:var(--color-error-dark)}.settings-account__danger-description{font-size:var(--text-small);color:#b91c1cb3}.dark .settings-account__danger-label,[data-theme=dark] .settings-account__danger-label{color:var(--color-error)}.dark .settings-account__danger-description,[data-theme=dark] .settings-account__danger-description{color:#ef4444b3}.settings-delete-modal{display:flex;flex-direction:column;gap:var(--space-4)}.settings-delete-modal__warning{padding:var(--space-4);background-color:var(--color-error-light);border-radius:var(--radius-xl);border:1px solid rgba(239,68,68,.2)}.dark .settings-delete-modal__warning,[data-theme=dark] .settings-delete-modal__warning{background-color:#ef44441a}.settings-delete-modal__warning-content{display:flex;gap:var(--space-3)}.settings-delete-modal__warning-icon{width:24px;height:24px;color:var(--color-error);flex-shrink:0;margin-top:2px}.settings-delete-modal__warning-text{display:flex;flex-direction:column}.settings-delete-modal__warning-title{font-weight:var(--font-semibold);color:var(--color-error-dark)}.dark .settings-delete-modal__warning-title,[data-theme=dark] .settings-delete-modal__warning-title{color:var(--color-error)}.settings-delete-modal__warning-subtitle{font-size:var(--text-small);color:#b91c1ccc;margin-top:var(--space-1)}.dark .settings-delete-modal__warning-subtitle,[data-theme=dark] .settings-delete-modal__warning-subtitle{color:#ef4444cc}.settings-delete-modal__warning-list{font-size:var(--text-small);color:#b91c1ccc;margin-top:var(--space-2);margin-left:var(--space-4);list-style:disc;display:flex;flex-direction:column;gap:var(--space-1)}.dark .settings-delete-modal__warning-list,[data-theme=dark] .settings-delete-modal__warning-list{color:#ef4444cc}.settings-delete-modal__confirm-section{display:flex;flex-direction:column}.settings-delete-modal__confirm-text{font-size:var(--text-body);color:var(--color-text-primary);margin-bottom:var(--space-3)}.dark .settings-delete-modal__confirm-text,[data-theme=dark] .settings-delete-modal__confirm-text{color:#fff}.settings-delete-modal__confirm-code{font-family:var(--font-mono);font-weight:var(--font-semibold);background-color:var(--color-gray-100);padding:2px 6px;border-radius:var(--radius-sm)}.dark .settings-delete-modal__confirm-code,[data-theme=dark] .settings-delete-modal__confirm-code{background-color:var(--color-gray-700)}.settings__actions{display:flex;gap:var(--space-3);justify-content:flex-end;margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.dark .settings__actions,[data-theme=dark] .settings__actions{border-color:var(--color-gray-700)}.toggle-wrapper{display:flex;align-items:flex-start;gap:var(--space-3)}.toggle{position:relative;display:inline-flex;height:24px;width:44px;flex-shrink:0;cursor:pointer;border-radius:var(--radius-full);border:2px solid transparent;background-color:var(--color-gray-200);transition:background-color var(--transition-normal);padding:0}.toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-background),0 0 0 4px #3b82f680}.dark .toggle,[data-theme=dark] .toggle{background-color:var(--color-gray-600)}.dark .toggle:focus-visible,[data-theme=dark] .toggle:focus-visible{box-shadow:0 0 0 2px var(--color-gray-900),0 0 0 4px #3b82f680}.toggle--checked{background-color:var(--color-accent)}.toggle:disabled{opacity:.5;cursor:not-allowed}.toggle__thumb{display:inline-block;height:20px;width:20px;border-radius:var(--radius-full);background-color:#fff;box-shadow:var(--shadow-lg);pointer-events:none;transition:transform var(--transition-normal);transform:translate(0)}.toggle--checked .toggle__thumb{transform:translate(20px)}.toggle__content{flex:1}.toggle__label{display:block;font-size:var(--text-small);font-weight:var(--font-semibold);color:var(--color-text-primary);cursor:pointer}.dark .toggle__label,[data-theme=dark] .toggle__label{color:#fff}.toggle__label--disabled{opacity:.5;cursor:not-allowed}.toggle__description{font-size:var(--text-small);color:var(--color-text-muted)}.toggle__description--disabled{opacity:.5}.about{min-height:100vh;background:var(--color-background);color:var(--color-text-primary)}.about__nav{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);max-width:960px;margin:0 auto}@media (min-width: 640px){.about__nav{padding:var(--space-5) var(--space-8)}}.about__nav-logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-primary)}.about__nav-logo-img{width:32px;height:32px}.about__nav-logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:var(--tracking-wide)}.about__nav-cta{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-background);background:var(--color-primary);padding:var(--space-2) var(--space-5);border-radius:var(--radius-button);text-decoration:none;transition:var(--transition-all)}.about__nav-cta:hover{background:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translateY(-1px)}.about__main{max-width:720px;margin:0 auto;padding:0 var(--space-6) var(--space-16)}@media (min-width: 640px){.about__main{padding:0 var(--space-8) var(--space-20)}}.about__hero{text-align:center;padding:var(--space-12) 0 var(--space-16)}@media (min-width: 640px){.about__hero{padding:var(--space-16) 0 var(--space-20)}}.about__hero-title{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:var(--font-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);margin-bottom:var(--space-4)}@media (min-width: 640px){.about__hero-title{font-size:var(--text-5xl);margin-bottom:var(--space-6)}}.about__hero-subtitle{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--color-text-secondary);max-width:520px;margin:0 auto}@media (min-width: 640px){.about__hero-subtitle{font-size:var(--text-lg)}}.about__section{margin-bottom:var(--space-14)}@media (min-width: 640px){.about__section{margin-bottom:var(--space-16)}}.about__section-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-5);letter-spacing:var(--tracking-tight)}@media (min-width: 640px){.about__section-title{font-size:var(--text-2xl);margin-bottom:var(--space-6)}}.about__section-content p{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.about__section-content p:last-child{margin-bottom:0}.about__section-content strong{color:var(--color-text-primary);font-weight:var(--font-semibold)}.about__steps{display:flex;flex-direction:column;gap:var(--space-8)}.about__step{display:flex;flex-direction:column;gap:var(--space-2)}.about__step-number{width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-background);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;margin-bottom:var(--space-1)}.about__step-title{font-size:var(--text-lg);font-weight:var(--font-semibold)}.about__step-text{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.about__features{display:grid;grid-template-columns:1fr;gap:var(--space-8)}@media (min-width: 640px){.about__features{grid-template-columns:1fr 1fr;gap:var(--space-8) var(--space-10)}}.about__feature{display:flex;flex-direction:column;gap:var(--space-2)}.about__feature-title{font-size:var(--text-base);font-weight:var(--font-semibold)}.about__feature-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.about__cta{text-align:center;padding:var(--space-12) var(--space-6);background:var(--color-surface);border-radius:var(--radius-2xl);margin-bottom:var(--space-16)}.about__cta-title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-3)}@media (min-width: 640px){.about__cta-title{font-size:var(--text-2xl)}}.about__cta-text{font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-6);max-width:440px;margin-left:auto;margin-right:auto}.about__cta-button{display:inline-block;padding:var(--space-3) var(--space-8);background:var(--color-primary);color:var(--color-background);font-weight:var(--font-semibold);font-size:var(--text-body);border-radius:var(--radius-button);text-decoration:none;transition:var(--transition-all);box-shadow:var(--shadow-md)}.about__cta-button:hover{background:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.about__footer{text-align:center;padding:var(--space-8) var(--space-6);border-top:1px solid var(--color-border)}.about__footer-text{font-size:var(--text-sm);color:var(--color-text-muted)}.dark .about__nav-cta,[data-theme=dark] .about__nav-cta{background:#fff;color:var(--color-gray-900)}.dark .about__nav-cta:hover,[data-theme=dark] .about__nav-cta:hover{background:var(--color-gray-100)}.dark .about__step-number,[data-theme=dark] .about__step-number{background:#fff;color:var(--color-gray-900)}.dark .about__cta,[data-theme=dark] .about__cta{background:var(--color-surface)}.dark .about__cta-button,[data-theme=dark] .about__cta-button{background:#fff;color:var(--color-gray-900)}.dark .about__cta-button:hover,[data-theme=dark] .about__cta-button:hover{background:var(--color-gray-100)}.dark .about__nav-logo-img,[data-theme=dark] .about__nav-logo-img{filter:invert(1)}.command-palette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .2s ease-out forwards}.command-palette__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.command-palette__dialog{position:relative;width:100%;max-width:512px;background-color:#fff;border-radius:var(--radius-button);box-shadow:var(--shadow-2xl);border:1px solid var(--color-border);overflow:hidden;animation:scaleIn .2s ease-out forwards}.dark .command-palette__dialog,[data-theme=dark] .command-palette__dialog{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.command-palette__search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.dark .command-palette__search,[data-theme=dark] .command-palette__search{border-color:var(--color-gray-700)}.command-palette__search-icon{width:20px;height:20px;color:var(--color-gray-400);flex-shrink:0}.command-palette__input{flex:1;font-size:var(--text-body);color:var(--color-gray-900);background:transparent;border:none;outline:none;box-shadow:none}.command-palette__input:focus{outline:none;box-shadow:none}.dark .command-palette__input,[data-theme=dark] .command-palette__input{color:#fff}.command-palette__input::-moz-placeholder{color:var(--color-gray-400)}.command-palette__input::placeholder{color:var(--color-gray-400)}.dark .command-palette__input::-moz-placeholder,[data-theme=dark] .command-palette__input::-moz-placeholder{color:var(--color-gray-500)}.dark .command-palette__input::placeholder,[data-theme=dark] .command-palette__input::placeholder{color:var(--color-gray-500)}.command-palette__escape-hint{display:none;align-items:center;padding:2px var(--space-2);font-size:var(--text-caption);color:var(--color-gray-500);background-color:var(--color-gray-100);border-radius:var(--radius-sm)}.dark .command-palette__escape-hint,[data-theme=dark] .command-palette__escape-hint{background-color:var(--color-gray-700);color:var(--color-gray-400)}@media (min-width: 640px){.command-palette__escape-hint{display:inline-flex}}.command-palette__results{max-height:320px;overflow-y:auto;padding:var(--space-2) 0}.command-palette__empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-gray-500)}.command-palette__category{padding:var(--space-1-5) var(--space-4);font-size:var(--text-caption);font-weight:var(--font-medium);color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.05em}.dark .command-palette__category,[data-theme=dark] .command-palette__category{color:var(--color-gray-400)}.command-palette__item{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-2-5) var(--space-4);text-align:left;color:var(--color-gray-900);border-left:2px solid transparent;padding-left:14px;transition:all var(--transition-fast);cursor:pointer;background:none;border-right:none;border-top:none;border-bottom:none}.dark .command-palette__item,[data-theme=dark] .command-palette__item{color:var(--color-gray-100)}.command-palette__item:hover{background-color:var(--color-gray-50)}.dark .command-palette__item:hover,[data-theme=dark] .command-palette__item:hover{background-color:var(--color-gray-700)}.command-palette__item--selected{background-color:#3b82f614;color:var(--color-accent);border-left-color:var(--color-accent)}.dark .command-palette__item--selected,[data-theme=dark] .command-palette__item--selected{background-color:#3b82f626}.command-palette__item-content{flex:1;min-width:0}.command-palette__item-label{font-size:var(--text-body);font-weight:var(--font-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-palette__item-description{font-size:var(--text-small);color:var(--color-gray-500);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dark .command-palette__item-description,[data-theme=dark] .command-palette__item-description{color:var(--color-gray-400)}.command-palette__item--selected .command-palette__item-description{color:#3b82f6b3}.command-palette__shortcut{margin-left:var(--space-3);padding:2px var(--space-2);font-size:var(--text-caption);border-radius:var(--radius-sm);flex-shrink:0;background-color:var(--color-gray-100);color:var(--color-gray-500);border:1px solid var(--color-gray-200)}.dark .command-palette__shortcut,[data-theme=dark] .command-palette__shortcut{background-color:var(--color-gray-700);color:var(--color-gray-400);border-color:var(--color-gray-600)}.command-palette__item--selected .command-palette__shortcut{background-color:#3b82f61a;color:var(--color-accent);border-color:#3b82f633}.dark .command-palette__item--selected .command-palette__shortcut,[data-theme=dark] .command-palette__item--selected .command-palette__shortcut{background-color:#3b82f633;border-color:#3b82f64d}.command-palette__footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2-5) var(--space-4);border-top:1px solid var(--color-gray-200);background-color:var(--color-gray-50);font-size:var(--text-caption);color:var(--color-gray-500)}.dark .command-palette__footer,[data-theme=dark] .command-palette__footer{border-color:var(--color-gray-700);background-color:var(--color-gray-900);color:var(--color-gray-400)}.command-palette__footer-hints{display:flex;align-items:center;gap:var(--space-4)}.command-palette__hint{display:flex;align-items:center;gap:var(--space-1-5)}.command-palette__hint-key{padding:var(--space-1) var(--space-1-5);background-color:#fff;border-radius:var(--radius-sm);border:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm);color:var(--color-gray-600)}.dark .command-palette__hint-key,[data-theme=dark] .command-palette__hint-key{background-color:var(--color-gray-700);border-color:var(--color-gray-600);color:var(--color-gray-300)}.command-palette__hint-key-icon{width:14px;height:14px}.command-palette__hint-key--text{font-size:10px;font-weight:var(--font-medium)}.command-palette__hint-text{color:var(--color-gray-600)}.dark .command-palette__hint-text,[data-theme=dark] .command-palette__hint-text{color:var(--color-gray-400)}.command-palette__count{color:var(--color-gray-600)}.dark .command-palette__count,[data-theme=dark] .command-palette__count{color:var(--color-gray-400)}.welcome-modal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-2) 0}.welcome-modal__icon{width:64px;height:64px;border-radius:var(--radius-2xl);background:linear-gradient(to bottom right,var(--color-accent-light),rgba(59,130,246,.15));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-5)}.dark .welcome-modal__icon,[data-theme=dark] .welcome-modal__icon{background:linear-gradient(to bottom right,#3b82f640,#3b82f61a)}.welcome-modal__icon svg{width:32px;height:32px;color:var(--color-accent)}.welcome-modal__title{font-size:var(--text-h1);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-3)}.dark .welcome-modal__title,[data-theme=dark] .welcome-modal__title{color:#fff}.welcome-modal__description{font-size:var(--text-body);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-6);max-width:360px}.dark .welcome-modal__description,[data-theme=dark] .welcome-modal__description{color:var(--color-gray-400)}.welcome-modal__features{display:flex;flex-direction:column;gap:var(--space-3);width:100%;margin-bottom:var(--space-8)}.welcome-modal__feature{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border-radius:var(--radius-lg);text-align:left}.dark .welcome-modal__feature,[data-theme=dark] .welcome-modal__feature{background-color:var(--color-surface-secondary)}.welcome-modal__feature svg{flex-shrink:0;width:20px;height:20px;color:var(--color-accent)}.welcome-modal__feature span{font-size:var(--text-small);color:var(--color-text-primary)}.dark .welcome-modal__feature span,[data-theme=dark] .welcome-modal__feature span{color:var(--color-gray-300)}.welcome-modal__actions{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.welcome-modal__skip{background:none;border:none;font-size:var(--text-small);color:var(--color-text-muted);cursor:pointer;padding:var(--space-2);transition:color var(--transition-fast)}.welcome-modal__skip:hover{color:var(--color-text-secondary)}.welcome-modal__skip:disabled{opacity:.5;cursor:not-allowed}.dark .welcome-modal__skip,[data-theme=dark] .welcome-modal__skip{color:var(--color-gray-500)}.dark .welcome-modal__skip:hover,[data-theme=dark] .welcome-modal__skip:hover{color:var(--color-gray-400)}.delete-starter-deck-modal{display:flex;flex-direction:column;align-items:center;text-align:center}.delete-starter-deck-modal__icon{width:64px;height:64px;margin-bottom:var(--space-4);color:var(--color-success)}.delete-starter-deck-modal__icon svg{width:100%;height:100%}.delete-starter-deck-modal__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-text);margin:0 0 var(--space-4) 0}.delete-starter-deck-modal__description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6;margin:0 0 var(--space-6) 0}.delete-starter-deck-modal__actions{width:100%;display:flex;flex-direction:column;gap:var(--space-3)}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-6);background:var(--color-gray-50)}.dark .error-boundary{background:var(--color-gray-900)}.error-boundary__content{max-width:480px;text-align:center}.error-boundary__icon{width:64px;height:64px;margin:0 auto var(--space-6);color:var(--color-error)}.error-boundary__icon svg{width:100%;height:100%}.error-boundary__title{font-size:var(--text-2xl);font-weight:600;color:var(--color-gray-900);margin-bottom:var(--space-3)}.dark .error-boundary__title{color:var(--color-gray-100)}.error-boundary__message{font-size:var(--text-base);color:var(--color-gray-600);margin-bottom:var(--space-6);line-height:1.6}.dark .error-boundary__message{color:var(--color-gray-400)}.error-boundary__details{margin-bottom:var(--space-6);text-align:left}.error-boundary__details summary{cursor:pointer;color:var(--color-gray-500);font-size:var(--text-sm);margin-bottom:var(--space-2)}.error-boundary__stack{background:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-xs);font-family:var(--font-mono);overflow-x:auto;white-space:pre-wrap;word-break:break-word;color:var(--color-error);max-height:200px;overflow-y:auto}.dark .error-boundary__stack{background:var(--color-gray-800)}.error-boundary__actions{display:flex;gap:var(--space-3);justify-content:center}:root{--color-background: #FFFFFF;--color-surface: #F9FAFB;--color-surface-secondary: #F3F4F6;--color-border: #E5E7EB;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-muted: #9CA3AF;--color-primary: #0F0F0F;--color-primary-light: #1A1A1A;--color-primary-dark: #000000;--color-accent: #3B82F6;--color-accent-hover: #2563EB;--color-accent-light: #DBEAFE;--color-accent-dark: #1D4ED8;--color-success: #10B981;--color-success-light: #D1FAE5;--color-success-dark: #059669;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-warning-dark: #D97706;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-error-dark: #DC2626;--color-gold: #F59E0B;--color-gold-light: #FDE68A;--color-gold-dark: #B45309;--color-trophy: #FBBF24;--color-trophy-light: #FEF3C7;--color-trophy-glow: #FCD34D;--color-gray-50: #F9FAFB;--color-gray-100: #F3F4F6;--color-gray-200: #E5E7EB;--color-gray-300: #D1D5DB;--color-gray-400: #9CA3AF;--color-gray-500: #6B7280;--color-gray-600: #4B5563;--color-gray-700: #374151;--color-gray-800: #1F2937;--color-gray-900: #111827;--space-0: 0;--space-0-5: 2px;--space-1: 4px;--space-1-5: 6px;--space-2: 8px;--space-2-5: 10px;--space-3: 12px;--space-3-5: 14px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-11: 44px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-28: 112px;--space-32: 128px;--radius-none: 0;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--radius-button: 12px;--radius-card: 12px;--radius-input: 8px;--radius-badge: 9999px;--font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Courier Prime", "Courier New", Courier, monospace;--font-mono: "Courier Prime", "Courier New", Courier, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 28px;--text-4xl: 32px;--text-5xl: 40px;--text-caption: 12px;--text-small: 14px;--text-body: 16px;--text-h3: 16px;--text-h3-lg: 18px;--text-h2: 20px;--text-h2-lg: 24px;--text-h1: 24px;--text-h1-lg: 32px;--text-stat-sm: 24px;--text-stat: 28px;--text-stat-lg: 40px;--leading-none: 1;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 2;--font-thin: 100;--font-extralight: 200;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-widest: .1em;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-card-hover: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-card-elevated: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow-primary: 0 0 20px rgba(15, 15, 15, .3);--shadow-glow-accent: 0 0 20px rgba(59, 130, 246, .3);--shadow-glow-success: 0 0 20px rgba(16, 185, 129, .3);--shadow-glow-warning: 0 0 20px rgba(245, 158, 11, .3);--shadow-glow-gold: 0 0 25px rgba(251, 191, 36, .4);--gradient-primary: linear-gradient(135deg, #1A1A1A 0%, #0F0F0F 50%, #000000 100%);--gradient-gold: linear-gradient(135deg, #FBBF24 0%, #F59E0B 50%, #D97706 100%);--gradient-success: linear-gradient(135deg, #34D399 0%, #10B981 50%, #059669 100%);--gradient-accent: linear-gradient(135deg, #60A5FA 0%, #3B82F6 50%, #2563EB 100%);--gradient-error: linear-gradient(135deg, #F87171 0%, #EF4444 50%, #DC2626 100%);--transition-fast: .15s ease-out;--transition-normal: .2s ease-out;--transition-slow: .3s ease-out;--transition-colors: color .2s ease-out, background-color .2s ease-out, border-color .2s ease-out;--transition-transform: transform .2s ease-out;--transition-all: all .2s ease-out;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 10;--z-sticky: 20;--z-fixed: 30;--z-modal-backdrop: 40;--z-modal: 50;--z-tooltip: 60;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--focus-ring-color: var(--color-accent);--focus-ring-width: 2px;--focus-ring-offset: 2px}[data-theme=dark],.dark{--color-background: #111827;--color-surface: #1F2937;--color-surface-secondary: #374151;--color-border: #4B5563;--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-muted: #9CA3AF;--color-accent-light: rgba(59, 130, 246, .2);--shadow-card: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-card-hover: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-card-elevated: 0 20px 25px -5px rgb(0 0 0 / .3), 0 8px 10px -6px rgb(0 0 0 / .3);--shadow-glow-accent: 0 0 25px rgba(59, 130, 246, .4);--shadow-glow-success: 0 0 25px rgba(16, 185, 129, .4);--shadow-glow-gold: 0 0 30px rgba(251, 191, 36, .5);--focus-ring-offset-color: var(--color-gray-900)}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:var(--leading-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ul,ol{list-style:none}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}fieldset{border:none}table{border-collapse:collapse;border-spacing:0}textarea{resize:vertical}hr{border:none;border-top:1px solid var(--color-border)}html{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-background);transition:background-color var(--transition-normal),color var(--transition-normal)}body{font-family:var(--font-sans);font-size:var(--text-body);line-height:var(--leading-relaxed);color:var(--color-text-primary);background-color:var(--color-background)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);letter-spacing:-.01em;line-height:var(--leading-tight);color:var(--color-text-primary)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3);font-weight:var(--font-semibold)}h4,h5,h6{font-size:var(--text-body);font-weight:var(--font-semibold)}@media (min-width: 640px){h1{font-size:var(--text-h1-lg);letter-spacing:-.02em}h2{font-size:var(--text-h2-lg)}h3{font-size:var(--text-h3-lg)}}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}small{font-size:var(--text-small)}code{font-family:var(--font-mono);font-size:.875em;background-color:var(--color-surface);padding:var(--space-0-5) var(--space-1);border-radius:var(--radius-sm)}pre{font-family:var(--font-mono);font-size:var(--text-small);background-color:var(--color-surface);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto}pre code{background:none;padding:0}blockquote{border-left:4px solid var(--color-border);padding-left:var(--space-4);margin-left:0;font-style:italic;color:var(--color-text-secondary)}hr{margin:var(--space-8) 0;border-top-color:var(--color-border)}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}:focus:not(:focus-visible){outline:none}::-moz-selection{background-color:#3b82f633;color:var(--color-text-primary)}::selection{background-color:#3b82f633;color:var(--color-text-primary)}::-moz-placeholder{color:var(--color-text-muted);opacity:1}::placeholder{color:var(--color-text-muted);opacity:1}img{transition:opacity var(--transition-slow)}img[loading]{opacity:0}img:not([loading]){opacity:1}.heading-1{font-family:var(--font-display);font-size:var(--text-h1);font-weight:var(--font-bold);line-height:1.2;letter-spacing:-.01em}.heading-2{font-family:var(--font-display);font-size:var(--text-h2);font-weight:var(--font-semibold);line-height:1.3;letter-spacing:-.01em}.heading-3{font-family:var(--font-display);font-size:var(--text-h3);font-weight:var(--font-semibold);line-height:1.35}@media (min-width: 640px){.heading-1{font-size:var(--text-h1-lg);line-height:1.15;letter-spacing:-.02em}.heading-2{font-size:var(--text-h2-lg);line-height:1.25}.heading-3{font-size:var(--text-h3-lg)}}.text-xs{font-size:var(--text-xs);line-height:1.45}.text-sm{font-size:var(--text-sm);line-height:1.5}.text-base{font-size:var(--text-base);line-height:1.65}.text-lg{font-size:var(--text-lg);line-height:1.5}.text-xl{font-size:var(--text-xl);line-height:1.4}.text-2xl{font-size:var(--text-2xl);line-height:1.3}.text-3xl{font-size:var(--text-3xl);line-height:1.2}.text-4xl{font-size:var(--text-4xl);line-height:1.15}.stat{font-family:var(--font-display);font-size:var(--text-stat);font-weight:var(--font-bold);line-height:1.1;letter-spacing:-.01em}.stat-sm{font-size:var(--text-stat-sm)}.stat-lg{font-size:var(--text-stat-lg);line-height:1;letter-spacing:-.02em}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-gold{color:var(--color-gold)}.text-white{color:#fff}.text-gradient-gold{background:var(--gradient-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-success{background:var(--gradient-success);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-wrap{word-wrap:break-word;overflow-wrap:break-word}.text-nowrap{white-space:nowrap}.text-uppercase{text-transform:uppercase}.text-lowercase{text-transform:lowercase}.text-capitalize{text-transform:capitalize}.line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.font-sans{font-family:var(--font-sans)}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseSoft{0%,to{opacity:1}50%{opacity:.7}}@keyframes bounceSubtle{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes shimmerBackground{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #3b82f64d}50%{box-shadow:0 0 30px #3b82f680}}@keyframes successCheck{0%{transform:scale(0) rotate(-45deg);opacity:0}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0);opacity:1}}@keyframes progressFill{0%{width:0%}to{width:var(--progress-width, 100%)}}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseRing{0%{transform:scale(.8);opacity:.8}to{transform:scale(1.4);opacity:0}}@keyframes flipIn{0%{transform:rotateY(90deg);opacity:0}to{transform:rotateY(0);opacity:1}}@keyframes flipOut{0%{transform:rotateY(0);opacity:1}to{transform:rotateY(-90deg);opacity:0}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}.animate-fade-out{animation:fadeOut .3s ease-out forwards}.animate-slide-up{animation:slideUp .4s ease-out forwards}.animate-slide-down{animation:slideDown .4s ease-out forwards}.animate-slide-in-right{animation:slideInRight .3s ease-out forwards}.animate-slide-in-left{animation:slideInLeft .3s ease-out forwards}.animate-scale-in{animation:scaleIn .3s ease-out forwards}.animate-scale-out{animation:scaleOut .3s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulseSoft 2s cubic-bezier(.4,0,.6,1) infinite}.animate-bounce-subtle{animation:bounceSubtle 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-shimmer{animation:shimmer 2s linear infinite}.animate-glow-pulse{animation:glowPulse 2s ease-in-out infinite}.animate-success-check{animation:successCheck .4s ease-out forwards}.animate-progress-fill{animation:progressFill 1s ease-out forwards}.animate-count-up{animation:countUp .5s ease-out forwards}.animation-delay-75{animation-delay:75ms}.animation-delay-100{animation-delay:.1s}.animation-delay-150{animation-delay:.15s}.animation-delay-200{animation-delay:.2s}.animation-delay-300{animation-delay:.3s}.animation-delay-400{animation-delay:.4s}.animation-delay-500{animation-delay:.5s}.animation-delay-700{animation-delay:.7s}.animation-delay-1000{animation-delay:1s}.duration-75{animation-duration:75ms;transition-duration:75ms}.duration-100{animation-duration:.1s;transition-duration:.1s}.duration-150{animation-duration:.15s;transition-duration:.15s}.duration-200{animation-duration:.2s;transition-duration:.2s}.duration-300{animation-duration:.3s;transition-duration:.3s}.duration-500{animation-duration:.5s;transition-duration:.5s}.duration-700{animation-duration:.7s;transition-duration:.7s}.duration-1000{animation-duration:1s;transition-duration:1s}.transition-none{transition:none}.transition-all{transition:var(--transition-all)}.transition-colors{transition:var(--transition-colors)}.transition-transform{transition:var(--transition-transform)}.transition-opacity{transition:opacity var(--transition-normal)}.transition-shadow{transition:box-shadow var(--transition-normal)}.achievement-shimmer{position:relative;overflow:hidden}.achievement-shimmer:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s ease-in-out infinite}.card-glow-accent{box-shadow:0 0 20px #3b82f626,0 4px 6px -1px #0000001a}.card-glow-success{box-shadow:0 0 20px #10b98126,0 4px 6px -1px #0000001a}.card-glow-warning{box-shadow:0 0 20px #f59e0b26,0 4px 6px -1px #0000001a}.card-glow-gold{box-shadow:0 0 25px #fbbf2433,0 4px 6px -1px #0000001a}.hidden{display:none!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-grow-0{flex-grow:0}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-auto{margin-top:auto;margin-bottom:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-0{margin-left:0}.ml-1{margin-left:var(--space-1)}.ml-2{margin-left:var(--space-2)}.ml-3{margin-left:var(--space-3)}.ml-4{margin-left:var(--space-4)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:var(--space-1)}.mr-2{margin-right:var(--space-2)}.mr-3{margin-right:var(--space-3)}.mr-4{margin-right:var(--space-4)}.mr-auto{margin-right:auto}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:var(--space-1);padding-right:var(--space-1)}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.px-3{padding-left:var(--space-3);padding-right:var(--space-3)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:var(--space-1);padding-bottom:var(--space-1)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.pt-0{padding-top:0}.pt-1{padding-top:var(--space-1)}.pt-2{padding-top:var(--space-2)}.pt-3{padding-top:var(--space-3)}.pt-4{padding-top:var(--space-4)}.pb-0{padding-bottom:0}.pb-1{padding-bottom:var(--space-1)}.pb-2{padding-bottom:var(--space-2)}.pb-3{padding-bottom:var(--space-3)}.pb-4{padding-bottom:var(--space-4)}.pl-0{padding-left:0}.pl-1{padding-left:var(--space-1)}.pl-2{padding-left:var(--space-2)}.pl-3{padding-left:var(--space-3)}.pl-4{padding-left:var(--space-4)}.pr-0{padding-right:0}.pr-1{padding-right:var(--space-1)}.pr-2{padding-right:var(--space-2)}.pr-3{padding-right:var(--space-3)}.pr-4{padding-right:var(--space-4)}.w-full{width:100%}.w-screen{width:100vw}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.max-w-xs{max-width:320px}.max-w-sm{max-width:384px}.max-w-md{max-width:448px}.max-w-lg{max-width:512px}.max-w-xl{max-width:576px}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.max-w-7xl{max-width:1280px}.max-w-full{max-width:100%}.max-w-none{max-width:none}.h-full{height:100%}.h-screen{height:100vh}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded,.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.border{border:1px solid var(--color-border)}.border-0{border:none}.border-2{border:2px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l{border-left:1px solid var(--color-border)}.border-r{border-right:1px solid var(--color-border)}.border-transparent{border-color:transparent}.border-current{border-color:currentColor}.bg-transparent{background-color:transparent}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-background{background-color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.bg-surface-secondary{background-color:var(--color-surface-secondary)}.bg-primary{background-color:var(--color-primary)}.bg-accent{background-color:var(--color-accent)}.bg-success{background-color:var(--color-success)}.bg-warning{background-color:var(--color-warning)}.bg-error{background-color:var(--color-error)}.bg-gold{background-color:var(--color-gold)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-card)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-grab{cursor:grab}.cursor-grabbing{cursor:grabbing}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-text{-webkit-user-select:text;-moz-user-select:text;user-select:text}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.select-auto{-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}.scrollbar-thin::-webkit-scrollbar{width:8px;height:8px}.scrollbar-thin::-webkit-scrollbar-track{background-color:var(--color-surface);border-radius:var(--radius-full)}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-full);-webkit-transition:background-color var(--transition-fast);transition:background-color var(--transition-fast)}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.backdrop-blur-xl{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.visible{visibility:visible}.invisible{visibility:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.not-sr-only{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-0{transform:rotate(0)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.-translate-y-0\.5{transform:translateY(-2px)}.-translate-y-1{transform:translateY(-4px)}.translate-y-0{transform:translateY(0)}.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon--xs{width:12px;height:12px}.icon--sm{width:16px;height:16px}.icon--md{width:20px;height:20px}.icon--lg{width:24px;height:24px}.icon--xl{width:32px;height:32px}.icon--2xl{width:40px;height:40px}.achievement-icon--sm{width:20px;height:20px}.achievement-icon--md{width:24px;height:24px}.achievement-icon--lg{width:32px;height:32px}.achievement-icon--xl{width:40px;height:40px}.score-icon--sm{width:20px;height:20px}.score-icon--md{width:24px;height:24px}.score-icon--lg{width:32px;height:32px}.kbd-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;padding:var(--space-1) var(--space-1-5);font-family:var(--font-mono);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-primary);background:linear-gradient(to bottom,#FFFFFF,var(--color-gray-50));border:1px solid var(--color-gray-200);border-radius:var(--radius-md);box-shadow:0 1px 0 1px #0000000d,0 2px 4px #00000014,inset 0 1px #fffc;transition:all var(--transition-fast)}.kbd-badge:hover{box-shadow:0 1px 0 1px #0000000d,0 1px 2px #00000014,inset 0 1px #fffc;transform:translateY(1px)}.dark .kbd-badge,[data-theme=dark] .kbd-badge{color:#fff;background:linear-gradient(to bottom,var(--color-gray-600),var(--color-gray-700));border-color:var(--color-gray-500)}.kbd-badge--combined{gap:2px;padding:var(--space-1) var(--space-1-5)}.kbd-badge__modifier{font-size:10px;opacity:.75}.shortcuts-modal__content{max-height:60vh;overflow-y:auto;padding-right:var(--space-2);margin-right:calc(-1 * var(--space-2))}.shortcuts-modal__category{margin-bottom:var(--space-5)}.shortcuts-modal__category:not(.shortcuts-modal__category--first){padding-top:var(--space-5);border-top:1px solid var(--color-gray-100)}.dark .shortcuts-modal__category:not(.shortcuts-modal__category--first),[data-theme=dark] .shortcuts-modal__category:not(.shortcuts-modal__category--first){border-color:var(--color-gray-600)}.shortcuts-modal__category-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.shortcuts-modal__category-icon{color:var(--color-accent)}.shortcuts-modal__category-title{font-size:var(--text-caption);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.dark .shortcuts-modal__category-title,[data-theme=dark] .shortcuts-modal__category-title{color:var(--color-gray-300)}.shortcuts-modal__list{display:flex;flex-direction:column;gap:var(--space-1)}.shortcuts-modal__item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2-5) var(--space-3);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.shortcuts-modal__item:hover{background:linear-gradient(to right,rgba(59,130,246,.05),transparent)}.dark .shortcuts-modal__item:hover,[data-theme=dark] .shortcuts-modal__item:hover{background:linear-gradient(to right,rgba(59,130,246,.1),transparent)}.shortcuts-modal__item-description{font-size:var(--text-small);color:var(--color-text-secondary);transition:color var(--transition-fast)}.dark .shortcuts-modal__item-description,[data-theme=dark] .shortcuts-modal__item-description{color:var(--color-gray-300)}.shortcuts-modal__item:hover .shortcuts-modal__item-description{color:var(--color-text-primary)}.dark .shortcuts-modal__item:hover .shortcuts-modal__item-description,[data-theme=dark] .shortcuts-modal__item:hover .shortcuts-modal__item-description{color:#fff}.shortcuts-modal__keys{display:flex;align-items:center;gap:var(--space-1-5)}.shortcuts-modal__key-separator{font-size:10px;font-weight:var(--font-medium);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.dark .shortcuts-modal__key-separator,[data-theme=dark] .shortcuts-modal__key-separator{color:var(--color-gray-400)}.shortcuts-modal__footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-gray-200)}.dark .shortcuts-modal__footer,[data-theme=dark] .shortcuts-modal__footer{border-color:var(--color-gray-600)}.shortcuts-modal__tips{background:linear-gradient(to bottom right,var(--color-gray-50),rgba(243,244,246,.5));border-radius:var(--radius-button);padding:var(--space-4)}.dark .shortcuts-modal__tips,[data-theme=dark] .shortcuts-modal__tips{background:linear-gradient(to bottom right,#47556980,#4755694d)}.shortcuts-modal__tip{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-muted)}.dark .shortcuts-modal__tip,[data-theme=dark] .shortcuts-modal__tip{color:var(--color-gray-300)}.shortcuts-modal__tip+.shortcuts-modal__tip{margin-top:var(--space-2-5)}