:root{--color-gray-0:#fff;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-gray-950:#030712;--color-teal-50:#ecfbf7;--color-teal-100:#d0f8f2;--color-teal-200:#aeeee4;--color-teal-300:#82dfd1;--color-teal-400:#4fd0bc;--color-teal-500:#27c1aa;--color-teal-600:#0fa890;--color-teal-700:#099984;--color-teal-800:#05806d;--color-teal-900:#04624f;--color-coral-50:#fef3f3;--color-coral-100:#fce3e3;--color-coral-200:#f8caca;--color-coral-300:#f0b4b4;--color-coral-400:#e9a0a0;--color-coral-500:#e49090;--color-coral-600:#d47575;--color-coral-700:#b85b5b;--color-coral-800:#954848;--color-coral-900:#6e3535;--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-green-50:#ecfdf5;--color-green-100:#d1fae5;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-bg-canvas:var(--color-gray-50);--color-bg-surface:var(--color-gray-0);--color-bg-surface-raised:var(--color-gray-0);--color-bg-subtle:var(--color-gray-100);--color-bg-brand:var(--color-teal-800);--color-bg-brand-hover:var(--color-teal-900);--color-bg-brand-subtle:var(--color-teal-50);--color-bg-accent:var(--color-teal-500);--color-bg-accent-subtle:var(--color-teal-100);--color-bg-highlight:var(--color-coral-500);--color-bg-highlight-subtle:var(--color-coral-50);--color-bg-success:var(--color-green-600);--color-bg-success-subtle:var(--color-green-50);--color-bg-warning:var(--color-amber-600);--color-bg-warning-subtle:var(--color-amber-50);--color-bg-danger:var(--color-red-600);--color-bg-danger-hover:var(--color-red-700);--color-bg-danger-subtle:var(--color-red-50);--color-bg-info:var(--color-blue-600);--color-bg-info-subtle:var(--color-blue-50);--color-bg-disabled:var(--color-gray-200);--color-bg-neutral:var(--color-gray-700);--color-bg-overlay:var(--color-gray-900);--color-text-primary:var(--color-gray-900);--color-text-secondary:var(--color-gray-600);--color-text-tertiary:var(--color-gray-500);--color-text-inverse:var(--color-gray-0);--color-text-brand:var(--color-teal-800);--color-text-on-brand:var(--color-gray-0);--color-text-accent:var(--color-teal-900);--color-text-highlight:var(--color-coral-800);--color-text-success:var(--color-green-700);--color-text-warning:var(--color-amber-700);--color-text-danger:var(--color-red-700);--color-text-info:var(--color-blue-700);--color-text-disabled:var(--color-gray-400);--color-text-link:var(--color-teal-800);--color-border-default:var(--color-gray-300);--color-border-subtle:var(--color-gray-200);--color-border-strong:var(--color-gray-400);--color-border-brand:var(--color-teal-800);--color-border-danger:var(--color-red-600);--color-border-focus:var(--color-teal-800);--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--spacing-2xl:32px;--spacing-3xl:48px;--spacing-4xl:64px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-family-sans:"IBM Plex Sans KR",system-ui,-apple-system,sans-serif;--font-size-xs:12px;--font-size-sm:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:18px;--font-size-2xl:20px;--font-size-3xl:24px;--font-size-4xl:28px;--font-size-5xl:32px;--line-height-xs:18px;--line-height-sm:20px;--line-height-md:24px;--line-height-lg:28px;--line-height-xl:26px;--line-height-2xl:28px;--line-height-3xl:32px;--line-height-4xl:36px;--line-height-5xl:40px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tighter:-1.5%;--tracking-tight:-1%;--tracking-snug:-0.5%;--tracking-normal:0%;--tracking-wide:0.5%;--breakpoint-xs:360px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1440px;--layout-container-max:640px;--layout-page-padding:16px;--layout-section-gap:40px;--layout-grid-gutter:12px;--layout-grid-columns:4;--layout-card-min-width:156px;--layout-nav-height:56px;--layout-tap-target-min:44px;--layout-safe-area-top:env(safe-area-inset-top,0px);--layout-safe-area-bottom:env(safe-area-inset-bottom,0px);--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring:0 0 0 var(--focus-ring-offset)var(--color-bg-canvas),0 0 0 calc(var(--focus-ring-offset) + var(--focus-ring-width))var(--color-border-focus);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 8px -2px #00000014,0 2px 4px -2px #0000000f;--shadow-lg:0 12px 16px -4px #00000014,0 4px 6px -2px #0000000a;--shadow-xl:0 20px 24px -4px #0000001a,0 8px 8px -4px #0000000a}@media (min-width:768px){:root{--font-size-xl:20px;--font-size-2xl:24px;--font-size-3xl:30px;--font-size-4xl:36px;--font-size-5xl:48px;--line-height-xl:30px;--line-height-2xl:32px;--line-height-3xl:40px;--line-height-4xl:44px;--line-height-5xl:56px;--tracking-tighter:-2%;--tracking-tight:-1.5%;--tracking-snug:-1%;--layout-container-max:768px;--layout-page-padding:24px;--layout-section-gap:56px;--layout-grid-gutter:16px;--layout-grid-columns:8;--layout-card-min-width:200px;--layout-nav-height:60px}}@media (min-width:1024px){:root{--layout-container-max:1200px;--layout-page-padding:40px;--layout-section-gap:64px;--layout-grid-gutter:24px;--layout-grid-columns:12;--layout-card-min-width:260px;--layout-nav-height:64px}}:root[data-theme=dark]{--color-bg-canvas:var(--color-gray-950);--color-bg-surface:var(--color-gray-900);--color-bg-surface-raised:var(--color-gray-800);--color-bg-subtle:var(--color-gray-800);--color-bg-brand:var(--color-teal-500);--color-bg-brand-hover:var(--color-teal-400);--color-bg-brand-subtle:var(--color-teal-900);--color-bg-accent:var(--color-teal-400);--color-bg-accent-subtle:var(--color-teal-900);--color-bg-highlight:var(--color-coral-400);--color-bg-highlight-subtle:var(--color-coral-900);--color-bg-success:var(--color-green-500);--color-bg-success-subtle:var(--color-green-700);--color-bg-warning:var(--color-amber-500);--color-bg-warning-subtle:var(--color-amber-700);--color-bg-danger:var(--color-red-500);--color-bg-danger-hover:var(--color-red-600);--color-bg-danger-subtle:var(--color-red-700);--color-bg-info:var(--color-blue-500);--color-bg-info-subtle:var(--color-blue-700);--color-bg-disabled:var(--color-gray-700);--color-bg-neutral:var(--color-gray-300);--color-bg-overlay:var(--color-gray-950);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-300);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-gray-950);--color-text-brand:var(--color-teal-300);--color-text-on-brand:var(--color-gray-0);--color-text-accent:var(--color-teal-300);--color-text-highlight:var(--color-coral-300);--color-text-success:var(--color-green-500);--color-text-warning:var(--color-amber-500);--color-text-danger:var(--color-red-500);--color-text-info:var(--color-blue-500);--color-text-disabled:var(--color-gray-600);--color-text-link:var(--color-teal-300);--color-border-default:var(--color-gray-700);--color-border-subtle:var(--color-gray-800);--color-border-strong:var(--color-gray-600);--color-border-brand:var(--color-teal-400);--color-border-danger:var(--color-red-500);--color-border-focus:var(--color-teal-300)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg-canvas:var(--color-gray-950);--color-bg-surface:var(--color-gray-900);--color-bg-surface-raised:var(--color-gray-800);--color-bg-subtle:var(--color-gray-800);--color-bg-brand:var(--color-teal-500);--color-bg-brand-hover:var(--color-teal-400);--color-bg-brand-subtle:var(--color-teal-900);--color-bg-accent:var(--color-teal-400);--color-bg-accent-subtle:var(--color-teal-900);--color-bg-highlight:var(--color-coral-400);--color-bg-highlight-subtle:var(--color-coral-900);--color-bg-success:var(--color-green-500);--color-bg-success-subtle:var(--color-green-700);--color-bg-warning:var(--color-amber-500);--color-bg-warning-subtle:var(--color-amber-700);--color-bg-danger:var(--color-red-500);--color-bg-danger-hover:var(--color-red-600);--color-bg-danger-subtle:var(--color-red-700);--color-bg-info:var(--color-blue-500);--color-bg-info-subtle:var(--color-blue-700);--color-bg-disabled:var(--color-gray-700);--color-bg-neutral:var(--color-gray-300);--color-bg-overlay:var(--color-gray-950);--color-text-primary:var(--color-gray-50);--color-text-secondary:var(--color-gray-300);--color-text-tertiary:var(--color-gray-400);--color-text-inverse:var(--color-gray-950);--color-text-brand:var(--color-teal-300);--color-text-on-brand:var(--color-gray-0);--color-text-accent:var(--color-teal-300);--color-text-highlight:var(--color-coral-300);--color-text-success:var(--color-green-500);--color-text-warning:var(--color-amber-500);--color-text-danger:var(--color-red-500);--color-text-info:var(--color-blue-500);--color-text-disabled:var(--color-gray-600);--color-text-link:var(--color-teal-300);--color-border-default:var(--color-gray-700);--color-border-subtle:var(--color-gray-800);--color-border-strong:var(--color-gray-600);--color-border-brand:var(--color-teal-400);--color-border-danger:var(--color-red-500);--color-border-focus:var(--color-teal-300)}}
.wn-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}.wn-btn{justify-content:center;align-items:center;gap:var(--spacing-sm);border-radius:var(--radius-md);font-family:inherit;font-weight:var(--font-weight-medium);cursor:pointer;white-space:nowrap;border:1px solid #0000;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}.wn-btn:disabled{cursor:not-allowed;background:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:#0000}.wn-btn--sm{min-height:36px;padding:0 var(--spacing-md);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.wn-btn--md{min-height:var(--layout-tap-target-min);padding:0 var(--spacing-xl);font-size:var(--font-size-md);line-height:var(--line-height-md)}.wn-btn--lg{min-height:52px;padding:0 var(--spacing-2xl);font-size:var(--font-size-md);line-height:var(--line-height-md)}.wn-btn--full{width:100%}.wn-btn--primary{background:var(--color-bg-brand);color:var(--color-text-on-brand)}.wn-btn--primary:hover:not(:disabled){background:var(--color-bg-brand-hover)}.wn-btn--secondary{background:var(--color-bg-surface);color:var(--color-text-primary);border-color:var(--color-border-default)}.wn-btn--secondary:hover:not(:disabled){background:var(--color-bg-subtle)}.wn-btn--ghost{color:var(--color-text-brand);background:0 0}.wn-btn--ghost:hover:not(:disabled){background:var(--color-bg-brand-subtle)}.wn-btn--danger{background:var(--color-bg-danger);color:var(--color-text-on-brand)}.wn-btn--danger:hover:not(:disabled){background:var(--color-bg-danger-hover)}.wn-btn__icon{align-items:center;display:inline-flex}.wn-field{gap:var(--spacing-sm);flex-direction:column;display:flex}.wn-field__label{font-size:var(--font-size-sm);line-height:var(--line-height-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.wn-field__required{color:var(--color-text-danger);margin-inline-start:2px}.wn-field__helper{font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin:0}.wn-field__error{align-items:flex-start;gap:var(--spacing-xs);font-size:var(--font-size-xs);line-height:var(--line-height-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-danger);margin:0;display:flex}.wn-field__error-icon{border-radius:var(--radius-full);background:var(--color-bg-danger);width:14px;height:14px;color:var(--color-text-on-brand);font-size:10px;font-weight:var(--font-weight-bold);flex:none;justify-content:center;align-items:center;margin-top:2px;display:inline-flex}.wn-input{align-items:center;gap:var(--spacing-sm);min-height:var(--layout-tap-target-min);padding:0 var(--spacing-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);display:flex}.wn-input:focus-within{border-color:var(--color-border-focus);box-shadow:var(--focus-ring)}.wn-input--error{border-color:var(--color-border-danger)}.wn-input__icon{color:var(--color-text-tertiary);flex:none;display:inline-flex}.wn-input__control{min-width:0;color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-md);background:0 0;border:0;flex:1}.wn-input__control:focus{outline:none}.wn-input__control::placeholder{color:var(--color-text-tertiary)}.wn-input__control:disabled{color:var(--color-text-disabled)}.wn-textarea{width:100%;padding:var(--spacing-md)var(--spacing-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);line-height:var(--line-height-md);resize:vertical}.wn-textarea--error{border-color:var(--color-border-danger)}.wn-select{align-items:center;display:flex;position:relative}.wn-select__control{width:100%;min-height:var(--layout-tap-target-min);padding:0 var(--spacing-2xl)0 var(--spacing-lg);background:var(--color-bg-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-md);appearance:none}.wn-select--error .wn-select__control{border-color:var(--color-border-danger)}.wn-select__chevron{border-right:2px solid var(--color-text-tertiary);border-bottom:2px solid var(--color-text-tertiary);pointer-events:none;width:8px;height:8px;position:absolute;inset-inline-end:var(--spacing-lg);transform:rotate(45deg)translateY(-2px)}.wn-check__row,.wn-radio__row{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md)0;cursor:pointer;display:flex}.wn-check__input,.wn-radio__input{opacity:0;width:0;height:0;position:absolute}.wn-check__box,.wn-radio__box{background:var(--color-bg-surface);border:1.5px solid var(--color-border-strong);flex:none;width:20px;height:20px;margin-top:2px;position:relative}.wn-check__box{border-radius:var(--radius-sm)}.wn-radio__box{border-radius:var(--radius-full)}.wn-check__input:checked+.wn-check__box,.wn-check__input:indeterminate+.wn-check__box{background:var(--color-bg-brand);border-color:var(--color-bg-brand)}.wn-check__input:checked+.wn-check__box:after{content:"";inset-inline-start:6px;border-right:2px solid var(--color-text-on-brand);border-bottom:2px solid var(--color-text-on-brand);width:5px;height:10px;position:absolute;top:2px;transform:rotate(45deg)}.wn-check__input:indeterminate+.wn-check__box:after{content:"";inset-inline-start:4px;background:var(--color-text-on-brand);border-radius:var(--radius-full);width:10px;height:2px;position:absolute;top:8px}.wn-radio__input:checked+.wn-radio__box{border-color:var(--color-border-brand);border-width:2px}.wn-radio__input:checked+.wn-radio__box:after{content:"";background:var(--color-bg-brand);border-radius:var(--radius-full);position:absolute;inset:3px}.wn-check__input:focus-visible+.wn-check__box,.wn-radio__input:focus-visible+.wn-radio__box{box-shadow:var(--focus-ring)}.wn-check__input:disabled+.wn-check__box,.wn-radio__input:disabled+.wn-radio__box{background:var(--color-bg-disabled);border-color:var(--color-border-subtle)}.wn-check__label,.wn-radio__label{font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--color-text-primary)}.wn-radio-group{border:0;margin:0;padding:0}.wn-radio-group__legend{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);padding:0}.wn-card{background:var(--color-bg-surface);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.wn-card--outlined{border:1px solid var(--color-border-subtle)}.wn-card--elevated{box-shadow:var(--shadow-md)}.wn-badge{align-items:center;gap:var(--spacing-xs);height:24px;padding:0 var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);line-height:1;font-weight:var(--font-weight-medium);white-space:nowrap;display:inline-flex}.wn-badge--subtle.wn-badge--neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.wn-badge--subtle.wn-badge--brand{background:var(--color-bg-brand-subtle);color:var(--color-text-brand)}.wn-badge--subtle.wn-badge--success{background:var(--color-bg-success-subtle);color:var(--color-text-success)}.wn-badge--subtle.wn-badge--warning{background:var(--color-bg-warning-subtle);color:var(--color-text-warning)}.wn-badge--subtle.wn-badge--danger{background:var(--color-bg-danger-subtle);color:var(--color-text-danger)}.wn-badge--subtle.wn-badge--info{background:var(--color-bg-info-subtle);color:var(--color-text-info)}.wn-badge--solid{color:var(--color-text-on-brand)}.wn-badge--solid.wn-badge--neutral{background:var(--color-bg-neutral);color:var(--color-text-inverse)}.wn-badge--solid.wn-badge--brand{background:var(--color-bg-brand)}.wn-badge--solid.wn-badge--success{background:var(--color-bg-success)}.wn-badge--solid.wn-badge--warning{background:var(--color-bg-warning)}.wn-badge--solid.wn-badge--danger{background:var(--color-bg-danger)}.wn-badge--solid.wn-badge--info{background:var(--color-bg-info)}.wn-tag{align-items:center;gap:var(--spacing-xs);min-height:36px;padding:0 var(--spacing-md);border:1px solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-surface);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:inline-flex}.wn-tag__remove{border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-text-tertiary);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.wn-avatar{border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-bg-brand-subtle);color:var(--color-text-brand);font-weight:var(--font-weight-medium);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.wn-avatar--sm{width:32px;height:32px;font-size:var(--font-size-xs)}.wn-avatar--md{width:40px;height:40px;font-size:var(--font-size-sm)}.wn-avatar--lg{width:48px;height:48px;font-size:var(--font-size-md)}.wn-avatar--xl{width:64px;height:64px;font-size:var(--font-size-xl)}.wn-avatar__img{object-fit:cover;width:100%;height:100%}.wn-avatar__fallback{background:var(--color-bg-subtle);width:100%;height:100%}.wn-rating{align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-tertiary);display:inline-flex}.wn-rating__star{color:var(--color-bg-warning)}.wn-rating__value{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.wn-progress{gap:var(--spacing-sm);flex-direction:column;width:100%;display:flex}.wn-progress__meta{justify-content:space-between;align-items:center;display:flex}.wn-progress__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.wn-progress__value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-accent)}.wn-progress__track{background:var(--color-bg-accent-subtle);border-radius:var(--radius-full);width:100%;overflow:hidden}.wn-progress--sm .wn-progress__track{height:4px}.wn-progress--md .wn-progress__track{height:8px}.wn-progress__fill{background:var(--color-bg-accent);border-radius:var(--radius-full);height:100%}.wn-skeleton{background:var(--color-bg-subtle);border-radius:var(--radius-sm);animation:1.4s ease-in-out infinite wn-shimmer;display:block}.wn-skeleton--text{width:100%;height:16px}.wn-skeleton--title{width:60%;height:24px}.wn-skeleton--avatar{border-radius:var(--radius-full);width:40px;height:40px}.wn-skeleton--thumbnail{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%}.wn-skeleton--block{width:100%;height:100%}@keyframes wn-shimmer{0%,to{opacity:1}50%{opacity:.55}}.wn-course{background:var(--color-bg-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);display:flex;position:relative;overflow:hidden}.wn-course--vertical{flex-direction:column}.wn-course--horizontal{gap:var(--spacing-lg);padding:var(--spacing-lg);flex-direction:row}.wn-course:hover{box-shadow:var(--shadow-md)}.wn-course__thumb{background:var(--color-bg-subtle);position:relative}.wn-course--vertical .wn-course__thumb{aspect-ratio:16/9}.wn-course--horizontal .wn-course__thumb{border-radius:var(--radius-md);flex:none;width:160px;height:90px;overflow:hidden}.wn-course__img{object-fit:cover;width:100%;height:100%}.wn-course__badge{position:absolute;inset-block-start:var(--spacing-md);inset-inline-start:var(--spacing-md)}.wn-course__wish{z-index:1;border-radius:var(--radius-full);background:var(--color-bg-surface);width:32px;height:32px;color:var(--color-bg-highlight);font-size:var(--font-size-md);cursor:pointer;border:0;justify-content:center;align-items:center;display:inline-flex;position:absolute;inset-block-start:var(--spacing-md);inset-inline-end:var(--spacing-md)}.wn-course__duration{padding:2px var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg-overlay);color:var(--color-text-inverse);font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);position:absolute;inset-block-end:var(--spacing-md);inset-inline-start:var(--spacing-md)}.wn-course__body{gap:var(--spacing-sm);flex-direction:column;flex:1;min-width:0;display:flex}.wn-course--vertical .wn-course__body{padding:var(--spacing-lg)}.wn-course__meta{align-items:center;gap:var(--spacing-sm);min-width:0;margin:0;display:flex}.wn-course__category{padding:2px var(--spacing-sm);border-radius:var(--radius-full);background:var(--color-bg-brand-subtle);color:var(--color-text-brand);font-size:var(--font-size-xs);line-height:var(--line-height-xs);font-weight:var(--font-weight-medium);white-space:nowrap;flex:none}.wn-course__level{font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wn-course__title{font-size:var(--font-size-md);line-height:var(--line-height-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.wn-course__link{color:inherit;text-decoration:none}.wn-course__link:after{content:"";position:absolute;inset:0}.wn-course__value{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-secondary);margin:0}.wn-course__instructor{align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.wn-course__price{align-items:baseline;gap:var(--spacing-sm);margin:0;display:flex}.wn-course__price-now{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.wn-course__off{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-text-danger)}.wn-course__price-was{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-decoration:line-through}.wn-course__validity{font-size:var(--font-size-xs);letter-spacing:var(--tracking-wide);color:var(--color-text-tertiary);margin:0}.wn-course__validity--warning{color:var(--color-text-warning);font-weight:var(--font-weight-medium)}.wn-course__validity--danger{color:var(--color-text-danger);font-weight:var(--font-weight-medium)}.wn-tabs__list{border-bottom:1px solid var(--color-border-subtle);gap:0;display:flex;overflow-x:auto}.wn-tabs__tab{min-height:48px;padding:0 var(--spacing-lg);color:var(--color-text-tertiary);font-family:inherit;font-size:var(--font-size-md);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000}.wn-tabs__tab--active{color:var(--color-text-brand);border-bottom-color:var(--color-border-brand);font-weight:var(--font-weight-semibold)}.wn-tabs__tab:disabled{color:var(--color-text-disabled);cursor:not-allowed}.wn-tabs__panel{padding-block-start:var(--spacing-xl)}.wn-tabs__panel:focus-visible{box-shadow:var(--focus-ring)}.wn-accordion{border-bottom:1px solid var(--color-border-subtle);background:var(--color-bg-surface)}.wn-accordion__summary{justify-content:space-between;align-items:center;gap:var(--spacing-md);min-height:56px;padding:var(--spacing-lg)0;cursor:pointer;font-size:var(--font-size-md);font-weight:var(--font-weight-medium);color:var(--color-text-primary);list-style:none;display:flex}.wn-accordion__summary::-webkit-details-marker{display:none}.wn-accordion__summary:focus-visible{box-shadow:var(--focus-ring)}.wn-accordion__chevron{border-right:2px solid var(--color-text-tertiary);border-bottom:2px solid var(--color-text-tertiary);flex:none;width:8px;height:8px;transition:transform .15s;transform:rotate(45deg)translate(-2px,-2px)}.wn-accordion[open] .wn-accordion__chevron{transform:rotate(-135deg)translate(-2px,-2px)}.wn-accordion__body{font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--color-text-secondary);padding-block-end:var(--spacing-lg)}.wn-pagination{justify-content:center;align-items:center;gap:var(--spacing-xs);display:flex}.wn-pagination__list{align-items:center;gap:var(--spacing-xs);margin:0;padding:0;list-style:none;display:flex}.wn-pagination__item,.wn-pagination__nav{min-width:var(--layout-tap-target-min);min-height:var(--layout-tap-target-min);border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.wn-pagination__item--active{background:var(--color-bg-brand);color:var(--color-text-on-brand);font-weight:var(--font-weight-semibold)}.wn-pagination__nav:disabled{color:var(--color-text-disabled);cursor:not-allowed}.wn-pagination__gap{min-width:var(--layout-tap-target-min);color:var(--color-text-tertiary);justify-content:center;align-items:center;display:inline-flex}.wn-modal__backdrop{z-index:100;padding:var(--layout-page-padding);background:color-mix(in srgb,var(--color-bg-overlay)50%,transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.wn-modal{background:var(--color-bg-surface);border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;box-shadow:var(--shadow-xl);flex-direction:column;display:flex}.wn-modal--sheet{max-width:none;border-end-end-radius:var(--radius-none);border-end-start-radius:var(--radius-none);align-self:flex-end;padding-block-end:var(--layout-safe-area-bottom)}.wn-modal--sheet .wn-modal__footer{padding-block-end:var(--spacing-2xl)}.wn-modal__grabber{width:36px;height:4px;margin:var(--spacing-md)auto var(--spacing-xs);border-radius:var(--radius-full);background:var(--color-border-strong)}.wn-modal__header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl)var(--spacing-xl)var(--spacing-md);display:flex}.wn-modal__title{font-size:var(--font-size-xl);line-height:var(--line-height-xl);letter-spacing:var(--tracking-snug);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);flex:1;margin:0}.wn-modal__close{width:var(--layout-tap-target-min);height:var(--layout-tap-target-min);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--font-size-xl);cursor:pointer;background:0 0;border:0;flex:none;justify-content:center;align-items:center;display:inline-flex}.wn-modal__body{padding:0 var(--spacing-xl);font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--color-text-secondary);flex:1;overflow-y:auto}.wn-modal__footer{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-xl);display:flex}.wn-toast-region{z-index:200;gap:var(--spacing-sm);inset-block-start:calc(var(--layout-safe-area-top) + var(--spacing-lg));inset-inline:var(--layout-page-padding);flex-direction:column;display:flex;position:fixed}@media (min-width:768px){.wn-toast-region{inset-block-start:auto;inset-block-end:var(--spacing-xl);inset-inline:auto;width:420px;inset-inline-end:var(--spacing-xl)}}.wn-toast{align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--color-bg-surface-raised);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--color-text-primary);display:flex}.wn-toast__icon{border-radius:var(--radius-full);width:20px;height:20px;color:var(--color-text-on-brand);font-size:12px;font-weight:var(--font-weight-bold);flex:none;justify-content:center;align-items:center;display:inline-flex}.wn-toast__icon--success{background:var(--color-bg-success)}.wn-toast__icon--error{background:var(--color-bg-danger)}.wn-toast__icon--warning{background:var(--color-bg-warning)}.wn-toast__icon--info{background:var(--color-bg-info)}.wn-toast__body{flex:1;min-width:0}.wn-toast__close{color:var(--color-text-tertiary);cursor:pointer;font-size:var(--font-size-md);background:0 0;border:0;flex:none}.wn-state{align-items:center;gap:var(--spacing-lg);text-align:center;flex-direction:column;display:flex}.wn-state--page{padding:var(--spacing-4xl)var(--spacing-xl)}.wn-state--inline{padding:var(--spacing-xl);gap:var(--spacing-md)}.wn-state__icon{border-radius:var(--radius-full);background:var(--color-bg-subtle);width:64px;height:64px;color:var(--color-text-tertiary);font-size:var(--font-size-xl);justify-content:center;align-items:center;display:inline-flex}.wn-state__icon--danger{background:var(--color-bg-danger-subtle);color:var(--color-text-danger)}.wn-state--inline .wn-state__icon{width:48px;height:48px}.wn-state__title{font-size:var(--font-size-2xl);line-height:var(--line-height-2xl);letter-spacing:var(--tracking-snug);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.wn-state--inline .wn-state__title{font-size:var(--font-size-xl);line-height:var(--line-height-xl)}.wn-state__desc{max-width:46ch;font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--color-text-secondary);margin:0}@media (prefers-reduced-motion:reduce){.wn-skeleton{animation:none}.wn-accordion__chevron{transition:none}}a.wn-btn,a.wn-btn:hover{text-decoration:none}.wn-logo{align-items:center;gap:var(--spacing-sm);color:var(--color-text-primary);text-decoration:none;display:inline-flex}.wn-logo svg{flex:none;transform:translateY(1px)}.wn-logo__text{flex-direction:column;line-height:1.1;display:flex}.wn-logo__word{font-weight:var(--font-weight-bold);letter-spacing:.08em;color:var(--color-text-brand)}.wn-logo__sub{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);letter-spacing:0;color:var(--color-text-secondary)}.wn-logo--sm .wn-logo__word{font-size:var(--font-size-md)}.wn-logo--md .wn-logo__word{font-size:var(--font-size-lg)}.wn-logo--lg .wn-logo__word{font-size:var(--font-size-2xl)}
*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg-canvas);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-md);-webkit-font-smoothing:antialiased;margin:0}:focus-visible{box-shadow:var(--focus-ring);outline:none}a{color:var(--color-text-link)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.wn-skip-link{z-index:100;padding:var(--spacing-sm)var(--spacing-lg);border-radius:var(--radius-md);background:var(--color-bg-brand);color:var(--color-text-on-brand);text-decoration:none;position:absolute;inset-block-start:-100%;inset-inline-start:var(--spacing-md)}.wn-skip-link:focus-visible{inset-block-start:var(--spacing-md)}@media (max-width:767px){body{padding-block-end:calc(56px + var(--layout-safe-area-bottom))}}
.BottomNav-module__UvpD1W__bar{display:none}@media (max-width:767px){.BottomNav-module__UvpD1W__bar{z-index:20;background:var(--color-bg-surface);border-block-start:1px solid var(--color-border-subtle);padding-block-end:var(--layout-safe-area-bottom);display:block;position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -2px 12px #0000000f}}.BottomNav-module__UvpD1W__list{grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.BottomNav-module__UvpD1W__item{min-width:0}.BottomNav-module__UvpD1W__tab{min-height:56px;color:var(--color-text-tertiary);flex-direction:column;justify-content:center;align-items:center;gap:3px;padding-block:6px;text-decoration:none;display:flex}.BottomNav-module__UvpD1W__tabActive{color:var(--color-text-brand)}.BottomNav-module__UvpD1W__label{letter-spacing:var(--tracking-wide);font-size:11px;line-height:14px;font-weight:var(--font-weight-medium);white-space:nowrap}