.ui-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:44px;padding:0 var(--space-5);border:none;border-radius:var(--radius-sm);font:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast);text-decoration:none}.ui-btn:disabled{opacity:.55;cursor:not-allowed}.ui-btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.ui-btn--primary:hover:not(:disabled){background:var(--color-primary-hover)}.ui-btn--secondary{background:var(--color-primary-light);color:var(--color-primary)}.ui-btn--secondary:hover:not(:disabled){background:var(--color-primary-muted)}.ui-btn--ghost{background:transparent;color:var(--color-text-muted);border:1px solid var(--color-border-strong)}.ui-btn--ghost:hover:not(:disabled){background:var(--color-bg-subtle);color:var(--color-text)}.ui-btn--block{width:100%}.ui-btn--sm{min-height:36px;padding:0 var(--space-3);font-size:var(--font-size-xs)}.ui-progress{width:100%}.ui-progress__header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-2);font-size:var(--font-size-sm)}.ui-progress__label{font-weight:600;color:var(--color-text)}.ui-progress__value{color:var(--color-text-muted)}.ui-progress__track{height:8px;background:var(--color-bg-muted);border-radius:var(--radius-full);overflow:hidden}.ui-progress__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width .3s ease}.ui-progress__fill--streak{background:linear-gradient(90deg,var(--color-streak),#F97316)}.ui-streak{display:flex;align-items:center;gap:var(--space-4)}.ui-streak__ring{position:relative;width:72px;height:72px;flex-shrink:0}.ui-streak__ring svg{width:100%;height:100%;transform:rotate(-90deg)}.ui-streak__ring-bg{fill:none;stroke:var(--color-streak-light);stroke-width:4}.ui-streak__ring-fill{fill:none;stroke:var(--color-streak);stroke-width:4;stroke-linecap:round;transition:stroke-dashoffset .4s ease}.ui-streak__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.75rem}.ui-streak__content{flex:1 1;min-width:0}.ui-streak__count{margin:0;font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text);line-height:1.1}.ui-streak__label{margin:var(--space-1) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.ui-streak__hint{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-streak);font-weight:500}.ui-streak-periods{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-top:var(--space-4)}.ui-streak-period{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.ui-streak-period__header{display:flex;gap:var(--space-3);align-items:flex-start}.ui-streak-period__icon{font-size:1.25rem;line-height:1}.ui-streak-period__title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.ui-streak-period__hint{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.ui-streak-period__count{margin:var(--space-3) 0 0;font-size:1.75rem;font-weight:700;color:var(--color-text);line-height:1.1}.ui-streak-period__count span{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.ui-streak-period__meta{margin:var(--space-2) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.ui-streak-period__track{margin-top:var(--space-3);height:6px;border-radius:var(--radius-full);background:var(--color-bg-muted);overflow:hidden}.ui-streak-period__fill{height:100%;border-radius:var(--radius-full)}.ui-streak-period__fill--monthly{background:linear-gradient(90deg,var(--color-primary),#818CF8)}.ui-stat-tile{flex:1 1;min-width:0;padding:var(--space-4);background:var(--color-bg-subtle);border-radius:var(--radius-md);text-align:center}.ui-stat-tile__value{margin:0;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.ui-stat-tile__label{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ui-achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));grid-gap:var(--space-3);gap:var(--space-3)}@media (min-width:768px){.ui-achievement-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-4)}.ui-stat-tile__value{font-size:var(--font-size-2xl)}}@media (min-width:1024px){.ui-achievement-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.ui-achievement{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-subtle);text-align:center}.ui-achievement--locked{opacity:.45;filter:grayscale(.8)}.ui-achievement__icon{font-size:1.75rem;line-height:1}.ui-achievement__label{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text);line-height:1.2}.ui-score-display{text-align:center;padding:var(--space-6) 0}.ui-score-display__emoji{font-size:3rem;margin-bottom:var(--space-2)}.ui-score-display__title{margin:0 0 var(--space-2);font-size:var(--font-size-xl);font-weight:700;color:var(--color-text)}.ui-score-display__value{margin:0;font-size:var(--font-size-hero);font-weight:800;color:var(--color-primary);line-height:1}.ui-score-display__subtitle{margin:var(--space-3) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.ui-score-display__breakdown{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2);margin-top:var(--space-4)}.ui-score-display__stat{display:inline-flex;align-items:center;padding:6px 12px;border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:600}.ui-score-display__stat--correct{background:var(--color-success-light);color:var(--color-success);border:1px solid var(--color-success-border)}.ui-score-display__stat--wrong{background:var(--color-danger-light);color:var(--color-danger);border:1px solid var(--color-danger-border)}.ui-score-display__stat--skipped{background:var(--color-bg-muted);color:var(--color-text-muted);border:1px solid var(--color-border)}.ui-score-display--pass .ui-score-display__value{color:var(--color-success)}.ui-score-display--fail .ui-score-display__value{color:var(--color-danger)}.ui-section{margin-bottom:var(--space-6)}.ui-section__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.ui-section__title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text)}.ui-section__link{font-size:var(--font-size-sm);color:var(--color-link);text-decoration:none;font-weight:600}.ui-section__link:hover{color:var(--color-link-hover)}.ui-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-light);color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:700;border:none;cursor:pointer;flex-shrink:0}.ui-avatar--lg{width:80px;height:80px;font-size:var(--font-size-xl)}.ui-page-header{margin-bottom:var(--space-6)}.ui-page-header__title{margin:0 0 var(--space-1);font-size:var(--font-size-2xl);font-weight:800;color:var(--color-text);letter-spacing:-.02em}.ui-page-header__subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.ui-surface{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.ui-surface--streak{background:linear-gradient(135deg,var(--color-bg) 0,var(--color-streak-light) 100%);border-color:var(--color-streak-border)}.ui-surface--cta{background:var(--color-primary-light);border-color:var(--color-primary-muted)}.ui-list-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.ui-list-row:last-child{border-bottom:none}.ui-list-row__title{margin:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.ui-list-row__meta{margin:2px 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.ui-list-row__status{flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;line-height:1.3;text-align:right;max-width:8.5rem}.ui-list-row__status--pass{color:var(--color-success)}.ui-list-row__status--improve{color:var(--color-warning,#b45309)}.ui-list-row__badge{font-size:var(--font-size-xs);font-weight:600;padding:0;border-radius:0;background:transparent;border:none}.ui-list-row__badge--pass{color:var(--color-success)}.ui-list-row__badge--fail{color:var(--color-warning,#b45309)}