:root{--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-white:#fff;--color-gray-50:#f8fafc;--color-gray-100:#f1f5f9;--color-gray-200:#e2e8f0;--color-gray-300:#cbd5e1;--color-gray-400:#94a3b8;--color-gray-500:#64748b;--color-gray-600:#475569;--color-gray-700:#334155;--color-gray-800:#1e293b;--color-gray-900:#0f172a;--color-gray-950:#0b1220;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-50:#f0fdf4;--color-green-950:#052e16;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-50:#fffbeb;--color-amber-950:#451a03;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-50:#fef2f2;--color-red-950:#450a0a;--color-cyan-400:#38bdf8;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-50:#ecfeff;--color-cyan-950:#083344;--color-bg:#f3f6fb;--color-surface:#eaeff7;--color-elevated:var(--color-white);--color-text:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-disabled:var(--color-gray-400);--color-text-on-primary:var(--color-white);--color-border:var(--color-gray-200);--color-border-strong:var(--color-gray-300);--color-primary:var(--color-blue-600);--color-primary-hover:var(--color-blue-700);--color-primary-active:var(--color-blue-800);--color-primary-soft:var(--color-blue-50);--color-focus-ring:var(--color-blue-400);--color-success:var(--color-green-600);--color-success-text:var(--color-green-700);--color-success-soft:var(--color-green-50);--color-warning:var(--color-amber-600);--color-warning-text:var(--color-amber-700);--color-warning-soft:var(--color-amber-50);--color-danger:var(--color-red-600);--color-danger-text:var(--color-red-700);--color-danger-soft:var(--color-red-50);--color-info:var(--color-cyan-600);--color-info-text:var(--color-cyan-700);--color-info-soft:var(--color-cyan-50);--color-overlay:#0f172a73;--color-tooltip-bg:var(--color-gray-900);--color-tooltip-text:var(--color-white);--color-skeleton-base:var(--color-gray-100);--color-skeleton-shine:var(--color-gray-200);--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--text-display:2.25rem;--text-h1:1.875rem;--text-h2:1.5rem;--text-h3:1.25rem;--text-h4:1.125rem;--text-body-lg:1.125rem;--text-body:1rem;--text-caption:.8125rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-snug:1.4;--leading-normal:1.6;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-0:none;--shadow-1:0 1px 2px #0f172a0f, 0 1px 3px #0f172a14;--shadow-2:0 2px 4px #0f172a0f, 0 4px 12px #0f172a1a;--shadow-3:0 8px 16px #0f172a1f, 0 16px 32px #0f172a29;--z-base:0;--z-dropdown:1000;--z-sticky:1100;--z-overlay:1200;--z-modal:1300;--z-toast:1400;--z-tooltip:1500;--bp-tablet:640px;--bp-desktop:1024px;--header-height:65px;--container-max:1200px;--container-narrow:720px;--container-pad:var(--space-4);--duration-fast:.12s;--duration-base:.22s;--duration-slow:.35s;--duration-enter:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-inout:cubic-bezier(.4, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}:root[data-theme=dark]{--color-bg:var(--color-gray-950);--color-surface:#131c2e;--color-elevated:var(--color-gray-800);--color-text:var(--color-gray-100);--color-text-secondary:var(--color-gray-400);--color-text-disabled:var(--color-gray-500);--color-text-on-primary:var(--color-gray-950);--color-border:var(--color-gray-700);--color-border-strong:var(--color-gray-600);--color-primary:var(--color-blue-400);--color-primary-hover:var(--color-blue-300);--color-primary-active:var(--color-blue-200);--color-primary-soft:var(--color-blue-950);--color-focus-ring:var(--color-blue-400);--color-success:var(--color-green-500);--color-success-text:var(--color-green-400);--color-success-soft:var(--color-green-950);--color-warning:var(--color-amber-500);--color-warning-text:var(--color-amber-400);--color-warning-soft:var(--color-amber-950);--color-danger:var(--color-red-500);--color-danger-text:var(--color-red-400);--color-danger-soft:var(--color-red-950);--color-info:var(--color-cyan-500);--color-info-text:var(--color-cyan-400);--color-info-soft:var(--color-cyan-950);--color-overlay:#020617a6;--color-tooltip-bg:var(--color-gray-700);--color-tooltip-text:var(--color-gray-100);--color-skeleton-base:var(--color-gray-800);--color-skeleton-shine:var(--color-gray-700);--shadow-0:none;--shadow-1:0 1px 2px #0006, 0 1px 3px #00000080;--shadow-2:0 2px 4px #0006, 0 4px 12px #0000008c;--shadow-3:0 8px 16px #0000008c, 0 16px 32px #000000a6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:var(--leading-normal);transition:background .2s,color .2s;overflow-x:hidden}img{max-width:100%;display:block}ul{list-style:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.container{width:100%;max-width:var(--container-max);padding-left:var(--container-pad);padding-right:var(--container-pad);margin:0 auto}.section{padding:var(--space-10) 0}.section--tight{padding:var(--space-6) 0}.stack>*+*{margin-top:var(--space-4)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);min-height:40px;font-size:var(--text-body);font-weight:var(--font-weight-semibold);border:1px solid #0000;line-height:1;transition:background .15s,border-color .15s;display:inline-flex}.btn--primary{background:var(--color-primary);color:var(--color-text-on-primary)}.btn--primary:hover{background:var(--color-primary-hover)}.btn--outline{color:var(--color-primary);border-color:var(--color-border-strong);background:0 0}.btn--outline:hover{background:var(--color-primary-soft);border-color:var(--color-primary)}.btn--ghost{color:var(--color-text-secondary);background:0 0}.btn--ghost:hover{background:var(--color-surface);color:var(--color-text)}.btn--danger{background:var(--color-danger);color:#fff}.btn--danger:hover{filter:brightness(.93)}.btn--success{background:var(--color-success);color:#fff}.btn--block{width:100%}.btn--sm{min-height:32px;padding:var(--space-1) var(--space-3);font-size:var(--text-caption)}.btn:disabled{opacity:.55;cursor:not-allowed}.chip{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface);border:1px solid var(--color-border);font-size:var(--text-caption);color:var(--color-text);display:inline-flex}.chip--active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.chip__x{cursor:pointer;font-weight:var(--font-weight-bold);opacity:.7}.chip__x:hover{opacity:1}.badge{padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-caption);font-weight:var(--font-weight-medium);align-items:center;gap:4px;display:inline-flex}.badge--primary{background:var(--color-primary-soft);color:var(--color-primary)}.badge--success{background:var(--color-success-soft);color:var(--color-success-text)}.badge--warning{background:var(--color-warning-soft);color:var(--color-warning-text)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger-text)}.badge--info{background:var(--color-info-soft);color:var(--color-info-text)}.badge--neutral{background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border)}.card{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.card--pad{padding:var(--space-5)}.section-header{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.section-header h2{font-size:var(--text-h2);font-weight:var(--font-weight-bold)}.section-header a{color:var(--color-primary);font-size:var(--text-body);font-weight:var(--font-weight-medium)}.grid{gap:var(--space-4);display:grid}.grid--materials{grid-template-columns:repeat(4,1fr)}.grid--subjects{grid-template-columns:repeat(6,1fr)}.grid--stats,.grid--related{grid-template-columns:repeat(4,1fr)}.ico{vertical-align:-.125em;flex-shrink:0;width:1em;height:1em;display:inline-block}.ico--lg{width:1.35em;height:1.35em}.ico--xl{width:1.6em;height:1.6em}.meta-row span>.ico,.post-row__meta span>.ico,.post-card__footer span>.ico,.admin-sidebar a>.ico,.qnav-stats div>.ico{margin-right:.35em}.rating-stars{color:var(--color-warning);vertical-align:-.125em;align-items:center;gap:1px;display:inline-flex}.grid--subjects .card .ico{width:2.4rem;height:2.4rem;margin-bottom:var(--space-2)}.breadcrumb{gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-secondary);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.breadcrumb a:hover{color:var(--color-primary)}.breadcrumb [aria-current=page]{color:var(--color-text);font-weight:var(--font-weight-medium)}.field{margin-bottom:var(--space-4)}.field>label{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);display:block}.field__input{align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);padding:0 var(--space-3);transition:border-color .15s,box-shadow .15s;display:flex}.field__input:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.field__input>.ico{color:var(--color-text-secondary);flex-shrink:0}.field__input input{color:var(--color-text);font-size:var(--text-body);padding:var(--space-3) 0;background:0 0;border:0;flex:1;min-width:0}.field__input input:focus{outline:none}.field__input--error{border-color:var(--color-danger)!important;box-shadow:0 0 0 3px var(--color-danger-soft)!important}.field__toggle{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.field__toggle:hover{color:var(--color-text)}.field__input select{color:var(--color-text);font-size:var(--text-body);padding:var(--space-3) 0;cursor:pointer;background:0 0;border:0;flex:1;min-width:0}.field__input select:focus{outline:none}.form-error{align-items:center;gap:var(--space-2);background:var(--color-danger-soft);color:var(--color-danger-text);border:1px solid var(--color-danger);border-radius:var(--radius-md);padding:var(--space-3) var(--space-3);font-size:var(--text-body);margin-bottom:var(--space-4);display:flex}.pagination{gap:var(--space-1);margin-top:var(--space-8);flex-wrap:wrap;justify-content:center;align-items:center;display:flex}.pagination button,.pagination span{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);min-width:36px;height:36px;color:var(--color-text);padding:0 var(--space-2);place-items:center;display:grid}.pagination [aria-current=page]{background:var(--color-primary);color:var(--color-text-on-primary);border-color:var(--color-primary)}.skeleton{background:linear-gradient(90deg, var(--color-skeleton-base) 25%, var(--color-skeleton-shine) 50%, var(--color-skeleton-base) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.3s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skel-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.skel-thumb{aspect-ratio:16/10}.skel-line{height:12px;margin:var(--space-2) var(--space-4)}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-secondary)}.empty-state .icon{margin-bottom:var(--space-3);font-size:2.5rem;display:block}.empty-state h3{color:var(--color-text);margin-bottom:var(--space-2)}.tab-bar{gap:var(--space-1);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-4);display:flex}.tab-bar button{padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px}.tab-bar button[aria-selected=true]{color:var(--color-primary);border-bottom-color:var(--color-primary)}.toast{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-2);display:inline-flex}.toast--success{background:var(--color-success-soft);color:var(--color-success-text);border:1px solid var(--color-success)}.toast--danger{background:var(--color-danger-soft);color:var(--color-danger-text);border:1px solid var(--color-danger)}.note{font-size:var(--text-caption);color:var(--color-text-secondary);margin:var(--space-2) 0;font-style:italic}.back-link{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text);font-size:var(--text-body);font-weight:var(--font-weight-medium);margin:var(--space-4) 0 var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:0 0;text-decoration:none;transition:border-color .15s,color .15s;display:inline-flex}.back-link:hover{border-color:var(--color-primary);color:var(--color-primary)}.page-title-row{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.page-title-row h1{font-size:var(--text-h1);font-weight:var(--font-weight-semibold)}.result-count{font-size:var(--text-caption);color:var(--color-text-secondary)}.active-chips{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.demo-modal{background:var(--color-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);max-width:560px;margin:var(--space-6) auto;padding:var(--space-6);border:1px solid var(--color-border)}.demo-modal h3,.form-field{margin-bottom:var(--space-4)}.form-field label{font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:var(--space-1);font-weight:var(--font-weight-medium);display:block}.form-field input,.form-field textarea,.form-field select{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:inherit}@media (width>=640px) and (width<=1023px){.grid--materials{grid-template-columns:repeat(2,1fr)}.grid--subjects{grid-template-columns:repeat(4,1fr)}.grid--related,.grid--exams,.grid--stats{grid-template-columns:repeat(2,1fr)}.hero__inner,.detail-layout,.cart-layout,.community-layout,.exam-layout,.tailieu-layout{grid-template-columns:1fr}.filter-sidebar{display:none}.filter-drawer-trigger{display:inline-flex}.footer-cols{grid-template-columns:repeat(2,1fr)}}@media (width<=639px){.header-search,.main-nav{display:none}.hamburger{display:grid}.mobile-nav-overlay{background:var(--color-overlay);z-index:var(--z-overlay);opacity:0;pointer-events:none;transition:opacity .2s;display:block;position:fixed;inset:0}.mobile-nav-overlay--visible{opacity:1;pointer-events:auto}.mobile-nav{background:var(--color-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-2);z-index:calc(var(--z-overlay) + 1);padding:var(--space-3) var(--space-4);transition:transform .25s var(--ease-out);pointer-events:none;flex-direction:column;display:flex;position:fixed;top:64px;left:0;right:0;transform:translateY(-110%)}.mobile-nav--open{pointer-events:auto;transform:translateY(0)}.mobile-nav a{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);color:var(--color-text);font-size:var(--text-body);border-radius:var(--radius-md);text-decoration:none;display:flex}.mobile-nav a:hover,.mobile-nav a.active{background:var(--color-primary-soft);color:var(--color-primary)}.hero{padding:var(--space-10) 0}.hero h1{font-size:var(--text-h2)}.hero__inner{grid-template-columns:1fr}.hero__art{display:none}.hero__ctas{flex-direction:column}.hero__ctas .btn{width:100%}.grid--materials{padding-bottom:var(--space-2);grid-template-columns:none;grid-auto-columns:80%;grid-auto-flow:column;overflow-x:auto}.grid--subjects{grid-template-columns:repeat(2,1fr)}.grid--related{grid-template-columns:none;grid-auto-columns:70%;grid-auto-flow:column;overflow-x:auto}.grid--exams{grid-template-columns:none;grid-auto-columns:80%;grid-auto-flow:column;overflow-x:auto}.grid--stats{grid-template-columns:1fr 1fr}.shortcut-grid,.detail-layout,.cart-layout,.community-layout,.exam-layout,.tailieu-layout{grid-template-columns:1fr}.filter-sidebar{display:none}.filter-drawer-trigger{display:inline-flex}.action-card,.summary-card,.exam-header{position:static}.footer-cols{gap:var(--space-5);grid-template-columns:1fr}.qnav{grid-template-columns:repeat(10,1fr)}.exam-layout aside{order:-1}.qnav-stats{display:none}.admin-shell{grid-template-columns:1fr}.admin-sidebar{display:none}.cart-item__thumb{width:48px;height:48px}.summary-card{order:-1}.my-material-row{flex-direction:column}.my-material-actions{min-width:unset;flex-direction:row}.ontap-filter{flex-direction:column;align-items:stretch}.section{padding:var(--space-8) 0}}html{scroll-behavior:smooth}.scroll-progress{height:3px;z-index:calc(var(--z-sticky) + 1);background:var(--color-primary);transform-origin:0;pointer-events:none;position:fixed;top:0;left:0;right:0;transform:scaleX(0)}@supports (animation-timeline:scroll()){@keyframes grow-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.scroll-progress{animation:linear both grow-progress;animation-timeline:scroll(root)}}@keyframes page-enter{0%{opacity:0}to{opacity:1}}.page-enter{animation:page-enter var(--duration-enter) var(--ease-out) both}.reveal{opacity:0;transition:opacity var(--duration-enter) var(--ease-out), transform var(--duration-enter) var(--ease-out);transform:translateY(24px)}.reveal.is-visible{opacity:1;transform:none}.reveal--fade{transform:none}.stagger-item,.material-card.stagger-item,.shortcut.stagger-item,.post-row.stagger-item{transition-delay:calc(var(--index,0) * 80ms)}@keyframes text-reveal{0%{clip-path:inset(0 0 100%);opacity:0;transform:translateY(10px)}to{clip-path:inset(0 0 0%);opacity:1;transform:none}}.promo__eyebrow{animation:text-reveal .5s var(--ease-out) both;animation-delay:.1s}.promo__title{animation:text-reveal .6s var(--ease-out) both;animation-delay:.22s}.promo__desc{animation:text-reveal .5s var(--ease-out) both;animation-delay:.34s}.promo__cta{animation:text-reveal .4s var(--ease-out) both;animation-delay:.44s}.site-header{-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);background:#ffffffd1}:root[data-theme=dark] .site-header{background:#0b1220d1}.material-card{transition:border-color var(--duration-base) var(--ease-inout), box-shadow var(--duration-base) var(--ease-inout), transform var(--duration-base) var(--ease-out);will-change:transform}.material-card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 8px 24px #2563eb24}:root[data-theme=dark] .material-card:hover{box-shadow:0 8px 24px #60a5fa2e}.shortcut{transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, transform var(--duration-base) var(--ease-out)}.shortcut:hover{border-color:var(--color-primary);box-shadow:var(--shadow-2);transform:translateY(-3px)}.post-row{border-radius:var(--radius-md);transition:background var(--duration-fast) ease}.post-row:hover{background:var(--color-surface)}.btn:active,.btn--primary:active{transform:scale(.97)}.nav-mention-wrap{align-items:center;gap:4px;display:inline-flex;position:relative}.nav-mention-badge{background:var(--color-danger,#ef4444);color:#fff;border-radius:var(--radius-full);justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.site-header{z-index:var(--z-sticky);background:var(--color-elevated);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-1);position:sticky;top:0}.site-header__inner{align-items:center;gap:var(--space-4);max-width:var(--container-max);padding:var(--space-3) var(--container-pad);margin:0 auto;display:flex}.logo{align-items:center;gap:var(--space-2);font-weight:var(--font-weight-bold);font-size:var(--text-h4);color:var(--color-primary);flex-shrink:0;display:inline-flex}.logo__mark{border-radius:var(--radius-md);background:var(--color-primary);width:32px;height:32px;color:var(--color-text-on-primary);font-weight:var(--font-weight-bold);place-items:center;display:grid}.header-search{flex:auto;min-width:0}.header-search__wrap{align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);cursor:text;transition:border-color .15s;display:flex}.header-search__wrap:focus-within{border-color:var(--color-primary);outline:2px solid var(--color-focus-ring);outline-offset:1px}.header-search__input{color:var(--color-text);font-size:var(--text-body);background:0 0;border:0;flex:1;min-width:0}.header-search__input:focus{outline:none}.header-search__icon{color:var(--color-text-secondary);display:flex}.main-nav{gap:var(--space-1);flex-shrink:0;display:flex}.main-nav a{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.main-nav a:hover{background:var(--color-surface);color:var(--color-text)}.main-nav a[aria-current=page]{color:var(--color-primary);background:var(--color-primary-soft)}.header-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.icon-btn{border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-elevated);width:40px;height:40px;color:var(--color-text);place-items:center;font-size:1.1rem;display:grid;position:relative}.icon-btn:hover{background:var(--color-surface)}.cart-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);min-width:18px;height:18px;font-size:11px;font-weight:var(--font-weight-bold);place-items:center;padding:0 5px;display:grid;position:absolute;top:-6px;right:-6px}.avatar{border-radius:var(--radius-full);background:var(--color-primary);width:36px;height:36px;color:var(--color-text-on-primary);font-weight:var(--font-weight-semibold);cursor:pointer;border:none;flex-shrink:0;place-items:center;display:grid}.avatar-menu{position:relative}.avatar-dropdown{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:220px;box-shadow:var(--shadow-2);z-index:200;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.avatar-dropdown__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;gap:2px;display:flex}.avatar-dropdown__item{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-body);color:var(--color-text);cursor:pointer;text-align:left;background:0 0;border:none;text-decoration:none;transition:background .12s;display:flex}.avatar-dropdown__item:hover{background:var(--color-surface)}.avatar-dropdown__item--danger{color:var(--color-danger)}.avatar-dropdown__divider{margin:var(--space-1) 0;border:none;border-top:1px solid var(--color-border)}.hamburger,.mobile-nav-overlay,.mobile-nav{display:none}.material-card{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-1);padding:var(--space-3);flex-direction:column;transition:border-color .15s,box-shadow .15s;display:flex}.material-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-2)}.material-card__tag{padding:3px var(--space-2);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:.03em;align-self:flex-start}.material-card__cover{aspect-ratio:5/4;border-radius:var(--radius-md);margin-top:var(--space-3);display:block;overflow:hidden}.material-card__art{background:#070e1c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.material-card__art-bg{width:100%;height:100%;position:absolute;inset:0}.material-card__art-code{z-index:1;color:#fff;letter-spacing:.12em;text-shadow:0 2px 12px #0009;font-size:1.75rem;font-weight:800;position:relative}@media (width<=639px){.material-card__foot{flex-direction:column}.material-card__add{border-radius:var(--radius-md);width:100%}}.material-card__body{gap:var(--space-2);padding:var(--space-3) var(--space-1) var(--space-1);flex-direction:column;flex:1;display:flex}.material-card__metarow{justify-content:space-between;align-items:center;gap:var(--space-2);font-size:var(--text-caption);color:var(--color-text-secondary);display:flex}.material-card__meta{letter-spacing:.03em;text-transform:uppercase}.material-card__pages{white-space:nowrap;align-items:center;gap:4px;display:inline-flex}.material-card__pages svg{width:14px;height:14px}.material-card__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);line-height:var(--leading-snug);color:var(--color-text)}.material-card__title:hover{color:var(--color-primary)}.material-card__rating{font-size:var(--text-caption);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);align-items:center;gap:4px;display:inline-flex}.material-card__rating .note{font-style:normal}.material-card__star{color:var(--color-primary);display:inline-flex}.material-card__foot{justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto;display:flex}.material-card__price{font-size:var(--text-h3);font-weight:var(--font-weight-bold);color:var(--color-primary)}.material-card__add{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);width:40px;height:40px;color:var(--color-primary);cursor:pointer;flex-shrink:0;place-items:center;transition:border-color .15s,background .15s;display:grid}.material-card__add:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.promo{padding:var(--space-10) 0 var(--space-8);background:var(--color-bg)}.promo__viewport{border-radius:var(--radius-xl);box-shadow:var(--shadow-3);position:relative;overflow:hidden}.promo__track{will-change:transform;transition:transform .55s cubic-bezier(.4,0,.2,1);display:flex}.promo__slide{align-items:center;gap:var(--space-6);min-width:0;padding:var(--space-12) var(--space-16);min-height:340px;color:var(--color-white);flex:0 0 100%;grid-template-columns:.9fr 1fr 1.3fr;display:grid;position:relative;overflow:hidden}.promo__slide>*{min-width:0}.promo__slide--free{background:radial-gradient(120% 140% at 12% 0%, #60a5fa73, transparent 55%), linear-gradient(125deg, var(--color-blue-950) 0%, var(--color-blue-800) 55%, var(--color-blue-700) 100%)}.promo__slide--exam{background:radial-gradient(120% 140% at 88% 10%, #38bdf866, transparent 55%), linear-gradient(125deg, var(--color-blue-950) 0%, var(--color-blue-900) 50%, var(--color-blue-700) 100%)}.promo__slide--community{background:radial-gradient(120% 140% at 15% 100%, #93c5fd6b, transparent 55%), linear-gradient(125deg, var(--color-blue-950) 0%, var(--color-blue-900) 45%, var(--color-blue-700) 100%)}.promo__slide:before{content:"";pointer-events:none;opacity:.5;background-image:radial-gradient(#ffffff24 1.2px,#0000 1.3px);background-size:26px 26px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(105deg,#000 0%,#0000 62%);mask-image:linear-gradient(105deg,#000 0%,#0000 62%)}.promo__rail{z-index:1;position:relative}.promo__tag{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-amber-500);color:var(--color-gray-950);font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:.6px;text-transform:uppercase;display:inline-flex}.promo__code{margin-top:var(--space-4);font-family:var(--font-mono);font-weight:var(--font-weight-bold);font-size:var(--text-display);color:var(--color-white);line-height:1.05}.promo__code small{margin-top:var(--space-2);font-family:var(--font-sans);font-size:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:.5px;color:#ffffffb8;text-transform:uppercase;display:block}.promo__art{z-index:1;place-items:center;display:grid;position:relative}.promo__art svg{filter:drop-shadow(0 12px 28px #00000073);width:100%;max-width:230px;height:auto}.promo__body{z-index:1;position:relative}.promo__eyebrow{font-size:var(--text-caption);font-weight:var(--font-weight-semibold);letter-spacing:2px;text-transform:uppercase;color:#ffffffc7}.promo__title{margin-top:var(--space-3);font-size:var(--text-display);line-height:var(--leading-tight);font-weight:var(--font-weight-bold);color:var(--color-white);overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.promo__title em{color:var(--color-blue-300);font-style:normal}.promo__desc{margin-top:var(--space-4);width:100%;max-width:46ch;font-size:var(--text-body-lg);line-height:var(--leading-snug);color:#ffffffdb;overflow-wrap:break-word}.promo__cta{align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--color-white);min-height:44px;color:var(--color-blue-800);font-size:var(--text-body);font-weight:var(--font-weight-bold);border:1px solid #0000;transition:transform .15s,box-shadow .15s;display:inline-flex}.promo__cta:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0000004d}.promo__cta:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.promo__arrow{z-index:2;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:44px;height:44px;color:var(--color-white);background:#0f172a73;border:1px solid #ffffff8c;place-items:center;line-height:1;transition:background .15s,border-color .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.promo__arrow svg{width:20px;height:20px;display:block}.promo__arrow:hover{border-color:var(--color-white);background:#0f172ab3}.promo__arrow:active{transform:translateY(-50%)scale(.94)}.promo__arrow--prev{left:var(--space-4)}.promo__arrow--next{right:var(--space-4)}.promo__arrow:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.promo__dots{left:0;right:0;bottom:var(--space-5);z-index:2;justify-content:center;gap:var(--space-2);display:flex;position:absolute}.promo__dot{border-radius:var(--radius-full);background:#ffffff61;border:0;width:28px;height:6px;padding:0;transition:background .2s,width .2s;position:relative;overflow:hidden}.promo__dot:hover{background:#fff9}.promo__dot:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:3px}.promo__dot[aria-current=true]{background:#ffffff59;width:44px}.promo__dot[aria-current=true]:after{content:"";transform-origin:0;background:var(--color-white);animation:5s linear forwards promoFill;position:absolute;inset:0}.promo.is-paused .promo__dot[aria-current=true]:after{animation-play-state:paused}@keyframes promoFill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.promo__track{transition:none}.promo__dot[aria-current=true]:after{animation:none;transform:scaleX(1)}}@media (width>=640px) and (width<=1023px){.promo__slide{gap:var(--space-4);padding:var(--space-10);grid-template-columns:1fr;min-height:0}.promo__art{display:none}}@media (width<=639px){.promo{padding:var(--space-6) 0}.promo__slide{gap:var(--space-3);padding:var(--space-8) var(--space-6) calc(var(--space-12) + var(--space-2));text-align:left;grid-template-columns:1fr;min-height:0}.promo__art{display:none}.promo__code{font-size:var(--text-h1);margin-top:var(--space-3)}.promo__title{font-size:var(--text-h2)}.promo__desc{font-size:var(--text-body);margin-top:var(--space-3)}.promo__cta{justify-content:center;width:100%}.promo__arrow{top:auto;bottom:var(--space-4);width:36px;height:36px;transform:none}.promo__arrow svg{width:16px;height:16px}.promo__arrow:active{transform:scale(.94)}.promo__arrow--prev{left:auto;right:calc(var(--space-6) + 44px)}.promo__arrow--next{right:var(--space-6)}.promo__dots{left:var(--space-6);right:auto;bottom:calc(var(--space-4) + 46px);justify-content:flex-start}}.hero{background:linear-gradient(135deg, var(--color-primary-soft), var(--color-surface));padding:var(--space-16) 0}.hero__inner{gap:var(--space-10);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.hero h1{font-size:var(--text-display);line-height:var(--leading-tight);font-weight:var(--font-weight-bold)}.hero p{font-size:var(--text-body-lg);color:var(--color-text-secondary);margin-top:var(--space-4)}.hero__search{gap:var(--space-2);margin-top:var(--space-6);background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-1);display:flex}.hero__search input{color:var(--color-text);font-size:var(--text-body);padding:0 var(--space-3);background:0 0;border:0;flex:1}.hero__search input:focus{outline:none}.hero__chips{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.hero__ctas{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.hero__art{place-items:center;display:grid}.home-hero{background:linear-gradient(135deg, var(--color-blue-700) 0%, var(--color-blue-500) 100%);padding:var(--space-12) 0}.home-hero__inner{gap:var(--space-8);flex-direction:column;display:flex}.home-hero__text h1{font-size:var(--text-display);color:#fff;line-height:var(--leading-tight);margin-bottom:var(--space-3)}.home-hero__text p{color:#ffffffd9;font-size:var(--text-body-lg);max-width:520px;margin-bottom:var(--space-5)}.home-hero__ctas{gap:var(--space-3);flex-wrap:wrap;display:flex}.home-hero__ctas .btn--outline{color:#fff;border-color:#fff9}.home-hero__ctas .btn--outline:hover{background:#ffffff26;border-color:#fff}.home-hero__stats{gap:var(--space-6);flex-wrap:wrap;display:flex}.home-stat__num{font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:#fff}.home-stat__label{font-size:var(--text-caption);color:#ffffffbf}@media (width>=768px){.home-hero__inner{flex-direction:row;justify-content:space-between;align-items:center}.home-hero__stats{align-items:flex-end;gap:var(--space-4);flex-direction:column}}.shortcut-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.shortcut{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-elevated);align-items:flex-start;display:flex}.shortcut__icon{border-radius:var(--radius-md);background:var(--color-primary-soft);flex-shrink:0;place-items:center;width:56px;height:56px;font-size:2rem;display:grid}.shortcut h3{font-size:var(--text-h3)}.shortcut p{color:var(--color-text-secondary);font-size:var(--text-body);margin:var(--space-2) 0 var(--space-3)}.post-row{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);align-items:flex-start;display:flex}.post-row:last-child{border-bottom:0}.post-row__avatar{border-radius:var(--radius-full);background:var(--color-info-soft);width:40px;height:40px;color:var(--color-info-text);font-weight:var(--font-weight-semibold);flex-shrink:0;place-items:center;display:grid}.post-row__title{font-weight:var(--font-weight-semibold)}.post-row__excerpt{color:var(--color-text-secondary);font-size:var(--text-caption);margin:4px 0}.post-row__meta{gap:var(--space-3);font-size:var(--text-caption);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.signup-cta{background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-xl);padding:var(--space-10);text-align:center}.signup-cta h2{font-size:var(--text-h1)}.signup-cta p{opacity:.9;margin:var(--space-3) 0 var(--space-6)}.signup-cta .btn--outline{color:var(--color-text-on-primary);border-color:currentColor}.signup-cta .btn--primary{background:var(--color-elevated);color:var(--color-primary)}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-10) 0 var(--space-6);margin-top:var(--space-12)}.footer-cols{gap:var(--space-8);grid-template-columns:repeat(4,1fr);display:grid}.footer-cols h4{font-size:var(--text-h4);margin-bottom:var(--space-3)}.footer-cols a{color:var(--color-text-secondary);font-size:var(--text-body);padding:var(--space-1) 0;display:block}.footer-cols a:hover{color:var(--color-primary)}.footer-copy{text-align:center;color:var(--color-text-secondary);font-size:var(--text-caption);margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.tailieu-layout{gap:var(--space-6);padding-bottom:var(--space-12);grid-template-columns:260px 1fr;align-items:start;display:grid}.filter-sidebar{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);max-height:calc(100vh - 100px);padding:var(--space-4);position:sticky;top:88px;overflow:auto}.filter-group{margin-bottom:var(--space-5);border:0;padding:0}.filter-group legend{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.filter-opt{align-items:center;gap:var(--space-2);padding:var(--space-1) 0;font-size:var(--text-body);display:flex}.filter-search{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);margin-bottom:var(--space-2)}.link-more{color:var(--color-primary);font-size:var(--text-caption);padding:var(--space-1) 0;background:0 0;border:0}.filter-head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.filter-head__title{font-size:var(--text-h4);font-weight:var(--font-weight-bold)}.filter-clear{color:var(--color-primary);font-size:var(--text-caption);font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0}.filter-clear:hover{text-decoration:underline}.filter-group{border:0;border-top:1px solid var(--color-border);margin:0;padding:0}.filter-group:first-of-type{border-top:0}.filter-group__toggle{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) 0;font-weight:var(--font-weight-semibold);font-size:var(--text-body);color:var(--color-text);cursor:pointer;background:0 0;border:0;display:flex}.filter-group__toggle .caret{margin-left:auto;transition:transform .2s}.filter-group__toggle[aria-expanded=false] .caret{transform:rotate(-90deg)}.filter-group__count{min-width:18px;height:18px;font-size:11px;font-weight:var(--font-weight-bold);border-radius:var(--radius-full);background:var(--color-primary-soft);color:var(--color-primary);place-items:center;padding:0 5px;display:inline-grid}.filter-group__body{padding-bottom:var(--space-3)}.filter-group__body[hidden]{display:none}.chip-grid{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip-check{display:inline-flex;position:relative}.chip-check input{opacity:0;width:0;height:0;position:absolute}.chip-check span{min-width:40px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-caption);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip-check span:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip-check input:checked+span{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary);font-weight:var(--font-weight-semibold)}.chip-check input:focus-visible+span{outline:2px solid var(--color-focus-ring);outline-offset:2px}.filter-scroll{max-height:188px;padding-right:var(--space-1);flex-direction:column;gap:2px;display:flex;overflow-y:auto}.filter-scroll::-webkit-scrollbar{width:8px}.filter-scroll::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}.filter-opt--hidden{display:none}.filter-empty{font-size:var(--text-caption);color:var(--color-text-secondary);padding:var(--space-2) 0}.sort-bar__controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-card{margin-bottom:var(--space-4)}.filter-card__title{font-size:var(--text-h4);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.filter-card__more{margin-top:var(--space-2);font-size:var(--text-caption);color:var(--color-primary);display:inline-block}.chip-wrap{gap:var(--space-2);flex-wrap:wrap;display:flex}.chip--toggle{cursor:pointer;background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.chip--toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}.chip--toggle.chip--active{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.grid--market{grid-template-columns:repeat(3,1fr)}.materials-hero{gap:var(--space-6);background:linear-gradient(135deg, var(--color-primary-soft), var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8) var(--space-10);margin:var(--space-6) 0;grid-template-columns:1.3fr .7fr;align-items:center;display:grid}.materials-hero h1{font-size:var(--text-h1);font-weight:var(--font-weight-bold)}.materials-hero p{color:var(--color-text-secondary);font-size:var(--text-body-lg);margin-top:var(--space-3);max-width:58ch}.materials-hero__art{place-items:center;display:grid}.filter-panel__head{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.filter-panel__head h2{font-size:var(--text-h4);font-weight:var(--font-weight-semibold)}.filter-section{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.filter-section:first-of-type{border-top:0;padding-top:0}.filter-section__label{font-size:var(--text-caption);letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.filter-hint{font-size:var(--text-caption);color:var(--color-text-secondary);font-style:italic}.ky-grid{gap:var(--space-1) var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.ky-grid .filter-opt{padding:var(--space-1) 0}.sort-bar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-size:var(--text-body)}.view-toggle{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:0;display:flex;overflow:hidden}.view-toggle button{background:var(--color-elevated);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);border:0}.view-toggle button[aria-pressed=true]{background:var(--color-primary-soft);color:var(--color-primary)}.btn-filter-mobile{display:none}.filter-drawer-trigger{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-elevated);color:var(--color-text);font-size:var(--text-body);cursor:pointer;margin-bottom:var(--space-4);display:none}.filter-drawer-trigger__badge{min-width:20px;height:20px;padding:0 var(--space-1);background:var(--color-primary);color:var(--color-text-on-primary);border-radius:var(--radius-full);font-size:11px;font-weight:var(--font-weight-bold);justify-content:center;align-items:center;display:inline-flex}.filter-drawer-overlay{background:var(--color-overlay);z-index:1199;position:fixed;inset:0}.filter-drawer{background:var(--color-elevated);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-3);z-index:1200;transition:transform .3s var(--ease-out);flex-direction:column;max-height:85vh;display:flex;position:fixed;bottom:0;left:0;right:0;transform:translateY(100%)}.filter-drawer--open{transform:translateY(0)}.filter-drawer__head{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.filter-drawer__body{padding:var(--space-4) var(--space-5);flex:1;overflow-y:auto}.filter-drawer__foot{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border)}@media (width<=1024px){.materials-hero{grid-template-columns:1fr}.materials-hero__art{display:none}.grid--market{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.grid--market{grid-template-columns:1fr}}.detail-layout{gap:var(--space-8);padding-bottom:var(--space-12);grid-template-columns:1.85fr 1fr;align-items:start;display:grid}.detail-main h1{font-size:var(--text-h1);font-weight:var(--font-weight-bold);line-height:var(--leading-tight)}.detail-badges{gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.detail-badges .badge{letter-spacing:.03em}.detail-desc{color:var(--color-text-secondary);font-size:var(--text-body-lg);margin:var(--space-3) 0 var(--space-4);max-width:60ch}.meta-row{gap:var(--space-3);margin:var(--space-4) 0;font-size:var(--text-caption);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.meta-row span{align-items:center;gap:4px;display:inline-flex}.preview-block{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);margin:var(--space-5) 0;position:relative;overflow:hidden}.preview-page{aspect-ratio:1/1.414;background:var(--color-elevated);max-height:380px;margin:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);place-items:center;display:grid}.preview-mask{background:linear-gradient(to bottom, transparent, var(--color-bg) 85%);padding-bottom:var(--space-6);justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:40% 0 0}.action-card{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-2);position:sticky;top:88px}.action-card__thumb{aspect-ratio:16/10;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);margin-bottom:var(--space-4);place-items:center;font-size:2rem;display:grid}.action-card__price{font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-3)}.action-card__sub{text-align:left;margin:-4px 0 var(--space-3);font-style:normal}.action-card .btn{margin-bottom:var(--space-2)}.action-card dl{gap:var(--space-2) var(--space-4);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-caption);grid-template-columns:auto 1fr;display:grid}.action-card dt{color:var(--color-text-secondary)}.sample-head{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin:var(--space-5) 0 var(--space-3);display:flex}.sample-head h2{font-size:var(--text-h3);font-weight:var(--font-weight-semibold)}.sample-q{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);background:var(--color-elevated)}.sample-q__head{gap:var(--space-3);margin-bottom:var(--space-3);align-items:flex-start;display:flex}.sample-q__num{border-radius:var(--radius-full);background:var(--color-primary-soft);width:26px;height:26px;color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--text-caption);flex-shrink:0;place-items:center;display:grid}.sample-q__q{font-weight:var(--font-weight-medium)}.sample-q__opts2{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.sample-q__opts2 .option-item{cursor:default;margin-bottom:0}.sample-q__locknote{align-items:center;gap:var(--space-2);margin-top:var(--space-3);font-size:var(--text-caption);color:var(--color-text-secondary);font-style:italic;display:flex}.sample-q--locked .sample-q__opts2{filter:blur(3px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.sample-q__exp{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-left:3px solid var(--color-primary);background:var(--color-primary-soft);border-radius:var(--radius-sm);font-size:var(--text-body)}.qb-stats{gap:var(--space-3);margin:var(--space-5) 0;grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.qb-stat{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-elevated);display:flex}.qb-stat .ico{width:1.5em;height:1.5em;color:var(--color-primary);flex-shrink:0}.qb-stat strong{font-size:var(--text-h4);line-height:1.1;display:block}.qb-stat span{font-size:var(--text-caption);color:var(--color-text-secondary)}.sample-q__q{font-weight:var(--font-weight-medium);font-size:var(--text-body-lg);line-height:var(--leading-snug)}.sample-q__no{color:var(--color-primary);font-weight:var(--font-weight-bold);margin-right:var(--space-1)}.sample-q__opts{margin:var(--space-4) 0 0;gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.sample-q__opt{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-body);display:flex}.opt-letter{border-radius:var(--radius-full);border:1px solid var(--color-border-strong);width:26px;height:26px;font-weight:var(--font-weight-bold);font-size:var(--text-caption);flex-shrink:0;place-items:center;display:grid}.sample-q__opt--correct{border-color:var(--color-success);background:var(--color-success-soft);color:var(--color-success);font-weight:var(--font-weight-semibold)}.sample-q__opt--correct .opt-letter{border-color:var(--color-success);background:var(--color-success);color:#fff}.sample-q__opt--correct .ico{margin-left:auto}.sample-lock{margin-top:var(--space-3);align-items:center;gap:var(--space-2);text-align:center;padding:var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.sample-lock .ico{width:1.8em;height:1.8em;color:var(--color-primary)}.qb-toc{border:1px solid var(--color-border);border-radius:var(--radius-lg);margin:0;padding:0;list-style:none;overflow:hidden}.qb-toc__row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border);display:flex}.qb-toc__row:first-child{border-top:0}.qb-toc__name{align-items:center;gap:var(--space-2);flex:1;min-width:0;display:flex}.qb-toc__name .ico{color:var(--color-primary);flex-shrink:0}.qb-toc__count{color:var(--color-text-secondary);font-size:var(--text-caption);white-space:nowrap}.qb-toc__lock .ico{width:1.1em;height:1.1em;color:var(--color-text-secondary)}.rating-bar{align-items:center;gap:var(--space-2);margin:var(--space-1) 0;font-size:var(--text-caption);display:flex}.rating-bar__track{background:var(--color-surface);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.rating-bar__fill{background:var(--color-warning);height:100%}.score-big{font-size:var(--text-display);font-weight:var(--font-weight-bold);color:var(--color-primary)}.comment{gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border);display:flex}.comment__avatar{border-radius:var(--radius-full);background:var(--color-surface);flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.comment-form textarea{width:100%;min-height:90px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);resize:vertical;font-family:inherit}.instructor{gap:var(--space-3);padding:var(--space-4) 0;align-items:flex-start;display:flex}.included{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.included__title{font-size:var(--text-caption);font-weight:var(--font-weight-bold);letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-3)}.included ul{gap:var(--space-2);flex-direction:column;list-style:none;display:flex}.included li{align-items:center;gap:var(--space-2);font-size:var(--text-body);display:flex}.included li svg{color:var(--color-success);flex-shrink:0;width:18px;height:18px}.guarantee{gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-soft);font-size:var(--text-caption);display:flex}.guarantee svg{color:var(--color-primary);flex-shrink:0}.guarantee strong{color:var(--color-text)}.guarantee p{color:var(--color-text-secondary);margin-top:2px}@media (width<=639px){.qb-stats{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.sample-q__opts2{grid-template-columns:1fr}}.cart-layout{gap:var(--space-6);padding-bottom:var(--space-12);grid-template-columns:1fr 340px;align-items:start;display:grid}.cart-item{gap:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-elevated);align-items:center;display:flex}.cart-item__thumb{border-radius:var(--radius-md);background:var(--color-primary-soft);width:80px;height:80px;color:var(--color-primary);flex-shrink:0;place-items:center;display:grid}.cart-item__body{flex:1;min-width:0}.cart-item__title{font-weight:var(--font-weight-semibold)}.cart-item__meta{font-size:var(--text-caption);color:var(--color-text-secondary)}.qty-stepper{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;display:inline-flex;overflow:hidden}.qty-stepper button{background:var(--color-surface);width:32px;height:32px;color:var(--color-text);border:0}.qty-stepper span{text-align:center;min-width:36px}.cart-group-title{font-weight:var(--font-weight-semibold);margin:var(--space-5) 0 var(--space-2);color:var(--color-text-secondary);font-size:var(--text-caption);text-transform:uppercase;letter-spacing:.5px}.summary-card{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1);position:sticky;top:88px}.summary-row{padding:var(--space-2) 0;justify-content:space-between;display:flex}.summary-row--total{font-size:var(--text-h4);font-weight:var(--font-weight-bold);border-top:1px solid var(--color-border);margin-top:var(--space-2);padding-top:var(--space-3)}.coupon-input{gap:var(--space-2);margin:var(--space-4) 0;display:flex}.coupon-input input{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex:1}.checkout-section{margin:var(--space-10) 0 var(--space-12)}.scan-pay__head{justify-content:space-between;align-items:center;display:flex}.scan-pay__head h2{font-size:var(--text-h3);font-weight:var(--font-weight-semibold)}.bank-info{gap:var(--space-2) var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-body);grid-template-columns:auto 1fr;display:grid}.bank-info dt{color:var(--color-text-secondary)}.bank-info dd{text-align:right}.bank-info__amount{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:var(--text-h4)}.howto h2{font-size:var(--text-h3);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.howto-steps{gap:var(--space-3);flex-direction:column;list-style:none;display:flex}.howto-steps li{gap:var(--space-3);font-size:var(--text-body);align-items:flex-start;display:flex}.howto-steps__n{border-radius:var(--radius-full);background:var(--color-primary);width:24px;height:24px;color:var(--color-text-on-primary);font-size:var(--text-caption);font-weight:var(--font-weight-bold);flex-shrink:0;place-items:center;display:grid}.order-items{gap:var(--space-3);margin:var(--space-3) 0 var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;display:flex}.order-item{justify-content:space-between;gap:var(--space-4);font-size:var(--text-body);display:flex}.order-item__price{color:var(--color-text-secondary);white-space:nowrap}.order-summary .note{margin-top:-4px;font-style:normal}.breadcrumb__link{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}.breadcrumb__link:hover{color:var(--color-primary)}@media (width<=1024px){.checkout-grid{grid-template-columns:1fr}}.chat-main{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.chat-shell{height:calc(100vh - var(--header-height));background:var(--color-bg);flex-direction:column;display:flex;overflow:hidden}.chat-header{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--color-elevated);border-bottom:1px solid var(--color-border);font-size:var(--text-body);flex-shrink:0;display:flex}.chat-messages{overflow-anchor:none;min-height:0;padding:var(--space-5);gap:var(--space-4);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-load-more{text-align:center;font-size:var(--text-caption);color:var(--color-text-secondary);padding:var(--space-2) 0 var(--space-3);-webkit-user-select:none;user-select:none}.chat-msg{align-items:flex-end;gap:var(--space-2);align-self:flex-start;max-width:68%;display:flex}.chat-msg--me{flex-direction:row-reverse;align-self:flex-end}.chat-msg__avatar{background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);font-size:var(--text-caption);font-weight:var(--font-weight-bold);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.chat-msg__body{flex-direction:column;gap:4px;min-width:0;display:flex}.chat-msg--me .chat-msg__body{align-items:flex-end}.chat-msg__meta{align-items:baseline;gap:var(--space-2);font-size:var(--text-caption);padding:0 var(--space-1);display:flex}.chat-msg__bubble-wrap{align-items:center;gap:var(--space-1);display:flex;position:relative}.chat-msg--me .chat-msg__bubble-wrap{flex-direction:row-reverse}.chat-msg__bubble-wrap.has-reactions{margin-bottom:16px}.chat-msg__quote{border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);flex-direction:column;gap:2px;max-width:100%;margin-bottom:6px;padding:5px 8px;display:flex}.chat-msg__quote-author{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);line-height:1.3}.chat-msg__quote-text{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.4;overflow:hidden}.chat-msg__text{word-break:break-word;margin:0;line-height:1.55}.chat-mention{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.chat-msg__file{align-items:center;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-caption);background:#0000000f;display:flex}.chat-msg__file svg{flex-shrink:0;width:14px;height:14px}.chat-msg__actions{flex-shrink:0;align-items:center;gap:2px;display:none}.chat-msg__bubble-wrap:hover .chat-msg__actions{display:flex}.chat-action{border:1px solid var(--color-border);background:var(--color-elevated);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:50%;place-items:center;font-size:14px;display:grid}.chat-action:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.chat-action svg{width:13px;height:13px}.emoji-picker{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2);box-shadow:var(--shadow-2);z-index:50;gap:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0}.emoji-picker--left{left:auto;right:0}.emoji-picker__btn{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--duration-fast) ease;background:0 0;border:none;padding:2px 4px;font-size:20px;line-height:1}.emoji-picker__btn:hover{background:var(--color-primary-soft)}.chat-msg__reactions{z-index:2;gap:3px;display:flex;position:absolute;bottom:-16px;left:8px}.chat-msg--me .chat-msg__bubble-wrap .chat-msg__reactions{left:auto;right:8px}.reaction-btn{border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-elevated);cursor:pointer;box-shadow:var(--shadow-1);transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;white-space:nowrap;align-items:center;gap:3px;padding:1px 7px 1px 5px;font-size:13px;display:inline-flex}.reaction-btn span{color:var(--color-text-secondary);font-size:12px;font-weight:500}.reaction-btn:hover,.reaction-btn--me{border-color:var(--color-primary);background:var(--color-primary-soft)}.reaction-btn--me span{color:var(--color-primary);font-weight:700}.chat-reply-bar{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);background:var(--color-primary-soft);border-top:1px solid var(--color-primary);font-size:var(--text-caption);color:var(--color-text-secondary);flex-shrink:0;display:flex}.chat-reply-bar__info{align-items:center;gap:var(--space-2);min-width:0;display:flex}.chat-reply-bar__info svg{width:14px;height:14px;color:var(--color-primary);flex-shrink:0}.chat-reply-bar__info strong{color:var(--color-primary)}.chat-reply-bar__close{cursor:pointer;width:24px;height:24px;color:var(--color-text-secondary);background:0 0;border:none;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.chat-reply-bar__close:hover{background:var(--color-border)}.chat-reply-bar__close svg{width:14px;height:14px}.chat-msg__bubble{padding:var(--space-2) var(--space-3);background:var(--color-elevated);border:1px solid var(--color-border);color:var(--color-text);font-size:var(--text-body);word-break:break-word;border-radius:18px 18px 18px 4px;line-height:1.55}.chat-msg--me .chat-msg__bubble{border-radius:18px 18px 4px}.chat-msg__time{color:var(--color-text-tertiary);padding:0 var(--space-1);font-size:11px}.chat-attach{border:1px solid var(--color-border);background:var(--color-elevated);width:36px;height:36px;color:var(--color-text-secondary);cursor:pointer;transition:background var(--duration-fast) ease, color var(--duration-fast) ease;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.chat-attach:hover{background:var(--color-primary-soft);color:var(--color-primary);border-color:var(--color-primary)}.chat-attach svg{width:16px;height:16px}.chat-input-bar{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--color-elevated);border-top:1px solid var(--color-border);flex-shrink:0;display:flex}.chat-input{border:1px solid var(--color-border);height:40px;padding:0 var(--space-4);background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--text-body);transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;border-radius:24px;flex:1}.chat-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft);outline:none}.chat-send{border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;padding:0;display:grid}.chat-send:disabled{opacity:.4;cursor:not-allowed}@media (width<=639px){.chat-msg{max-width:85%}.chat-messages{padding:var(--space-3)}.chat-input-bar{padding:var(--space-2) var(--space-3)}.chat-header{padding:var(--space-3)}}.exam-header{z-index:var(--z-sticky);background:var(--color-elevated);border-bottom:1px solid var(--color-border);position:sticky;top:0}.exam-header__inner{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:var(--container-max);padding:var(--space-3) var(--container-pad);margin:0 auto;display:flex}.exam-timer{font-family:var(--font-mono);font-weight:var(--font-weight-bold);font-size:var(--text-h4)}.exam-timer--danger{color:var(--color-danger-text)}.exam-layout{gap:var(--space-6);padding:var(--space-6) 0 var(--space-12);grid-template-columns:1fr 260px;align-items:start;display:grid}.question-card{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.question-progress{font-size:var(--text-caption);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.option-item{gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);cursor:pointer;align-items:center;transition:border-color .12s,background .12s;display:flex}.option-item:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.option-item .key,.option-item .exam-option__key{border-radius:var(--radius-full);border:1.5px solid var(--color-border-strong);width:28px;height:28px;font-weight:var(--font-weight-semibold);flex-shrink:0;place-items:center;transition:background .12s,border-color .12s,color .12s;display:grid}.option-item.is-correct{background:var(--color-success-soft);border:2px solid var(--color-success)}.option-item.is-wrong{background:var(--color-danger-soft);border:2px solid var(--color-danger)}.exam-options{gap:var(--space-2);flex-direction:column;display:flex}.exam-option--selected{background:var(--color-primary-soft);border-color:var(--color-primary)!important}.exam-option--selected .exam-option__key{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-on-primary)}.qnav{gap:var(--space-2);grid-template-columns:repeat(5,1fr);display:grid}.qnav button{aspect-ratio:1;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text);font-size:var(--text-caption);width:40px;height:40px;position:relative}.qnav button.answered{background:var(--color-primary-soft);border-color:var(--color-primary);color:var(--color-primary)}.qnav button.flagged{background:var(--color-surface);border-color:var(--color-border-strong)}.qnav button.flagged:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:6px;height:6px;position:absolute;top:4px;right:4px}.qnav button[aria-current=true]{outline:2px solid var(--color-primary)}.exam-nav-btns{justify-content:space-between;gap:var(--space-3);margin-top:var(--space-4);display:flex}.qnav-stats{font-size:var(--text-caption);color:var(--color-text-secondary);margin-top:var(--space-4)}.qnav-stats div{padding:2px 0}.ontap-filter{gap:var(--space-4);flex-wrap:wrap;align-items:flex-end;display:flex}.radio-row{gap:var(--space-4);display:flex}.exam-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-elevated);gap:var(--space-2);flex-direction:column;display:flex}.grid--exams{grid-template-columns:repeat(3,1fr)}.result-summary{align-items:center;gap:var(--space-6);flex-wrap:wrap;display:flex}.result-score{align-items:center;gap:var(--space-4);display:flex}.result-score .donut{width:84px;height:84px}.score-max{font-size:var(--text-h3);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.result-msg{color:var(--color-success-text);font-weight:var(--font-weight-medium);margin-top:4px}.result-stats{gap:var(--space-3);flex-wrap:wrap;display:flex}.result-stat{min-width:96px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-align:center}.result-stat svg{color:var(--color-text-secondary)}.result-stat__value{font-size:var(--text-h3);font-weight:var(--font-weight-bold);margin-top:4px}.result-stat__label{font-size:var(--text-caption);color:var(--color-text-secondary)}.result-stat--success svg,.result-stat--success .result-stat__value{color:var(--color-success)}.result-stat--danger svg,.result-stat--danger .result-stat__value{color:var(--color-danger)}.result-actions{gap:var(--space-2);flex-wrap:wrap;margin-left:auto;display:flex}.result-review-title{font-size:var(--text-h2);margin:var(--space-8) 0 var(--space-3)}.review-item__head--static{cursor:default;text-align:left;width:100%}.summary-result{gap:var(--space-6);flex-wrap:wrap;align-items:center;display:flex}.donut{flex-shrink:0;width:120px;height:120px}.review-item{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);overflow:hidden}.review-item__head{text-align:left;background:var(--color-surface);width:100%;padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-2);color:var(--color-text);font-weight:var(--font-weight-medium);border:0;display:flex}.review-item__body{padding:var(--space-4)}.explanation{background:var(--color-info-soft);color:var(--color-info-text);padding:var(--space-3);border-radius:var(--radius-md);margin-top:var(--space-3);font-size:var(--text-caption)}@media (width<=640px){.result-actions{width:100%;margin-left:0}}.admin-shell{border:1px solid var(--color-border);border-radius:var(--radius-lg);grid-template-columns:240px 1fr;min-height:70vh;display:grid;overflow:hidden}.admin-sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:var(--space-4)}.admin-sidebar a{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--text-body);margin-bottom:2px;display:flex}.admin-sidebar a:hover{background:var(--color-elevated);color:var(--color-text)}.admin-sidebar a[aria-current=page]{background:var(--color-primary-soft);color:var(--color-primary);font-weight:var(--font-weight-medium)}.admin-sidebar hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-3) 0}.admin-content{padding:var(--space-6);background:var(--color-bg);overflow-x:auto}.admin-topbar{padding:var(--space-3) var(--space-4);background:var(--color-elevated);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.stat-card{padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-elevated);box-shadow:var(--shadow-1)}.stat-card__num{font-size:var(--text-h1);font-weight:var(--font-weight-bold);color:var(--color-primary)}.stat-card__label{color:var(--color-text-secondary);font-size:var(--text-caption)}.stat-card__delta{font-size:var(--text-caption);color:var(--color-success-text);margin-top:var(--space-1)}.stat-card__top{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.stat-card__icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:40px;height:40px;color:var(--color-primary);place-items:center;display:grid}.stat-card__delta{padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-success-soft);color:var(--color-success-text);font-size:var(--text-caption);font-weight:var(--font-weight-medium);align-items:center;gap:2px;display:inline-flex}.stat-card__delta svg{width:14px;height:14px}.stat-card__delta--down{background:var(--color-danger-soft);color:var(--color-danger-text)}.stat-card__delta--flat{background:var(--color-surface);color:var(--color-text-secondary)}.admin-grid{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:1.6fr 1fr;align-items:start;display:grid}.panel{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-1)}.panel__head{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.panel__head h2{font-size:var(--text-h3);font-weight:var(--font-weight-semibold)}.panel__head a{font-size:var(--text-caption);color:var(--color-primary)}.quick-link{align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--space-2);color:var(--color-text);display:flex}.quick-link:hover{border-color:var(--color-primary)}.quick-link__icon{border-radius:var(--radius-md);background:var(--color-primary-soft);width:36px;height:36px;color:var(--color-primary);flex-shrink:0;place-items:center;display:grid}.quick-link__text{flex:1}.quick-link__text strong{font-weight:var(--font-weight-semibold);display:block}.quick-link__text span{font-size:var(--text-caption);color:var(--color-text-secondary)}.quick-link>svg:last-child{color:var(--color-text-secondary);flex-shrink:0}.admin-head{margin-bottom:var(--space-5)}.admin-head h1{font-size:var(--text-h1);font-weight:var(--font-weight-semibold)}.admin-head .note{margin-top:4px;font-style:normal}.filter-toolbar{gap:var(--space-2);margin:var(--space-4) 0;flex-wrap:wrap;align-items:center;display:flex}.filter-toolbar input.search{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);flex:1;min-width:160px}.admin-actions{gap:var(--space-1);display:flex}table.data-table{border-collapse:collapse;width:100%;font-size:var(--text-body)}table.data-table th,table.data-table td{text-align:left;padding:var(--space-3);border-bottom:1px solid var(--color-border)}table.data-table th{font-size:var(--text-caption);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.4px}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow-x:auto}@media (width<=1024px){.admin-grid{grid-template-columns:1fr}}.profile-header{align-items:center;gap:var(--space-4);display:flex}.profile-avatar{border-radius:var(--radius-full);background:var(--color-primary-soft);width:72px;height:72px;color:var(--color-primary);font-size:var(--text-h2);font-weight:var(--font-weight-bold);flex-shrink:0;place-items:center;display:grid}.profile-header__name{font-size:var(--text-h2);font-weight:var(--font-weight-semibold)}.profile-header__email{color:var(--color-text-secondary)}.profile-badges{gap:var(--space-2);margin-top:var(--space-2);display:flex}.profile-header__edit{margin-left:auto}.account-info{margin-top:var(--space-5)}.account-info h2{font-size:var(--text-h3);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.info-grid{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.info-field__label{font-size:var(--text-caption);letter-spacing:.05em;color:var(--color-text-secondary);text-transform:uppercase}.info-field__value{font-weight:var(--font-weight-medium);margin-top:2px}.account-actions{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-5);border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:center;display:flex}.checkout-grid{gap:var(--space-6);grid-template-columns:1fr 1fr;align-items:start;display:grid}.qr-box{padding:var(--space-5);margin:var(--space-4) 0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);place-items:center;display:grid}@media (width<=640px){.info-grid{grid-template-columns:1fr}.profile-header{flex-wrap:wrap}.profile-header__edit{margin-left:0}}.my-material-row{gap:var(--space-5);align-items:flex-start;display:flex}.my-material-actions{gap:var(--space-2);flex-direction:column;flex-shrink:0;min-width:130px;display:flex}.auth-page{background:var(--color-bg);flex-direction:column;min-height:100vh;display:flex}.auth{flex:1;grid-template-columns:1.05fr 1fr;display:grid}.auth-footer{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-10);border-top:1px solid var(--color-border);font-size:var(--text-caption);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}.auth-footer nav{gap:var(--space-4);flex-wrap:wrap;display:flex}.auth-footer nav a:hover{color:var(--color-primary)}.auth-footer .logo{font-size:var(--text-body)}.auth__brand{justify-content:center;gap:var(--space-6);padding:var(--space-12) var(--space-10);background:linear-gradient(160deg, var(--color-primary-soft) 0%, var(--color-surface) 100%);flex-direction:column;display:flex}.auth-brand__text h2{font-size:var(--text-display);line-height:var(--leading-tight);font-weight:var(--font-weight-bold);color:var(--color-text);max-width:18ch}.auth-brand__text p{color:var(--color-text-secondary);max-width:44ch;font-size:var(--text-body-lg);margin-top:var(--space-3)}.auth-brand__art{place-items:center;display:grid}.auth-brand__svg{width:100%;max-width:420px}.auth__form-wrap{padding:var(--space-10) var(--space-6);background:var(--color-bg);justify-content:center;align-items:center;display:flex}.auth__form{background:var(--color-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);width:100%;max-width:440px;box-shadow:var(--shadow-2);padding:var(--space-8)}.auth__head{text-align:center;margin-bottom:var(--space-6)}.auth__logo{align-items:center;gap:var(--space-2);font-size:var(--text-h2);font-weight:var(--font-weight-bold);color:var(--color-primary);display:inline-flex}.auth__logo .logo__mark{border-radius:var(--radius-md);background:var(--color-primary);width:1.3em;height:1.3em;color:var(--color-text-on-primary);place-items:center;font-size:.8em;display:inline-grid}.auth__tagline{color:var(--color-text-secondary);font-size:var(--text-caption);margin-top:var(--space-1)}.auth__head h1{font-size:var(--text-h2);margin-top:var(--space-3)}.auth__terms{align-items:flex-start;gap:var(--space-2);margin:var(--space-2) 0 var(--space-5);font-size:var(--text-caption);color:var(--color-text-secondary)}.auth__terms a{color:var(--color-primary)}.auth__back{align-items:center;gap:var(--space-1);color:var(--color-text-secondary);font-size:var(--text-caption);margin-bottom:var(--space-5);display:inline-flex}.auth__back:hover{color:var(--color-primary)}.auth__back .ico{width:1em;height:1em}.auth__form h1{font-size:var(--text-h1)}.auth__sub{color:var(--color-text-secondary);margin:var(--space-2) 0 var(--space-6)}.auth__row{justify-content:space-between;align-items:center;gap:var(--space-3);margin:var(--space-2) 0 var(--space-5);flex-wrap:wrap;display:flex}.auth__row a{color:var(--color-primary)}.auth__switch{text-align:center;margin-top:var(--space-5);color:var(--color-text-secondary)}.auth__switch a{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.auth__social{gap:var(--space-2);margin-top:var(--space-1);grid-template-columns:1fr 1fr;display:grid}.btn-social{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-elevated);color:var(--color-text);font-size:var(--text-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,border-color .15s;display:flex}.btn-social:hover{background:var(--color-surface);border-color:var(--color-primary)}.btn-social:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn-social svg{flex-shrink:0;width:18px;height:18px}.auth__divider{align-items:center;gap:var(--space-3);margin:var(--space-5) 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--text-caption);display:flex}.auth__divider:before,.auth__divider:after{content:"";background:var(--color-border);flex:1;height:1px}@media (width<=880px){.auth{grid-template-columns:1fr;min-height:0}.auth__brand{display:none}}