:root{--color-green-900: #1a2e25;--color-green-800: #223b31;--color-green-700: #2D4A3E;--color-green-600: #3a5e4e;--color-green-500: #4A7C59;--color-green-400: #7BA68A;--color-green-300: #99BFA6;--color-green-200: #B8D4C4;--color-green-100: #D6EAE0;--color-green-50: #EBF5F0;--color-dark: #2C1810;--color-brown: #5C3D2E;--color-gold: #C4956A;--color-sand: #E8D5B7;--color-cream: #F5EDE0;--color-light: #FAF6F0;--color-white: #FFFFFF;--color-success: #4A7C59;--color-warning: #E67E22;--color-error: #C0392B;--color-info: #2980B9;--color-primary: var(--color-green-700);--color-primary-dark: var(--color-green-900);--color-primary-light: var(--color-green-200);--color-secondary: var(--color-gold);--color-bg: var(--color-light);--color-bg-card: var(--color-white);--color-bg-elevated: var(--color-cream);--color-text: var(--color-dark);--color-text-muted: var(--color-brown);--color-text-subtle: var(--color-gold);--color-border: var(--color-sand);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Source Sans 3", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.6;--leading-relaxed: 1.75;--tracking-tight: -.015em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--tracking-caps: .1em;--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;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(44, 24, 16, .04);--shadow-sm: 0 2px 4px rgba(44, 24, 16, .06);--shadow-md: 0 4px 12px rgba(44, 24, 16, .08);--shadow-lg: 0 8px 24px rgba(44, 24, 16, .1);--shadow-xl: 0 16px 48px rgba(44, 24, 16, .12);--shadow-glow: 0 0 24px rgba(74, 124, 89, .15);--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--z-base: 0;--z-dropdown: 10;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 50;--max-width: 1200px;--max-width-sm: 640px;--max-width-md: 768px;--max-width-lg: 1024px;--max-width-xl: 1280px;--sidebar-width: 260px;--header-height: 64px}@media(prefers-color-scheme:dark){:root[data-theme=auto]{--color-bg: var(--color-green-900);--color-bg-card: var(--color-green-800);--color-bg-elevated: var(--color-dark);--color-text: var(--color-cream);--color-text-muted: var(--color-sand);--color-text-subtle: var(--color-gold);--color-border: rgba(232, 213, 183, .1)}}.koken-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-weight:var(--font-semibold);border:1.5px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-normal) var(--ease-default);text-decoration:none;line-height:1}.koken-btn:disabled{opacity:.5;cursor:not-allowed}.koken-btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.koken-btn--md{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.koken-btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md)}.koken-btn--full{width:100%}.koken-btn--primary{background:var(--color-primary);color:var(--color-cream);border-color:var(--color-primary)}.koken-btn--primary:hover:not(:disabled){background:var(--color-green-600);box-shadow:var(--shadow-md)}.koken-btn--secondary{background:var(--color-cream);color:var(--color-primary);border-color:var(--color-sand)}.koken-btn--secondary:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-light)}.koken-btn--ghost{background:transparent;color:var(--color-primary);border-color:transparent}.koken-btn--ghost:hover:not(:disabled){background:var(--color-green-50)}.koken-btn--danger{background:var(--color-error);color:#fff;border-color:var(--color-error)}.koken-btn__spinner{width:1em;height:1em;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.koken-card{background:var(--color-bg-card);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-default);overflow:hidden}.koken-card--default{box-shadow:var(--shadow-sm)}.koken-card--elevated{box-shadow:var(--shadow-lg)}.koken-card--outlined{box-shadow:none;border:1px solid var(--color-border)}.koken-card--ghost{box-shadow:none;background:transparent}.koken-card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.koken-card--pad-sm{padding:var(--space-3)}.koken-card--pad-md{padding:var(--space-6)}.koken-card--pad-lg{padding:var(--space-8)}.koken-card--pad-none{padding:0}.koken-card__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.koken-card__body{padding:var(--space-6)}.koken-card__footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-light)}.koken-input-group{display:flex;flex-direction:column;gap:var(--space-1)}.koken-input__label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text)}.koken-input__wrapper{position:relative}.koken-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.koken-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4a7c591f}.koken-input--has-icon{padding-left:2.5rem}.koken-input__icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-subtle);font-size:var(--text-md)}.koken-input-group--error .koken-input{border-color:var(--color-error)}.koken-input-group--error .koken-input:focus{box-shadow:0 0 0 3px #c0392b1f}.koken-input__error{font-size:var(--text-sm);color:var(--color-error)}.koken-input__hint{font-size:var(--text-sm);color:var(--color-text-subtle)}.koken-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-body);font-weight:var(--font-semibold);border-radius:var(--radius-full);white-space:nowrap}.koken-badge--sm{padding:.15rem .5rem;font-size:var(--text-xs)}.koken-badge--md{padding:.25rem .75rem;font-size:var(--text-sm)}.koken-badge--default{background:var(--color-light);color:var(--color-text-muted)}.koken-badge--success{background:#4a7c591a;color:var(--color-success)}.koken-badge--warning{background:#e67e221a;color:var(--color-warning)}.koken-badge--error{background:#c0392b1a;color:var(--color-error)}.koken-badge--info{background:#2980b91a;color:var(--color-info)}.koken-badge--category{background:#4a7c590f;color:var(--color-primary)}.koken-progress{width:100%}.koken-progress__header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.koken-progress__label{font-size:var(--text-sm);color:var(--color-text-muted)}.koken-progress__value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text)}.koken-progress__track{width:100%;background:var(--color-light);border-radius:var(--radius-full);overflow:hidden}.koken-progress--sm .koken-progress__track{height:6px}.koken-progress--md .koken-progress__track{height:10px}.koken-progress--lg .koken-progress__track{height:16px}.koken-progress__fill{height:100%;border-radius:var(--radius-full);min-width:4px;transition:width .6s var(--ease-out)}.koken-progress__fill--default{background:linear-gradient(90deg,var(--color-green-500),var(--color-green-400))}.koken-progress__fill--success{background:linear-gradient(90deg,var(--color-success),var(--color-green-300))}.koken-progress__fill--warning{background:linear-gradient(90deg,var(--color-warning),var(--color-gold))}.koken-progress__fill--animated{animation:progress-pulse 2s ease-in-out infinite}@keyframes progress-pulse{50%{opacity:.85}}.koken-streak{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-light)}.koken-streak__fire{font-size:2rem}.koken-streak__count{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text)}.koken-streak__label{font-size:var(--text-sm);color:var(--color-text-subtle)}.koken-streak__best{font-size:var(--text-xs);color:var(--color-text-subtle)}.koken-streak--epic{background:linear-gradient(135deg,#4a7c591a,#c4956a1a)}.koken-streak--hot .koken-streak__count{color:var(--color-warning)}.koken-course-card-link{text-decoration:none;color:inherit;display:block}.koken-course-card__thumb{position:relative;aspect-ratio:16/9;background:var(--color-light);overflow:hidden}.koken-course-card__thumb img{width:100%;height:100%;object-fit:cover}.koken-course-card__thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-green-50),var(--color-cream));font-size:3rem}.koken-course-card__completed-badge{position:absolute;top:var(--space-3);right:var(--space-3);width:28px;height:28px;border-radius:50%;background:var(--color-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700}.koken-course-card__title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin:var(--space-2) 0;line-height:var(--leading-snug)}.koken-course-card__meta{display:flex;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-subtle);margin-bottom:var(--space-3)}.koken-course-card__enrolled{font-size:var(--text-sm);color:var(--color-text-muted)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);font-size:16px;line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}a{color:var(--color-primary);text-decoration:none;transition:color var(--duration-fast) var(--ease-default)}a:hover{color:var(--color-green-600)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-6)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn .4s var(--ease-out)}.animate-fade-up{animation:fadeUp .5s var(--ease-out)}.animate-slide-in{animation:slideIn .4s var(--ease-out)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}