:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-num: "Inter", system-ui, sans-serif;--n-0: oklch(99% .003 250);--n-50: oklch(98% .004 250);--n-100: oklch(96% .005 250);--n-150: oklch(94% .006 250);--n-200: oklch(91% .007 250);--n-300: oklch(85% .008 250);--n-400: oklch(70% .01 250);--n-500: oklch(55% .012 250);--n-600: oklch(42% .014 250);--n-700: oklch(30% .014 250);--n-800: oklch(22% .014 250);--n-900: oklch(15% .012 250);--n-950: oklch(10% .01 250);--emerald: oklch(58% .14 158);--emerald-soft: oklch(94% .04 158);--emerald-deep: oklch(40% .12 158);--indigo: oklch(54% .18 270);--indigo-soft: oklch(95% .04 270);--indigo-deep: oklch(38% .16 270);--amber: oklch(70% .14 70);--amber-soft: oklch(95% .05 70);--amber-deep: oklch(45% .13 60);--danger: oklch(58% .18 25);--danger-soft: oklch(96% .04 25);--warn: oklch(72% .15 75);--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 24px;--r-pill: 999px;--shadow-sm: 0 1px 2px rgba(15,18,28,.04), 0 0 0 1px rgba(15,18,28,.04);--shadow-md: 0 1px 2px rgba(15,18,28,.06), 0 4px 14px rgba(15,18,28,.06);--shadow-lg: 0 12px 36px rgba(15,18,28,.1), 0 2px 6px rgba(15,18,28,.06);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}.theme-indigo{--accent: var(--indigo);--accent-soft: var(--indigo-soft);--accent-deep: var(--indigo-deep)}.theme-emerald{--accent: var(--emerald);--accent-soft: var(--emerald-soft);--accent-deep: var(--emerald-deep)}.dark{--n-0: oklch(14% .012 250);--n-50: oklch(16% .012 250);--n-100: oklch(18% .013 250);--n-150: oklch(20% .013 250);--n-200: oklch(24% .013 250);--n-300: oklch(32% .013 250);--n-400: oklch(48% .013 250);--n-500: oklch(62% .013 250);--n-600: oklch(72% .012 250);--n-700: oklch(82% .01 250);--n-800: oklch(90% .008 250);--n-900: oklch(96% .006 250);--n-950: oklch(99% .004 250)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}html{max-width:100vw}body{font-family:var(--font-sans);color:var(--n-900);background:var(--n-100);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;overscroll-behavior:none}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:700}button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:inherit}.num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1,"cv11" 1}.row{display:flex;align-items:center;gap:12px}.divider{height:1px;background:var(--n-150)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:600;color:#fff;flex-shrink:0;letter-spacing:-.01em;-webkit-user-select:none;user-select:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;font-weight:600;font-size:14px;border-radius:var(--r-md);padding:12px 16px;transition:opacity .12s ease,background .12s ease;letter-spacing:-.01em;-webkit-tap-highlight-color:transparent}.btn:active{opacity:.8}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--n-900);color:var(--n-0)}.btn-ghost{background:transparent;color:var(--n-700)}.btn-soft{background:var(--n-100);color:var(--n-800)}.btn-accent{background:var(--accent);color:#fff}.btn-danger{background:var(--danger-soft);color:var(--danger)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--r-pill);font-size:12px;font-weight:500;border:1px solid var(--n-200);background:var(--n-50);color:var(--n-700);cursor:pointer;transition:all .1s}.chip-active{background:var(--n-900);color:var(--n-0);border-color:var(--n-900)}input[type=text],input[type=number],input[type=email],input[type=date]{border:1px solid var(--n-200);border-radius:var(--r-md);padding:10px 12px;font-size:14px;background:var(--n-0);color:var(--n-900);outline:none;transition:border-color .1s;width:100%}input:focus{border-color:var(--n-500)}.comfortable .item-row{padding:14px 18px}.compact .item-row{padding:10px 18px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.slide-up{animation:slideUp .24s ease both}.slide-in{animation:slideIn .18s ease both}.fade-in{animation:fadeIn .2s ease both}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f121c80;z-index:200;display:flex;align-items:flex-end;animation:fadeIn .18s ease}.sheet{background:var(--n-0);width:100%;border-radius:20px 20px 0 0;padding:16px 20px max(22px,var(--safe-bottom));max-height:92dvh;overflow-y:auto;animation:slideUp .26s cubic-bezier(.32,.72,0,1)}.sheet-handle{width:40px;height:4px;background:var(--n-200);border-radius:2px;margin:0 auto 14px}.toast{position:fixed;bottom:calc(84px + var(--safe-bottom));left:50%;transform:translate(-50%);background:var(--n-900);color:var(--n-0);padding:11px 16px;border-radius:var(--r-pill);font-size:13px;font-weight:500;display:flex;align-items:center;gap:12px;z-index:300;white-space:nowrap;max-width:calc(100vw - 40px);box-shadow:var(--shadow-lg);animation:slideUp .22s ease}.course-header{position:sticky;top:0;z-index:5;padding:10px 18px 6px;background:var(--n-50);font-size:11px;font-weight:600;color:var(--n-500);text-transform:uppercase;letter-spacing:.6px;display:flex;justify-content:space-between}