@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap";:root{--background: #fdfff2;--foreground: #171b24;--card: #ffffff;--card-foreground: #171b24;--primary: #f3b647;--primary-foreground: #171b24;--secondary: #f5f7ec;--secondary-foreground: #171b24;--muted: #f2f4ea;--muted-foreground: #5f6470;--accent: #eef5d6;--accent-foreground: #171b24;--destructive: #e40014;--color-error: var(--destructive);--color-error-text: var(--destructive);--color-bug-dot: var(--color-info);--color-error-bg: color-mix( in oklab, var(--color-error) 20%, var(--muted) 56% );--color-error-border: color-mix( in oklab, var(--color-error) 64%, var(--border) 36% );--color-error-shadow: rgba(0, 0, 0, .08);--color-success: #1a7f37;--color-success-bg: color-mix( in oklab, var(--color-success) 10%, transparent );--color-success-border: color-mix( in oklab, var(--color-success) 40%, transparent );--color-info: #0369a1;--color-info-bg: color-mix(in oklab, var(--color-info) 10%, transparent);--color-info-border: color-mix( in oklab, var(--color-info) 35%, transparent );--color-streak: #f97316;--color-streak-bg: color-mix( in oklab, var(--color-streak) 12%, transparent );--color-streak-border: color-mix( in oklab, var(--color-streak) 35%, transparent );--border: #e5e8d9;--ring: #f3b647;--chart-3: #104e64;--chart-4: #fcbb00;--radius: 10px;--radius-soft: 8px;--radius-dialog: 14px;--radius-pill: 999px;--radius-full: 9999px;--layout-max-width: 1120px;--layout-header-padding: 1rem 1.5rem;--z-header: 50;--z-modal: 10000;--shadow-card: 0 1px 2px color-mix(in oklab, var(--foreground) 8%, transparent);--shadow-modal: 0 30px 70px rgba(0, 0, 0, .25);--line-1: 1px;--line-2: 2px;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-feedback: calc(var(--duration-slow) * 2);--ease-default: ease;--ease-in: ease-in;--ease-out: ease-out;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--space-16: 4rem;--space-chip-y: .4rem;--space-chip-x: .75rem;--space-input-y: .55rem;--space-tag-y: .2rem;--space-tag-x: .5rem;--space-page-offset: 4rem;--space-hero-y-mobile: 2.4rem;--space-hero-x-mobile: 1.5rem;--space-hero-y-tablet: 2.6rem;--space-hero-x-tablet: 2.2rem;--container-dialog: 420px;--container-narrow: 920px;--measure-sm: 360px;--measure-card: 520px;--measure-md: 36rem;--measure-lg: 42rem;--measure-xl: 64rem;--effect-blob-blur: 72px;--size-icon-sm: 20px;--size-icon-md: 24px;--size-icon-lg: 36px;--size-icon-chip-sm: 16px;--size-icon-chip-md: 18px;--size-control-sm: 44px;--size-control-md: 48px;--size-progress-track: var(--space-2);--size-avatar-sm: 32px;--size-avatar-md: 40px;--size-avatar-lg: 60px;--size-logo-wrap: 72px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-hero-title: var(--text-3xl);--text-input-mobile: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--line-height-compact: 1;--line-height-tight: 1.2;--line-height-snug: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75}[data-theme=dark]{--background: #111210;--foreground: #fafafa;--card: #161715;--card-foreground: #fafafa;--primary: #f3b647;--primary-foreground: #171717;--secondary: #262626;--secondary-foreground: #fafafa;--muted: #262626;--muted-foreground: #a1a1a1;--accent: #2a2c28;--accent-foreground: #fafafa;--destructive: #82181a;--color-error: var(--destructive);--color-error-text: #f87171;--color-bug-dot: #dc2626;--color-error-bg: color-mix( in oklab, var(--color-error) 88%, var(--card-foreground) 50% );--color-error-border: color-mix( in oklab, var(--color-error) 92%, var(--border) 8% );--color-error-shadow: rgba(0, 0, 0, .6);--color-success: #3fb950;--color-success-bg: color-mix( in oklab, var(--color-success) 12%, transparent );--color-success-border: color-mix( in oklab, var(--color-success) 35%, transparent );--color-info: #38bdf8;--color-info-bg: color-mix(in oklab, var(--color-info) 12%, transparent);--color-info-border: color-mix( in oklab, var(--color-info) 30%, transparent );--color-streak: #fb923c;--color-streak-bg: color-mix( in oklab, var(--color-streak) 14%, transparent );--color-streak-border: color-mix( in oklab, var(--color-streak) 40%, transparent );--nav-button-font-size: var(--text-base);--border: #2f312d;--ring: #6b6f66;--chart-3: #f99c00;--chart-4: #ac4bff}*{box-sizing:border-box;border-color:var(--border)}html,body{margin:0;padding:0}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}body{font-family:var(--font-family);background-color:var(--background);color:var(--foreground);line-height:var(--line-height-normal);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);min-height:100vh;box-sizing:border-box}.ui-surface{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card)}.m-0{margin:0}.text-sm{font-size:var(--text-sm)}.pad-chip{padding:var(--space-2) var(--space-3)}.button{border:var(--line-1) solid transparent;border-radius:.625rem;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);white-space:nowrap;font-weight:var(--font-weight-medium);transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default);cursor:pointer;padding:.5rem 1rem;position:relative;font-family:var(--font-family);line-height:1}.button:disabled{opacity:.5;pointer-events:none}.button-default{background-color:var(--primary);color:var(--primary-foreground)}.button-default:hover:not(:disabled){opacity:.92}.button-destructive{background-color:var(--destructive);color:#fff}.button-destructive:hover:not(:disabled){opacity:.92}.button-outline{border-color:var(--border);background-color:var(--background);color:var(--foreground)}.button-outline:hover:not(:disabled){background-color:var(--accent)}.button-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.button-secondary:hover:not(:disabled){opacity:.92}.button-ghost{background-color:transparent;color:var(--foreground)}.button-ghost:hover:not(:disabled){background-color:var(--accent)}.button-link{background-color:transparent;color:var(--primary);text-decoration:underline;text-underline-offset:4px;border-color:transparent}.button-link:hover:not(:disabled){opacity:.8}.button-defaultSize{min-height:2.25rem}.button-sm{min-height:var(--space-8);padding:.4rem .8rem;font-size:.85rem}.button-lg{min-height:2.5rem;padding:.6rem 1.3rem;font-size:.95rem}.button-icon,.button-iconSm,.button-iconLg{padding:0;border-radius:var(--radius-pill)}.button-icon{width:2.25rem;height:2.25rem}.button-iconSm{width:var(--space-8);height:var(--space-8)}.button-iconLg{width:2.6rem;height:2.6rem}.card{background-color:var(--card);color:var(--card-foreground);display:flex;flex-direction:column;gap:var(--space-5);border-radius:.9rem;border:var(--line-1) solid var(--border);padding:var(--space-4);box-shadow:var(--shadow-card)}.card-header{display:grid;gap:var(--space-2)}.card-title{line-height:var(--line-height-tight);font-weight:var(--font-weight-semibold);margin:0;font-size:.95rem}.card-description{color:var(--muted-foreground);margin:0}.card-action{justify-self:end}.card-content,.card-footer{display:block}.card-footer{display:flex;align-items:center;gap:var(--space-4)}.card-compact{padding:var(--space-3);gap:var(--space-3)}.card-highlight{border-color:var(--primary);box-shadow:0 0 0 2px #f3b6471a}.card-hover{transition:all var(--duration-fast) var(--ease-default)}.card-hover:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;justify-content:center;gap:.25rem;border-radius:var(--radius-pill);border:var(--line-1) solid transparent;padding:.2rem .55rem;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);line-height:1;white-space:nowrap;font-family:var(--font-family)}.badge [data-lucide],.badge svg{width:12px;height:12px;flex-shrink:0}.badge-default{background-color:var(--primary);color:var(--primary-foreground)}.badge-secondary{background-color:var(--secondary);color:var(--secondary-foreground)}.badge-destructive{background-color:var(--destructive);color:#fff}.badge-outline{background-color:transparent;border-color:var(--border);color:var(--foreground)}.chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);border:var(--line-1) solid var(--border);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-compact);white-space:nowrap;font-family:var(--font-family)}.chip-muted{background:var(--secondary);color:var(--foreground)}.chip-accent{background:color-mix(in oklab,var(--primary) 16%,transparent);color:var(--primary)}.chip-error{color:var(--color-error);background:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-snug);border-radius:var(--radius-soft);box-shadow:0 var(--line-1) 0 var(--color-error-shadow);display:flex;align-items:center;gap:var(--space-2);white-space:normal;max-width:100%;word-break:break-word}[data-theme=dark] .chip-error{background:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);color:var(--color-error);box-shadow:0 var(--space-1) var(--space-2) var(--color-error-shadow);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);line-height:var(--line-height-snug)}.chip-error [data-lucide],.chip-error svg{color:var(--color-error);width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip-error svg{stroke:currentColor;fill:none;stroke-width:2;display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip [data-lucide],.chip svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:0;margin-right:var(--space-2)}.chip svg{stroke:currentColor;fill:none;stroke-width:2;display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip .chip-text{display:inline-flex;align-items:center;line-height:var(--line-height-snug)}.chip-success{color:var(--color-success);background:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);border-radius:var(--radius-soft);display:flex;align-items:center;gap:var(--space-2);white-space:normal;max-width:100%;word-break:break-word}[data-theme=dark] .chip-success{color:var(--color-success);background:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border)}.chip-success [data-lucide],.chip-success svg{color:currentColor;width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;line-height:0}.chip-info{color:var(--color-info);background:var(--color-info-bg);border:var(--line-1) solid var(--color-info-border);padding:var(--space-2) var(--space-3);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-snug);border-radius:var(--radius-soft);display:flex;align-items:center;gap:var(--space-2);white-space:normal;max-width:100%;word-break:break-word}[data-theme=dark] .chip-info{color:var(--color-info);background:var(--color-info-bg);border:var(--line-1) solid var(--color-info-border)}.chip-info [data-lucide],.chip-info svg{color:currentColor;width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;line-height:0}@media (max-width: 640px){.chip-error{display:flex;width:100%;padding-left:var(--space-3);padding-right:var(--space-3)}}@keyframes chip-fade-slide-in{0%{opacity:0;transform:translateY(calc(var(--space-1) * -1.5))}to{opacity:1;transform:translateY(0)}}.chip[hidden],.chip:empty{display:none!important}.chip.is-animating{animation:chip-fade-slide-in var(--duration-feedback) var(--ease-default)}.avatar{position:relative;display:flex;width:var(--space-8);height:var(--space-8);flex-shrink:0;overflow:hidden;border-radius:var(--radius-pill)}.avatar-image{aspect-ratio:1;width:100%;height:100%;object-fit:cover}.avatar-fallback{display:grid;width:100%;height:100%;place-items:center;border-radius:var(--radius-pill);background-color:var(--muted);color:var(--muted-foreground);font-weight:var(--font-weight-semibold);font-size:.8rem}.avatar-lg{width:var(--size-avatar-lg);height:var(--size-avatar-lg)}.level-badge-svg{max-width:100%;height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));transition:transform .2s ease,filter .2s ease}.level-badge-svg:hover{transform:scale(1.05);filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.level-badge-svg-sm{width:28px}.level-badge-svg-md{width:48px}.level-badge-svg-lg{width:72px}.tier-star{font-size:12px;font-weight:700;line-height:1}.level-badge-svg-sm .tier-star{font-size:8px}.level-badge-svg-lg .tier-star{font-size:16px}.tier-star-filled{fill:currentColor;opacity:1}.tier-star-empty{fill:currentColor;opacity:.3}.level-1 .grad-start-1{stop-color:#8b6914}.level-1 .grad-end-1{stop-color:#d4af37}.level-1{color:#2c2410}.level-2 .grad-start-2{stop-color:#7a7a7a}.level-2 .grad-end-2{stop-color:silver}.level-2{color:#1a1a1a}.level-3 .grad-start-3{stop-color:#b87333}.level-3 .grad-end-3{stop-color:#f0a841}.level-3{color:#2c1810}.level-4 .grad-start-4{stop-color:#3b2f2f}.level-4 .grad-end-4{stop-color:#8b4513}.level-4{color:#f0e6d2}.level-5 .grad-start-5{stop-color:#2e4053}.level-5 .grad-end-5{stop-color:#85929e}.level-5{color:#ecf0f1}.level-6 .grad-start-6{stop-color:#c41e3a}.level-6 .grad-end-6{stop-color:#ff6b6b}.level-6{color:#fff0f0}.level-7 .grad-start-7{stop-color:indigo}.level-7 .grad-end-7{stop-color:#9932cc}.level-7{color:gold}.level-8 .grad-start-8{stop-color:#1c1c1c}.level-8 .grad-end-8{stop-color:#404040}.level-8{color:gold}.level-9 .grad-start-9{stop-color:gold}.level-9 .grad-end-9{stop-color:orange}.level-9{color:#1a1a1a}.level-10 .grad-start-10{stop-color:#ff6b9d}.level-10 .grad-end-10{stop-color:#c44569}.level-10{color:#fff}@media (prefers-color-scheme: dark){.level-1 .grad-start-1{stop-color:#6b5410}.level-1 .grad-end-1{stop-color:#a68c47}.level-1{color:#ffe4b5}.level-2 .grad-start-2{stop-color:#5a5a5a}.level-2 .grad-end-2{stop-color:#a0a0a0}.level-2{color:#e8e8e8}.level-3 .grad-start-3{stop-color:#8b4513}.level-3 .grad-end-3{stop-color:#d2691e}.level-3{color:#ffe4b5}.level-4 .grad-start-4{stop-color:#2b1f1f}.level-4 .grad-end-4{stop-color:#654321}.level-4{color:#e8d5c4}.level-9 .grad-start-9{stop-color:#daa520}.level-9 .grad-end-9{stop-color:#ff8c00}.level-9{color:#000}}.progress{appearance:none;background-color:color-mix(in oklab,var(--primary) 25%,transparent);height:var(--space-2);width:100%;overflow:hidden;border-radius:var(--radius-pill);border:0}.progress::-webkit-progress-bar{background-color:color-mix(in oklab,var(--primary) 25%,transparent)}.progress::-webkit-progress-value{background-color:var(--primary);transition:width var(--duration-fast) var(--ease-default)}.progress::-moz-progress-bar{background-color:var(--primary)}.progress-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:.85rem;font-weight:var(--font-weight-medium)}.progress-label-text{color:var(--foreground)}.progress-label-value{color:var(--muted-foreground)}.spinner{display:inline-block;border-radius:999px;border:2px solid color-mix(in oklab,currentColor 20%,transparent);border-top-color:currentColor;animation:spinner-spin .8s linear infinite;vertical-align:middle;flex-shrink:0}.spinner-sm{width:1rem;height:1rem}.spinner-md{width:1.25rem;height:1.25rem}.spinner-lg{width:1.5rem;height:1.5rem}@keyframes spinner-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.spinner{animation:none;border-top-color:currentColor}}.lesson{padding:5rem 1.5rem}.lesson-container{margin:0 auto;max-width:var(--layout-max-width)}.lesson-header{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.lesson-title{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.lesson-subtitle{font-size:var(--text-lg);color:var(--muted-foreground);margin:0}.lesson-actions{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.lesson-content{display:grid;gap:var(--space-6)}@media (min-width: 768px){.lesson{padding-top:7rem;padding-bottom:7rem}.lesson-title{font-size:2.5rem}}.favorite-form{display:contents}.favorite-btn{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:transparent;border:none;border-radius:var(--radius);cursor:pointer;color:var(--muted-foreground);transition:color .15s ease,transform .1s ease;flex-shrink:0}.favorite-btn:hover{color:var(--destructive);transform:scale(1.1)}.favorite-btn--active{color:var(--destructive)}.favorite-btn--active svg{fill:var(--destructive);stroke:var(--destructive)}.favorite-btn:hover svg{stroke:var(--destructive)}.favorite-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.discovery-filter-sidebar{display:block;width:100%;box-sizing:border-box;margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.discovery-filter-sidebar-title{margin:0 0 var(--space-4);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.discovery-filter-sidebar-body{display:grid;gap:var(--space-4)}.discovery-search-header{display:block;width:100%;box-sizing:border-box;position:relative;overflow:hidden;border-radius:var(--radius-dialog);padding:var(--space-8);color:var(--foreground);background:linear-gradient(160deg,color-mix(in oklab,var(--primary) 20%,transparent) 0%,transparent 50%,color-mix(in oklab,var(--accent) 15%,transparent) 100%),var(--card);box-shadow:var(--shadow-card)}.discovery-search-header:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(color-mix(in oklab,var(--primary) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--primary) 7%,transparent) 1px,transparent 1px);background-size:20px 20px,20px 20px}.discovery-search-header:after{content:"";position:absolute;width:22rem;height:18rem;right:-14%;top:-32%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--primary);opacity:.24;pointer-events:none;z-index:0}.discovery-search-header>*{position:relative;z-index:1}.discovery-search-header-title{margin:0;font-size:var(--text-hero-title);line-height:var(--line-height-tight);color:var(--foreground)}.discovery-search-header-copy{margin:var(--space-2) 0 0;color:var(--muted-foreground)}html[data-theme=dark] .discovery-search-header:after{opacity:.18}.fragment-news-feed{display:grid;gap:var(--space-3)}.fragment-news-cards{display:grid;gap:var(--space-4)}.fragment-news-card{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card);overflow:hidden}.fragment-news-card-link{display:grid;gap:var(--space-3);color:inherit;text-decoration:none}.fragment-news-card-image{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block;background:var(--muted)}.fragment-news-card-body{display:grid;gap:var(--space-3);padding:var(--space-4)}.fragment-news-card-header{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.fragment-news-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.fragment-news-item{border-bottom:var(--line-1) solid var(--border);padding:var(--space-5) 0}.fragment-news-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.fragment-news-date{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--muted-foreground);font-size:var(--text-sm);white-space:nowrap;flex-shrink:0}.fragment-news-date [data-lucide],.fragment-news-date svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0}.fragment-news-scheduled-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem .5rem;border-radius:var(--radius-pill);background:var(--muted);color:var(--muted-foreground);font-size:var(--text-xs)}.fragment-news-scheduled-icon{width:1rem;height:1rem}.fragment-news-title{color:var(--foreground);font-weight:var(--font-weight-semibold)}.fragment-news-summary{color:var(--muted-foreground);line-height:1.5}.fragment-news-more{padding-top:var(--space-4)}.fragment-news-read-more{color:var(--primary);text-decoration:none}.fragment-news-none{color:var(--muted-foreground)}.fragment-filter-bar{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.fragment-filter-grid{display:grid;gap:var(--space-4)}.fragment-filter-chip{border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);text-decoration:none;color:var(--foreground);background:var(--background);cursor:pointer}.fragment-filter-chip:hover{background:var(--accent)}.fragment-filter-footer{margin-top:var(--space-4)}.fragment-filter-form{grid-column:1 / -1;display:grid;gap:var(--space-4)}.fragment-filter-group-full{margin-top:var(--space-2)}.fragment-filter-title{margin:0;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.fragment-filter-dropdowns-row{display:flex;flex-wrap:wrap;gap:var(--space-3)}.fragment-filter-select-group{flex:1;min-width:130px;display:grid;gap:var(--space-1)}.fragment-filter-select-wrapper{position:relative}.fragment-filter-select{width:100%;appearance:none;-webkit-appearance:none;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);padding-right:calc(var(--space-chip-x) + 1rem + var(--space-2));background:var(--background);color:var(--foreground);font-size:var(--text-sm);font-family:var(--font-family);cursor:pointer;outline:none;box-sizing:border-box;line-height:var(--line-height-normal)}.fragment-filter-select:focus{border-color:var(--primary)}.fragment-filter-chevron{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);pointer-events:none;width:1rem;height:1rem;color:var(--muted-foreground)}.fragment-search-wrapper{position:relative;display:flex;align-items:center}.fragment-search-icon{position:absolute;left:var(--space-3);color:var(--muted-foreground);pointer-events:none;display:flex;width:1rem;height:1rem}.fragment-search-input{width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);padding-left:calc(var(--space-3) + 1rem + var(--space-2));background:var(--background);color:var(--foreground);font-size:var(--text-sm);outline:none;box-sizing:border-box}.fragment-search-input:focus{border-color:var(--primary)}.fragment-search-input::placeholder{color:var(--muted-foreground)}.fragment-no-results-actions{margin-top:var(--space-2)}.fragment-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);align-items:start}.fragment-course-card-wrapper{position:relative}.fragment-course-card-wrapper .favorite-form{display:block;position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}.fragment-course-card-wrapper .fragment-course-card__title{padding-right:var(--space-6)}.fragment-course-card{display:flex;flex-direction:column;gap:var(--space-4);background:var(--card);border-radius:var(--space-6);padding:var(--space-6);box-shadow:0 2px 12px color-mix(in oklab,var(--foreground) 10%,transparent);text-decoration:none;color:inherit;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.fragment-course-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in oklab,var(--foreground) 14%,transparent)}.fragment-course-card__header{display:flex;align-items:center;gap:var(--space-3)}.fragment-course-card__icon-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-dialog);background:color-mix(in oklab,var(--primary) 15%,var(--card));color:var(--primary)}.fragment-course-card__icon-badge [data-lucide],.fragment-course-card__icon-badge svg{width:var(--size-icon-lg);height:var(--size-icon-lg);display:block}.fragment-course-card__badge-img{width:var(--size-icon-lg);height:var(--size-icon-lg);display:block;object-fit:contain}.fragment-course-card__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--foreground)}.fragment-course-card__description{margin:0;color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fragment-course-card__badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.fragment-course-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--muted);color:var(--muted-foreground);padding:var(--space-chip-y) var(--space-chip-x);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);line-height:1;white-space:nowrap}.fragment-course-card__badge [data-lucide],.fragment-course-card__badge svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0;display:block}.fragment-course-card__badge--profession{background:color-mix(in oklab,var(--primary) 12%,var(--muted));color:color-mix(in oklab,var(--primary) 70%,var(--muted-foreground))}.fragment-course-card__badge--xp{background:color-mix(in oklab,var(--primary) 18%,var(--muted));color:color-mix(in oklab,var(--primary) 85%,var(--foreground));font-weight:var(--font-weight-semibold)}.fragment-course-card__progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--space-2)}.fragment-course-card__progress-track{height:var(--size-progress-track);border-radius:var(--radius-pill);background:var(--muted);overflow:hidden}.fragment-course-card__progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--primary);min-width:var(--space-1)}.fragment-course-card__progress-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--muted-foreground);white-space:nowrap}.fragment-course-card__counts{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto}.fragment-course-card__count{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.fragment-course-pagination{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.fragment-course-pagination-links{display:flex;gap:var(--space-2)}.fragment-course-pagination-label{color:var(--muted-foreground)}.fragment-page-link{cursor:pointer;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);background:var(--background);color:var(--foreground);text-decoration:none;padding:.4rem .8rem}.fragment-page-link:hover{background:var(--accent)}.fragment-no-results{padding:var(--space-6)}.fragment-no-results-inner{display:grid;justify-items:center;gap:var(--space-3);text-align:center}.fragment-no-results-icon{color:var(--muted-foreground)}.fragment-no-results-lucide{width:72px;height:72px}.fragment-no-results-title{margin:0}.fragment-no-results-copy{margin:0;color:var(--muted-foreground)}@media (max-width: 640px){.fragment-course-grid{grid-template-columns:1fr;gap:var(--space-4)}.fragment-course-card{padding:var(--space-5);border-radius:var(--space-5)}}.fragment-module-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--space-8);align-items:start}.fragment-module-card-wrapper{position:relative}.fragment-module-card-wrapper .favorite-form{display:block;position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}.fragment-module-card-wrapper .fragment-module-title{padding-right:var(--space-6)}.fragment-module-card{display:block;text-decoration:none;color:inherit;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-8);box-shadow:var(--shadow-card)}.fragment-module-card:hover{transform:translateY(-2px)}.fragment-module-card--done{border-color:color-mix(in oklab,var(--primary) 55%,var(--border))}.fragment-module-card--in-progress{border-color:color-mix(in oklab,var(--primary) 30%,var(--border))}.fragment-module-badge{margin-bottom:var(--space-4);width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--primary) 15%,var(--card));color:var(--primary)}.fragment-module-badge-image{width:2rem;height:2rem;object-fit:contain}.fragment-module-badge-fallback{display:inline-flex;align-items:center;justify-content:center}.fragment-module-badge-fallback[hidden]{display:none!important}.fragment-module-badge-fallback [data-lucide],.fragment-module-badge-fallback svg{width:var(--size-icon-lg);height:var(--size-icon-lg);display:block}.fragment-module-course{margin:0 0 var(--space-2) 0;color:var(--muted-foreground);font-size:.85rem}.fragment-module-title{margin:0 0 var(--space-5) 0;font-size:1.15rem;line-height:1.3}.fragment-module-description{margin:0 0 var(--space-6) 0;color:var(--muted-foreground);line-height:1.6;font-size:.95rem}.fragment-module-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-5)}.fragment-module-tag{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--muted);color:var(--muted-foreground);padding:var(--space-chip-y) var(--space-chip-x);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);line-height:1;white-space:nowrap}.fragment-module-tag [data-lucide],.fragment-module-tag svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0;display:block}.fragment-module-tag--profession{background:color-mix(in oklab,var(--primary) 12%,var(--muted));color:color-mix(in oklab,var(--primary) 70%,var(--muted-foreground))}.fragment-module-tag--xp{background:color-mix(in oklab,var(--primary) 18%,var(--muted));color:color-mix(in oklab,var(--primary) 85%,var(--foreground));font-weight:var(--font-weight-semibold)}.fragment-module-tag-progress{display:inline-flex;align-items:center;gap:var(--space-2)}.fragment-module-pagination{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.fragment-module-pagination-links{display:flex;gap:var(--space-2)}.fragment-module-pagination-label{color:var(--muted-foreground)}.fragment-practice-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6);align-items:start}.fragment-practice-card-wrapper{position:relative}.fragment-practice-card-wrapper .favorite-form{display:block;position:absolute;top:var(--space-3);right:var(--space-3);z-index:1}.fragment-practice-card{display:flex;flex-direction:column;gap:var(--space-4);background:var(--card);border-radius:var(--space-6);padding:var(--space-6);box-shadow:0 2px 12px color-mix(in oklab,var(--foreground) 10%,transparent);text-decoration:none;color:inherit;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.fragment-practice-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px color-mix(in oklab,var(--foreground) 14%,transparent)}.fragment-practice-card__header{display:flex;align-items:center;gap:var(--space-3)}.fragment-practice-card__icon-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-dialog);background:color-mix(in oklab,var(--primary) 15%,var(--card));color:var(--primary)}.fragment-practice-card__icon-badge [data-lucide],.fragment-practice-card__icon-badge svg{width:var(--size-icon-lg);height:var(--size-icon-lg);display:block}.fragment-practice-card__title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--foreground)}.fragment-practice-card__description{margin:0;color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.fragment-practice-card__badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.fragment-practice-card__badge{display:inline-flex;align-items:center;gap:var(--space-1);background:var(--muted);color:var(--muted-foreground);padding:var(--space-chip-y) var(--space-chip-x);font-size:var(--text-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-pill);line-height:1;white-space:nowrap}.fragment-practice-card__badge [data-lucide],.fragment-practice-card__badge svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0;display:block}.fragment-practice-card__badge--profession{background:color-mix(in oklab,var(--primary) 12%,var(--muted));color:color-mix(in oklab,var(--primary) 70%,var(--muted-foreground))}.fragment-practice-card__badge--xp{background:color-mix(in oklab,var(--primary) 18%,var(--muted));color:color-mix(in oklab,var(--primary) 85%,var(--foreground));font-weight:var(--font-weight-semibold)}.fragment-practice-card--done{border:1px solid color-mix(in oklab,var(--primary) 45%,var(--border))}.fragment-practice-card--in-progress{border:1px solid color-mix(in oklab,var(--primary) 30%,var(--border))}.fragment-practice-card__badge-img{width:var(--size-icon-lg);height:var(--size-icon-lg);display:block;object-fit:contain}.fragment-practice-pagination{margin-top:var(--space-4);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4)}.fragment-practice-pagination-links{display:flex;gap:var(--space-2)}.fragment-practice-pagination-label{color:var(--muted-foreground)}@media (max-width: 640px){.fragment-practice-grid{grid-template-columns:1fr;gap:var(--space-4)}.fragment-practice-card{padding:var(--space-5);border-radius:var(--space-5)}}.quiz-option-btn-correct{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 15%,var(--background));transform:scale(1.02);transition:transform .12s ease,background-color .18s ease,opacity .18s ease}.quiz-option-btn-wrong{border-color:var(--destructive);background:color-mix(in oklab,var(--destructive) 12%,var(--background));transform:scale(.99);transition:transform .12s ease,background-color .18s ease,opacity .18s ease}.quiz-feedback{margin:0;font-weight:var(--font-weight-semibold);transition:opacity .18s ease}.quiz-swapped{animation:quizAppear .3s ease both}@keyframes quizAppear{0%{opacity:0;transform:translateY(8px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-swapped .quiz-option-btn-selected{animation:selectedAppear .32s ease both}@keyframes selectedAppear{0%{opacity:0;transform:translateY(6px) scale(.995)}to{opacity:1;transform:translateY(0) scale(1)}}.quiz-swapped .quiz-option-btn-correct,.quiz-swapped .quiz-option-btn-wrong{animation:scoredPop .28s ease both}@keyframes scoredPop{0%{transform:scale(.98)}50%{transform:scale(1.05)}to{transform:scale(1)}}.quiz-scored-animate .lesson-quiz-summary{animation:scorePulse .48s ease .32s both}@keyframes scorePulse{0%{transform:scale(1)}40%{transform:scale(1.02)}to{transform:scale(1)}}.quiz-swapped .quiz-scored{animation:scoredFade .28s ease both}@keyframes scoredFade{0%{opacity:0;transform:scale(.995)}to{opacity:1;transform:scale(1)}}.quiz-scored-animate .lesson-quiz-summary{transform:translateY(-6px);transition:transform .22s ease}@media (prefers-reduced-motion: reduce){.quiz-swapped,.quiz-scored-animate,.quiz-option-btn-correct,.quiz-option-btn-wrong,.quiz-feedback{animation:none!important;transition:none!important;transform:none!important}}.quiz-validate-btn{display:inline-flex;align-items:center;gap:var(--space-2);position:relative}.quiz-submit-spinner{display:none;width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in oklab,currentColor 25%,transparent);border-top-color:currentColor;animation:quiz-spin .8s linear infinite}@keyframes quiz-spin{to{transform:rotate(360deg)}}.quiz-validate-btn.htmx-request .quiz-submit-label{opacity:0}.quiz-validate-btn.htmx-request .quiz-submit-spinner{display:inline-block}.quiz-validate-btn.htmx-request{pointer-events:none}@media (prefers-reduced-motion: reduce){.quiz-submit-spinner{animation:none}}.fragment-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}.fragment-stat-card{padding:var(--space-6)}.fragment-stat-label{font-size:1rem;color:var(--muted-foreground);line-height:1.4;margin:0 0 var(--space-3) 0}.fragment-stat-value{font-size:var(--text-2xl);line-height:1.15;font-weight:var(--font-weight-bold);margin:0}@media (max-width: 900px){.fragment-stats-row{grid-template-columns:1fr}}.fragment-pricing-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(1,minmax(0,1fr));align-items:stretch;max-width:var(--layout-max-width);margin:var(--space-8) auto 0;padding:0 var(--space-4)}.fragment-pricing-card{display:flex;flex-direction:column;padding:var(--space-8);background:var(--card);border-radius:var(--radius-dialog);border:var(--line-1) solid var(--border);box-shadow:var(--shadow-card);height:100%}.fragment-pricing-card-highlight{border-color:var(--primary);box-shadow:var(--shadow-elevated)}.fragment-pricing-card-header{margin-bottom:var(--space-6)}.fragment-pricing-plan-name{font-size:1.5rem;font-weight:var(--font-weight-extrabold);margin:0 0 var(--space-2)}.fragment-pricing-plan-tagline{font-size:var(--text-sm);color:var(--muted-foreground)}.fragment-pricing-plan-price{margin-bottom:var(--space-8);display:flex;align-items:baseline;gap:var(--space-1)}.fragment-pricing-amount{font-size:3rem;font-weight:var(--font-weight-extrabold);color:var(--foreground)}.fragment-pricing-period{font-size:var(--text-base);color:var(--muted-foreground)}.fragment-pricing-features{flex-grow:1;margin-bottom:var(--space-8)}.fragment-pricing-features-title{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:var(--space-4)}.fragment-pricing-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.fragment-pricing-feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.95rem;color:var(--foreground)}.fragment-pricing-feature-icon{flex-shrink:0;color:var(--primary)}.fragment-pricing-cta{width:100%}.fragment-pricing-button{width:100%;display:flex;justify-content:center;padding:.85rem;font-weight:var(--font-weight-bold);border-radius:var(--radius-soft);text-decoration:none}.fragment-pricing-button-primary{background:var(--primary);color:var(--primary-foreground)}.fragment-pricing-button-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}@media (min-width: 768px){.fragment-pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.auth-shell{margin:2rem auto 0;width:100%;max-width:var(--measure-md);border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);color:var(--card-foreground);padding:var(--space-6);box-shadow:var(--shadow-card)}.auth-title{font-size:1.75rem;line-height:var(--line-height-tight)}.auth-subtitle{margin:var(--space-2) 0 0;color:var(--muted-foreground);font-size:.95rem}.auth-tabs{margin-top:var(--space-5);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);border-radius:var(--radius-soft);background:var(--muted);padding:var(--space-2)}.auth-tab{border:0;border-radius:var(--radius-soft);padding:.625rem .75rem;cursor:pointer;background:transparent;color:var(--muted-foreground);font-weight:600}.auth-tab.is-active{background:var(--card);color:var(--foreground);box-shadow:var(--shadow-card)}.auth-form{margin-top:var(--space-5);display:grid;gap:var(--space-3)}.auth-input{width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:.7rem .75rem;font-size:1rem;color:var(--foreground);background:var(--background)}.auth-input:focus{outline:2px solid color-mix(in oklab,var(--ring) 40%,transparent);outline-offset:1px}.auth-submit{border:0;border-radius:var(--radius-soft);background:var(--primary);color:var(--primary-foreground);padding:.7rem 1rem;font-weight:600;cursor:pointer}.auth-submit:hover{opacity:.92}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.auth-submit:disabled,.auth-submit.disabled{background:var(--control-disabled-bg, #e5e7eb);color:var(--control-disabled-fg, #9ca3af);cursor:not-allowed;box-shadow:none;opacity:1}.auth-submit:disabled:hover,.auth-submit.disabled:hover{opacity:1}.auth-submit-spinner{display:none;width:1rem;height:1rem;border-radius:999px;border:2px solid color-mix(in oklab,currentColor 20%,transparent);border-top-color:currentColor;animation:auth-spin .8s linear infinite}.auth-form.is-loading .auth-submit-label{opacity:0}.auth-form.is-loading .auth-submit-spinner{display:inline-block}.auth-oauth{margin-top:var(--space-5);display:grid;gap:var(--space-2)}.auth-oauth-link{display:block;width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);text-align:center;padding:.7rem 1rem;text-decoration:none;color:var(--muted-foreground)}.auth-oauth-link:hover{background:var(--accent)}.auth-feedback{margin-top:var(--space-4);color:var(--muted-foreground)}.auth-feedback-error{color:#b91c1c}@keyframes auth-spin{to{transform:rotate(360deg)}}.auth-terms-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3)}.auth-terms-text{font-size:.875rem;line-height:var(--line-height-normal);color:var(--muted-foreground)}.auth-terms-link{color:var(--primary);text-decoration:none}.auth-terms-link:hover{text-decoration:underline}.auth-terms-checkbox{margin-top:0;width:1rem;height:1rem;accent-color:var(--primary);vertical-align:middle}.auth-back-link{display:block;margin-top:var(--space-4);text-align:center;color:var(--muted-foreground);text-decoration:none}.auth-back-link:hover{color:var(--foreground)}.auth-mock{padding:var(--space-6);text-align:center}.auth-mock-inner{max-width:var(--measure-md);margin:0 auto}.auth-mock-icon-wrap{color:var(--muted-foreground);margin-bottom:var(--space-2)}.auth-mock-icon,.auth-mock-icon svg{display:inline-block;width:var(--size-icon-lg);height:var(--size-icon-lg);vertical-align:middle;line-height:1}.auth-mock-title{margin:0 0 var(--space-3);font-size:var(--text-hero-title);line-height:var(--line-height-tight)}.auth-mock-body{margin:0 0 var(--space-4);color:var(--muted-foreground)}.auth-mock-ctas{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.dashboard-shell{display:grid;grid-template-columns:300px 1fr;gap:var(--space-4);align-items:start;padding:var(--space-4) 0}.dashboard-sidebar,.dashboard-main{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.dashboard-card{padding:var(--space-6)}.dashboard-welcome{background:linear-gradient(160deg,color-mix(in oklab,var(--primary) 18%,transparent) 0%,transparent 56%,color-mix(in oklab,var(--accent) 14%,transparent) 100%),var(--card);padding:var(--space-6);position:relative;overflow:hidden}.dashboard-welcome:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(45deg,color-mix(in oklab,var(--primary) 8%,transparent) 0 1px,transparent 1px 18px),repeating-linear-gradient(135deg,color-mix(in oklab,var(--primary) 8%,transparent) 0 1px,transparent 1px 18px);opacity:.6}.dashboard-welcome:after{content:"";position:absolute;width:24rem;height:19rem;right:-16%;top:-38%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--primary);opacity:.2;pointer-events:none;z-index:0}.dashboard-welcome-row{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);position:relative;z-index:1}.dashboard-welcome-title{font-size:var(--text-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0;color:var(--foreground)}.dashboard-welcome-copy{margin:0;font-size:var(--text-sm);color:var(--muted-foreground);line-height:var(--line-height-normal)}html[data-theme=dark] .dashboard-welcome:after{opacity:.16}.dashboard-level-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-level-header-left{display:flex;align-items:center;gap:var(--space-2)}.dashboard-level-summary{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-3)}.dashboard-level-badge{width:var(--size-control-md);height:auto;flex-shrink:0}.dashboard-level-summary-copy{min-width:0;display:flex;flex-direction:column;align-items:center}.dashboard-level-icon{display:flex;align-items:center;color:var(--primary)}.dashboard-level-icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.dashboard-level-explore-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--primary);text-decoration:none}.dashboard-level-explore-link:hover{text-decoration:underline}.dashboard-section-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);margin:0;color:var(--foreground)}.dashboard-level-name{font-size:var(--text-lg);font-weight:var(--font-weight-bold);margin:0;color:var(--foreground)}.dashboard-level-tiers{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.dashboard-tier-star{width:20px;height:20px;display:flex;align-items:center;justify-content:center}.dashboard-tier-star-filled{color:var(--primary);fill:currentColor}.dashboard-tier-star-empty{color:var(--muted)}.dashboard-level-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-xs);color:var(--muted-foreground)}.dashboard-level-xp{font-weight:var(--font-weight-semibold);color:var(--foreground)}.dashboard-badges-link{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--primary);text-decoration:none}.dashboard-badges-link:hover{text-decoration:underline}.dashboard-streak-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.dashboard-streak-icon{display:flex;align-items:center;color:var(--color-streak)}.dashboard-streak-icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.dashboard-streak-value-row{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-2)}.dashboard-streak-number{font-size:var(--text-4xl);font-weight:var(--font-weight-extrabold);line-height:1;color:var(--color-streak)}.dashboard-streak-label{font-size:var(--text-base);font-weight:var(--font-weight-medium);color:var(--muted-foreground)}.dashboard-streak-longest{font-size:var(--text-sm);color:var(--muted-foreground);margin:0 0 var(--space-3) 0}.dashboard-streak-motivation{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;padding:var(--space-2) var(--space-3);background:var(--color-streak-bg);border-radius:var(--radius-soft);border:var(--line-1) solid var(--color-streak-border)}.dashboard-favorites-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-bottom:var(--space-3)}.dashboard-favorites-icon{display:flex;align-items:center;color:var(--muted-foreground)}.dashboard-favorites-icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.dashboard-favorites-coming{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;padding:var(--space-4);background:var(--muted);border-radius:var(--radius-soft);text-align:center;border:var(--line-1) dashed var(--border)}.dashboard-favorites-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1);max-height:calc(3.5 * 2.75rem + 3 * var(--space-1));overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border) transparent}.dashboard-favorites-item{display:flex;align-items:center;gap:var(--space-2);min-width:0}.dashboard-favorites-link{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0;text-decoration:none;color:var(--foreground);border-radius:var(--radius);padding:var(--space-1) 0;transition:background .15s ease}.dashboard-favorites-link:hover{background:var(--muted)}.dashboard-favorites-img{width:2.25rem;height:2.25rem;border-radius:var(--radius);object-fit:cover;flex-shrink:0}.dashboard-favorites-img-fallback{width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;background:var(--accent);border-radius:var(--radius);color:var(--muted-foreground);flex-shrink:0}.dashboard-favorites-title{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.fav-leave{transition:opacity .2s ease,transform .2s ease,max-height .25s ease;overflow:hidden}.fav-leave-start{opacity:1;transform:translate(0);max-height:4rem}.fav-leave-end{opacity:0;transform:translate(12px);max-height:0}.dashboard-continue-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-continue-count{font-size:var(--text-sm);color:var(--muted-foreground)}.dashboard-continue-copy{margin:0 0 var(--space-4) 0;color:var(--muted-foreground);font-size:var(--text-sm)}.dashboard-continue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.dashboard-continue-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;aspect-ratio:1 / 1;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.dashboard-continue-card:hover{transform:translateY(-2px);border-color:color-mix(in oklab,var(--primary) 35%,var(--border));box-shadow:0 8px 24px color-mix(in oklab,var(--foreground) 12%,transparent)}.dashboard-continue-card-header{display:flex;align-items:center;gap:var(--space-2)}.dashboard-continue-card-icon{display:flex;align-items:center;justify-content:center;width:var(--size-control-sm);height:var(--size-control-sm);border-radius:50%;background:color-mix(in oklab,var(--primary) 14%,var(--muted));color:color-mix(in oklab,var(--primary) 80%,var(--foreground));flex-shrink:0}.dashboard-continue-card-icon svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.dashboard-continue-card-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--foreground);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.dashboard-continue-card-module{margin:0;font-size:var(--text-sm);color:var(--muted-foreground);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.dashboard-continue-card-meta{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);margin-top:auto}.dashboard-continue-chip{font-size:var(--text-xs)}.dashboard-continue-empty{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--muted);border-radius:var(--radius-soft);border:var(--line-1) dashed var(--border)}.dashboard-continue-empty-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--foreground)}.dashboard-continue-empty-copy{margin:0;color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--line-height-normal)}.dashboard-continue-empty-actions{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-1)}.dashboard-activity-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.dashboard-activity-icon{display:flex;align-items:center;color:var(--muted-foreground)}.dashboard-activity-icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.dashboard-activity-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.dashboard-activity-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--muted);border-radius:var(--radius-soft)}.dashboard-activity-type{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--primary-foreground);background:var(--primary);padding:.2rem .5rem;border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.03em}.dashboard-activity-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-activity-xp{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-success)}.dashboard-activity-empty{padding:var(--space-6);text-align:center;color:var(--muted-foreground);font-size:var(--text-sm);background:var(--muted);border-radius:var(--radius-soft)}.dashboard-leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.dashboard-leaderboard-header-left{display:flex;align-items:center;gap:var(--space-2)}.dashboard-leaderboard-icon{display:flex;align-items:center;color:var(--primary)}.dashboard-leaderboard-icon svg{width:var(--size-icon-md);height:var(--size-icon-md)}.dashboard-leaderboard-view-all{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--primary);text-decoration:none}.dashboard-leaderboard-view-all:hover{text-decoration:underline}.dashboard-leaderboard-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.dashboard-leaderboard-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-soft);transition:background var(--duration-fast) var(--ease-default)}.dashboard-leaderboard-row:hover{background:var(--muted)}.dashboard-leaderboard-rank{flex-shrink:0;width:1.5rem;text-align:center;font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--muted-foreground)}.dashboard-leaderboard-rank-gold{color:#f59e0b}.dashboard-leaderboard-rank-silver{color:#9ca3af}.dashboard-leaderboard-rank-bronze{color:#92400e}.dashboard-leaderboard-name{flex:1;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--foreground)}.dashboard-leaderboard-xp{flex-shrink:0;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--muted-foreground)}@media (max-width: 900px){.dashboard-shell{grid-template-columns:1fr;padding:var(--space-3) 0}.dashboard-continue-grid{grid-template-columns:1fr}.dashboard-continue-card{aspect-ratio:auto}.dashboard-continue-card-icon{width:calc(var(--size-control-sm) - var(--space-1));height:calc(var(--size-control-sm) - var(--space-1))}.dashboard-continue-grid .dashboard-continue-card:nth-child(n+5){display:none}}.dashboard-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.dashboard-stat{padding:var(--space-6);transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.dashboard-stat-hidden{opacity:0;transform:translateY(var(--space-2))}.dashboard-stat-visible{opacity:1;transform:translateY(0)}.dashboard-stat-label{font-size:1rem;color:var(--muted-foreground);line-height:1.4;margin:0 0 var(--space-3) 0}.dashboard-stat-value{font-size:var(--text-2xl);line-height:1.15;font-weight:700;margin:0}@media (max-width: 900px){.dashboard-stats{grid-template-columns:1fr}}.dashboard-badges-shell{display:grid;gap:var(--space-6)}.dashboard-badges-back{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--muted-foreground);text-decoration:none}.dashboard-badges-back:hover{color:var(--foreground)}.dashboard-badges-back svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.dashboard-badges-heading{font-size:var(--text-3xl);font-weight:var(--font-weight-bold);margin:0}.dashboard-badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4)}.dashboard-badge-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6) var(--space-4);text-align:center}.dashboard-badge-card--link{text-decoration:none;color:inherit;cursor:pointer;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.dashboard-badge-card--link:hover,.dashboard-badge-card--link:focus-visible{transform:translateY(-2px);box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 20%,transparent);outline:none}.dashboard-badge-card--link:focus-visible{outline:var(--line-2) solid var(--primary);outline-offset:2px}.dashboard-badge-img{width:72px;height:72px;object-fit:contain}.dashboard-badge-icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;background:color-mix(in oklab,var(--primary) 20%,var(--muted));border-radius:50%;color:var(--primary)}.dashboard-badge-icon svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.dashboard-badge-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground);margin:0}.dashboard-badge-date{font-size:var(--text-xs);color:var(--muted-foreground);margin:0}.dashboard-badges-empty{padding:var(--space-12);text-align:center;color:var(--muted-foreground);background:var(--muted);border-radius:var(--radius)}.courses-hero{border-radius:var(--radius-dialog);padding:var(--space-8);color:var(--primary-foreground);background:linear-gradient(110deg,color-mix(in oklab,var(--primary) 84%,#b37a10),var(--primary));box-shadow:var(--shadow-card)}.courses-hero-title{font-size:var(--text-hero-title)}.courses-hero-copy{margin:var(--space-2) 0 0;color:color-mix(in oklab,var(--primary-foreground) 75%,transparent)}.discovery-search-header.discovery-search-header-wave{position:relative;overflow:hidden;color:var(--foreground);background:linear-gradient(-29deg,color-mix(in oklab,var(--accent) 100%,transparent) 0%,transparent 42%,color-mix(in oklab,var(--primary) 24%,transparent) 100%),var(--card)}.discovery-search-header-wave:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-color:color-mix(in oklab,var(--primary) 18%,transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='1.6' stroke-linecap='butt'%3E%3Cpath d='M0 6 C3 2 9 2 12 6 C15 10 21 10 24 6'/%3E%3Cpath d='M0 18 C3 14 9 14 12 18 C15 22 21 22 24 18'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:24px 24px;-webkit-mask-repeat:repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='1.6' stroke-linecap='butt'%3E%3Cpath d='M0 6 C3 2 9 2 12 6 C15 10 21 10 24 6'/%3E%3Cpath d='M0 18 C3 14 9 14 12 18 C15 22 21 22 24 18'/%3E%3C/g%3E%3C/svg%3E");mask-size:24px 24px;mask-repeat:repeat;opacity:.42}.discovery-search-header-wave:after{content:"";position:absolute;width:22rem;height:17rem;right:-14%;top:-28%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--accent);opacity:.2;pointer-events:none;z-index:0}.discovery-search-header.discovery-search-header-wave>*{position:relative;z-index:1}.discovery-search-header.discovery-search-header-wave .discovery-search-header-copy{color:var(--muted-foreground)}html[data-theme=dark] .discovery-search-header-wave:after{opacity:.14}.courses-filters{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.courses-filter-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.filter-title{margin:0 0 var(--space-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.filter-chip-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-chip{border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);text-decoration:none;color:var(--foreground);background:var(--background);cursor:pointer}.filter-chip:hover{background:var(--accent)}.filter-chip-active{background:var(--card);box-shadow:var(--shadow-card)}.courses-grid-host{margin-top:var(--space-6)}.course-card{display:block;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card);text-decoration:none;color:inherit}.course-card-title{margin:0 0 var(--space-2) 0;font-size:1.05rem;color:var(--foreground)}.course-card-description{margin:0 0 var(--space-2) 0;color:var(--muted-foreground);line-height:1.3;font-size:.95rem}.course-tags{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-2)}.course-tag{display:inline-flex;align-items:center;justify-content:center;background:var(--background);border:var(--line-1) solid var(--border);color:var(--muted-foreground);padding:.15rem .5rem;font-size:.75rem;border-radius:6px;line-height:1}.course-tag-xp{font-weight:600}.course-tag-time{opacity:.9}.course-tag-progress{display:inline-flex;align-items:center;gap:var(--space-2)}.course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4);align-items:start}@media (max-width: 640px){.courses-filter-grid,.course-grid{grid-template-columns:1fr}}.no-results{padding:var(--space-6)}.no-results-inner{display:flex;flex-direction:column;gap:var(--space-4);align-items:center}.no-results-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.no-results-title{margin:0 0 var(--space-2) 0;font-size:1.1rem;color:var(--foreground)}.no-results-copy{margin:0 0 var(--space-3) 0;color:var(--muted-foreground)}.no-results-actions{margin-top:var(--space-2)}.course-pagination{margin-top:var(--space-6);padding-top:var(--space-4);border-top:var(--line-1) solid var(--border);text-align:center}.course-pagination-label{display:block;margin:0 auto;color:var(--muted-foreground)}.modules-hero{border-radius:var(--radius-dialog);padding:var(--space-8);color:var(--primary-foreground);background:linear-gradient(110deg,color-mix(in oklab,var(--primary) 84%,#b37a10),var(--primary));box-shadow:var(--shadow-card)}.modules-hero-title{font-size:var(--text-hero-title)}.modules-hero-copy{margin:var(--space-2) 0 0;color:color-mix(in oklab,var(--primary-foreground) 75%,transparent)}.discovery-search-header{display:block;width:100%;box-sizing:border-box;border-radius:var(--radius-dialog);padding:var(--space-8);color:var(--primary-foreground);background:linear-gradient(110deg,color-mix(in oklab,var(--primary) 84%,#b37a10),var(--primary));box-shadow:var(--shadow-card)}.discovery-search-header-title{font-size:var(--text-hero-title)}.discovery-search-header-copy{margin:var(--space-2) 0 0;color:color-mix(in oklab,var(--primary-foreground) 75%,transparent)}.discovery-search-header.discovery-search-header-tartan{position:relative;overflow:hidden;color:var(--foreground);background:linear-gradient(155deg,color-mix(in oklab,var(--accent) 100%,transparent) 0%,transparent 52%,color-mix(in oklab,var(--primary) 26%,transparent) 100%),var(--card)}.discovery-search-header-tartan:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:repeating-linear-gradient(0deg,color-mix(in oklab,var(--primary) 10%,transparent) 0 2px,transparent 2px 18px,color-mix(in oklab,var(--accent) 11%,transparent) 18px 20px,transparent 20px 36px),repeating-linear-gradient(90deg,color-mix(in oklab,var(--primary) 10%,transparent) 0 2px,transparent 2px 18px,color-mix(in oklab,var(--accent) 11%,transparent) 18px 20px,transparent 20px 36px),repeating-linear-gradient(0deg,transparent 0 8px,color-mix(in oklab,var(--primary) 12%,transparent) 8px 9px,transparent 9px 17px),repeating-linear-gradient(90deg,transparent 0 8px,color-mix(in oklab,var(--primary) 12%,transparent) 8px 9px,transparent 9px 17px);opacity:.45}.discovery-search-header-tartan:after{content:"";position:absolute;width:20rem;height:16rem;right:-12%;top:-30%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--accent);opacity:.2;pointer-events:none;z-index:0}.discovery-search-header.discovery-search-header-tartan>*{position:relative;z-index:1}.discovery-search-header.discovery-search-header-tartan .discovery-search-header-copy{color:var(--muted-foreground)}html[data-theme=dark] .discovery-search-header-tartan:before{opacity:.3}html[data-theme=dark] .discovery-search-header-tartan:after{opacity:.18}html[data-theme=dark] .discovery-search-header.discovery-search-header-tartan{background:linear-gradient(160deg,color-mix(in oklab,var(--primary) 26%,transparent) 0%,transparent 50%,color-mix(in oklab,var(--accent) 18%,transparent) 100%),color-mix(in oklab,var(--card) 82%,var(--primary) 18%)}.modules-filters{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.modules-filter-title{margin:0 0 var(--space-2);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-foreground)}.modules-filter-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.modules-filter-chip{border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);text-decoration:none;color:var(--foreground);background:var(--background)}.modules-filter-chip:hover{background:var(--accent)}.modules-grid-host{margin-top:var(--space-6)}.module-detail-shell{display:grid;gap:var(--space-6)}.module-detail-top{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);align-items:start}.module-detail-title{font-size:var(--text-3xl)}.module-detail-note{margin:var(--space-2) 0 0;color:var(--muted-foreground)}.module-content-list{display:grid;gap:var(--space-4)}.module-completion-banner{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);background:color-mix(in oklab,var(--primary) 18%,transparent);font-weight:600}.module-content-list-title{margin:0;font-size:var(--text-xl)}.module-content-items{display:grid;gap:var(--space-3)}.module-content-item{display:flex;gap:var(--space-4);align-items:flex-start;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);color:inherit;text-decoration:none;padding:var(--space-4);box-shadow:var(--shadow-card)}.module-content-item-lesson{border-inline-start:var(--line-2) solid var(--primary)}.module-content-item-practice{border-inline-start:var(--line-2) solid var(--accent)}.module-content-item.is-done{border-color:color-mix(in oklab,var(--primary) 45%,var(--border))}.module-content-item-icon{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-pill);background:var(--muted);flex:0 0 auto}.module-content-item-body{display:grid;gap:var(--space-2);flex:1}.module-content-item-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.module-content-item-title{display:block}.module-content-item-done{color:var(--primary);flex:0 0 auto}.module-content-item-progress{color:var(--accent);flex:0 0 auto}.module-content-item-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.module-content-item span{color:var(--muted-foreground)}.module-detail-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4);align-items:center}.module-grid{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--space-4)}.module-card{display:block;text-decoration:none;color:inherit;border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.module-card:hover{transform:translateY(-2px)}.module-badge-image{margin-bottom:var(--space-3);width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);object-fit:cover}.module-course{font-size:.78rem;color:var(--muted-foreground)}.module-title{margin:var(--space-2) 0 0}.module-description{margin:var(--space-2) 0 0;color:var(--muted-foreground);font-size:.92rem}.module-tags{margin-top:var(--space-3);display:flex;flex-wrap:wrap;gap:var(--space-2)}.module-tag{border-radius:var(--radius-soft);padding:var(--space-tag-y) var(--space-tag-x);font-size:.75rem;background:var(--muted);color:var(--foreground)}.module-tag-xp{background:color-mix(in oklab,var(--primary) 30%,transparent)}.module-tag-time{background:color-mix(in oklab,var(--accent) 70%,transparent)}.module-tag-progress{display:inline-flex;align-items:center;gap:var(--space-2)}.module-empty{margin-top:var(--space-4);font-size:.95rem;color:var(--muted-foreground)}@media (min-width: 768px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.module-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.content-fallback-notice{font-size:.75em;background-color:var(--muted);color:var(--muted-foreground);border:1px solid var(--border);padding:var(--space-3);border-radius:var(--radius-soft);margin:var(--space-3) 0}.content-fallback-notice .cf-label{color:var(--foreground);font-weight:600}.lesson-shell{display:grid;gap:var(--space-6)}.lesson-top{display:grid;gap:var(--space-4)}.lesson-completion-banner,.quiz-xp-preview{display:inline-flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);font-weight:600}.lesson-completion-banner{background:color-mix(in oklab,var(--accent) 65%,transparent)}.quiz-xp-preview{background:color-mix(in oklab,var(--primary) 12%,transparent)}.quiz-xp-note{color:var(--muted-foreground);font-weight:500}.lesson-content-shell{display:grid;gap:var(--space-6)}.lesson-content-shell table{width:100%;border-collapse:collapse;margin:var(--space-4) 0;font-size:.9rem;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);overflow:hidden}.lesson-content-shell th,.lesson-content-shell td{padding:var(--space-2) var(--space-3);border:var(--line-1) solid var(--border);text-align:left;vertical-align:top}.lesson-content-shell thead th{background:color-mix(in oklab,var(--muted) 60%,transparent);font-weight:var(--font-weight-semibold);color:var(--foreground)}.lesson-content-shell tbody tr:nth-child(2n){background:color-mix(in oklab,var(--muted) 25%,transparent)}.lesson-quiz{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-6);box-shadow:var(--shadow-card);display:grid;gap:var(--space-4)}.lesson-quiz-unavailable{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-4);border-radius:var(--radius-soft);background:color-mix(in oklab,var(--muted) 80%,transparent);color:var(--muted-foreground)}.lesson-quiz-unavailable h3{margin:0 0 var(--space-2);color:var(--foreground)}.lesson-quiz-unavailable p{margin:0}.lesson-quiz-question{border-top:var(--line-1) solid var(--border);padding-top:var(--space-4);display:grid;gap:var(--space-3)}.lesson-quiz-question:first-of-type{border-top:0;padding-top:0}.lesson-quiz-question__options{display:grid;gap:var(--space-2);list-style:none;padding:0;margin:0}.quiz-option-btn:hover{background:var(--accent);color:var(--accent-foreground)}.quiz-option-btn{width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-chip-y) var(--space-chip-x);background:var(--background);color:var(--foreground);text-align:left;cursor:pointer;transition:background .14s ease,transform .12s ease,box-shadow .12s ease}.quiz-option-btn:focus-visible{outline:3px solid color-mix(in oklab,var(--primary) 18%,transparent);outline-offset:2px}.quiz-option-btn-selected{box-shadow:var(--shadow-card);background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.quiz-option-btn-selected:disabled{opacity:1!important;pointer-events:none}.quiz-option-btn-correct{border-color:var(--primary);background:color-mix(in oklab,var(--primary) 15%,var(--background));color:var(--primary)}.quiz-option-btn-wrong{border-color:var(--destructive);background:color-mix(in oklab,var(--destructive) 12%,var(--background));color:color-mix(in oklab,var(--destructive) 70%,var(--foreground))}.quiz-option-btn:disabled{cursor:default;opacity:.95;pointer-events:none}.quiz-option-btn:disabled:hover{background:inherit}.quiz-feedback{margin:0;font-weight:var(--font-weight-semibold)}.quiz-feedback-correct{color:var(--primary)}.quiz-feedback-wrong{color:var(--destructive)}.lesson-quiz-summary{border-top:var(--line-1) solid var(--border);padding-top:var(--space-4);color:var(--muted-foreground)}.practices-grid-host{margin-top:var(--space-6)}.discovery-search-header.discovery-search-header-puzzle{position:relative;overflow:hidden;color:var(--foreground);background:linear-gradient(160deg,color-mix(in oklab,var(--primary) 18%,transparent) 0%,transparent 56%,color-mix(in oklab,var(--accent) 14%,transparent) 100%),var(--card)}.discovery-search-header-puzzle:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(135deg,transparent calc(50% - 1px),color-mix(in oklab,var(--primary) 9%,transparent) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)),linear-gradient(225deg,transparent calc(50% - 1px),color-mix(in oklab,var(--primary) 9%,transparent) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));background-size:24px 14px,24px 14px;background-position:0 0,12px 0;background-repeat:repeat;opacity:.4}.discovery-search-header-puzzle:after{content:"";position:absolute;width:20rem;height:16rem;right:-12%;top:-28%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--primary);opacity:.18;pointer-events:none;z-index:0}.discovery-search-header.discovery-search-header-puzzle>*{position:relative;z-index:1}.discovery-search-header.discovery-search-header-puzzle .discovery-search-header-copy{color:var(--muted-foreground)}html[data-theme=dark] .discovery-search-header-puzzle:after{opacity:.14}.challenge-complete-header{display:flex;align-items:center;gap:var(--space-4)}.challenge-complete-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);line-height:var(--line-height-snug)}.challenge-complete-badge{width:80px;height:80px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 4px 12px color-mix(in oklab,var(--primary) 40%,transparent));animation:challengeBadgePop var(--duration-slow) var(--ease-out) both}@keyframes challengeBadgePop{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}.challenge-cases-list{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-3)}.challenge-cases-list-item{font-size:var(--text-base);color:var(--foreground);line-height:var(--line-height-relaxed);padding-left:var(--space-1)}.challenge-cases-list-item--bug{color:var(--color-error-text)}.challenge-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);color:var(--primary-foreground);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;width:fit-content}.challenge-hero-eyebrow [data-lucide],.challenge-hero-eyebrow svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.challenge-hero-top{display:grid;gap:var(--space-3)}.challenge-hero-title-row{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.challenge-hero-rewards{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.challenge-hero-reward-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-chip-y) var(--space-chip-x);background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);border:var(--line-1) solid color-mix(in oklab,var(--primary-foreground) 20%,transparent);border-radius:var(--radius-pill);color:var(--primary-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;white-space:nowrap;opacity:.75}.challenge-hero-reward-pill [data-lucide],.challenge-hero-reward-pill svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.challenge-hero-toggle{display:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);border:none;border-radius:var(--radius-pill);color:var(--primary-foreground);cursor:pointer;padding:0;transition:background var(--duration-fast) var(--ease-default)}.challenge-hero-toggle:hover{background:color-mix(in oklab,var(--primary-foreground) 25%,transparent)}.challenge-hero-toggle svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);transition:transform var(--duration-normal) var(--ease-out)}.challenge-hero-toggle--open svg{transform:rotate(180deg)}.challenge-hero-title{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--primary-foreground);line-height:var(--line-height-tight)}.challenge-hero-desc{color:color-mix(in oklab,var(--primary-foreground) 80%,transparent);font-size:var(--text-sm);line-height:var(--line-height-relaxed);max-width:52ch}.challenge-hero-desc p{margin:0 0 var(--space-2)}.challenge-hero-desc p:last-child{margin-bottom:0}.challenge-hero-desc ol{margin:0 0 var(--space-2);padding-left:var(--space-5)}.challenge-hero-desc ol:last-child{margin-bottom:0}.challenge-hero-desc li{margin-bottom:var(--space-1)}.challenge-hero-desc-req-label{font-weight:var(--font-weight-semibold)}.challenge-case-card{background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--primary) 8%,var(--accent)));border:var(--line-1) solid color-mix(in oklab,var(--primary) 30%,var(--border));border-radius:var(--radius);padding:var(--space-5) var(--space-6);display:grid;gap:var(--space-3);animation:challengeCaseAppear var(--duration-normal) var(--ease-out) both}@keyframes challengeCaseAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.challenge-case-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--primary);color:var(--primary-foreground);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;width:fit-content;box-shadow:0 2px 6px color-mix(in oklab,var(--primary) 40%,transparent)}.challenge-bug-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--color-bug-dot);color:#fff;padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;width:fit-content;box-shadow:0 2px 6px color-mix(in oklab,var(--color-bug-dot) 40%,transparent)}.challenge-case-badge [data-lucide],.challenge-case-badge svg,.challenge-bug-badge [data-lucide],.challenge-bug-badge svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.challenge-case-text{margin:0;line-height:var(--line-height-relaxed);font-size:var(--text-base);color:var(--foreground)}.challenge-case-locked{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--muted-foreground)}.challenge-case-locked [data-lucide],.challenge-case-locked svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-top:2px}.challenge-case-locked p{margin:0;font-size:var(--text-base);font-style:italic;line-height:var(--line-height-relaxed)}.challenge-explore{display:grid;gap:var(--space-4)}.challenge-cases-list--bugs{margin-top:var(--space-4)}.challenge-input{display:block;width:100%;border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);background:var(--background);color:var(--foreground);font-size:var(--text-base);font-family:var(--font-family);line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);outline:none;box-sizing:border-box}.challenge-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.challenge-input::placeholder{color:var(--muted-foreground);opacity:.6}.challenge-submit-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);border:none;border-radius:var(--radius-soft);cursor:pointer;width:fit-content;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-default);box-shadow:0 2px 8px color-mix(in oklab,var(--primary) 40%,transparent)}.challenge-submit-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in oklab,var(--primary) 50%,transparent)}.challenge-submit-btn:active{transform:translateY(0);box-shadow:none}.challenge-submit-btn [data-lucide],.challenge-submit-btn svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md)}.challenge-result--success,.challenge-result--error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-medium);animation:challengeResultSlide var(--duration-normal) var(--ease-out) both}@keyframes challengeResultSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.challenge-result--success{background-color:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border);color:var(--color-success)}.challenge-result--error{background-color:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);color:var(--color-error)}.challenge-result--success [data-lucide],.challenge-result--success svg,.challenge-result--error [data-lucide],.challenge-result--error svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0}.challenge-reward{font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}@media (max-width: 640px){.challenge-hero-top{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.challenge-hero-eyebrow{flex-shrink:0;padding:var(--space-2);width:2.25rem;height:2.25rem;justify-content:center}.challenge-hero-eyebrow-text{display:none}.challenge-hero-toggle{display:inline-flex;margin-left:auto}.challenge-hero-rewards{display:none}.challenge-submit-btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.challenge-complete-badge,.challenge-complete-header,.challenge-case-card,.challenge-result--success,.challenge-result--error{animation:none!important}.challenge-submit-btn{transition:none!important}}@keyframes lcDotFound{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.challenge-dot--just-found{animation:lcDotFound .65s var(--ease-out) forwards}@keyframes lcCaseAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes lcResultSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.adder-page,.divider-page,.divide-page,.multiplier-page,.pval-page,.cprofile-page,.cconv-page,.pr-page,.un-page,.multiplexer-page,.plusser-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.adder-shell,.divider-shell,.pr-shell,.un-shell,.multiplexer-shell,.plusser-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.adder-hero,.divider-hero,.pr-hero,.un-hero,.multiplexer-hero,.plusser-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#a36810),var(--primary));display:grid;gap:var(--space-3)}.adder-hero-eyebrow,.divider-hero-eyebrow,.pr-hero-eyebrow,.un-hero-eyebrow,.multiplexer-hero-eyebrow,.plusser-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);color:var(--primary-foreground);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;width:fit-content}.adder-hero-eyebrow [data-lucide],.adder-hero-eyebrow svg,.divider-hero-eyebrow [data-lucide],.divider-hero-eyebrow svg,.pr-hero-eyebrow [data-lucide],.pr-hero-eyebrow svg,.un-hero-eyebrow [data-lucide],.un-hero-eyebrow svg,.multiplexer-hero-eyebrow [data-lucide],.multiplexer-hero-eyebrow svg,.plusser-hero-eyebrow [data-lucide],.plusser-hero-eyebrow svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.adder-hero-title,.divider-hero-title,.pr-hero-title,.un-hero-title,.multiplexer-hero-title,.plusser-hero-title{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--primary-foreground);line-height:var(--line-height-tight)}.adder-hero-desc,.divider-hero-desc,.pr-hero-desc,.un-hero-desc,.multiplexer-hero-desc,.plusser-hero-desc{color:color-mix(in oklab,var(--primary-foreground) 80%,transparent);font-size:var(--text-sm);line-height:var(--line-height-relaxed);max-width:52ch}.adder-hero-top,.divider-hero-top,.pr-hero-top,.un-hero-top,.multiplexer-hero-top,.plusser-hero-top{display:grid;gap:var(--space-3)}.adder-hero-title-row,.divider-hero-title-row,.pr-hero-title-row,.un-hero-title-row,.multiplexer-hero-title-row,.plusser-hero-title-row{display:flex;align-items:center;gap:var(--space-3)}.adder-hero-rewards,.divider-hero-rewards,.pr-hero-rewards,.un-hero-rewards,.multiplexer-hero-rewards,.plusser-hero-rewards{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.adder-hero-reward-pill,.divider-hero-reward-pill,.pr-hero-reward-pill,.un-hero-reward-pill,.multiplexer-hero-reward-pill,.plusser-hero-reward-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-chip-y) var(--space-chip-x);background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);border:1px solid color-mix(in oklab,var(--primary-foreground) 20%,transparent);border-radius:var(--radius-pill);color:var(--primary-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;white-space:nowrap;opacity:.75;transition:opacity var(--duration-fast) var(--ease-default)}.adder-hero-reward-pill [data-lucide],.adder-hero-reward-pill svg,.divider-hero-reward-pill [data-lucide],.divider-hero-reward-pill svg,.pr-hero-reward-pill [data-lucide],.pr-hero-reward-pill svg,.un-hero-reward-pill [data-lucide],.un-hero-reward-pill svg,.multiplexer-hero-reward-pill [data-lucide],.multiplexer-hero-reward-pill svg,.plusser-hero-reward-pill [data-lucide],.plusser-hero-reward-pill svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.adder-hero-toggle,.divider-hero-toggle,.pr-hero-toggle,.un-hero-toggle,.multiplexer-hero-toggle,.plusser-hero-toggle{display:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);border:none;border-radius:var(--radius-pill);color:var(--primary-foreground);cursor:pointer;padding:0;transition:background var(--duration-fast) var(--ease-default)}.adder-hero-toggle:hover,.divider-hero-toggle:hover,.pr-hero-toggle:hover,.un-hero-toggle:hover,.multiplexer-hero-toggle:hover,.plusser-hero-toggle:hover{background:color-mix(in oklab,var(--primary-foreground) 25%,transparent)}.adder-hero-toggle svg,.divider-hero-toggle svg,.pr-hero-toggle svg,.un-hero-toggle svg,.multiplexer-hero-toggle svg,.plusser-hero-toggle svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);transition:transform var(--duration-normal) var(--ease-out)}.adder-hero-toggle--open svg,.divider-hero-toggle--open svg,.pr-hero-toggle--open svg,.un-hero-toggle--open svg,.multiplexer-hero-toggle--open svg,.plusser-hero-toggle--open svg{transform:rotate(180deg)}.adder-body,.divider-body,.pr-body,.un-body,.multiplexer-body,.plusser-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.adder-dots,.divider-dots,.pr-dots,.un-dots,.multiplexer-dots,.plusser-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.adder-dot,.divider-dot,.pr-dot,.un-dot,.multiplexer-dot,.plusser-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.adder-dot>span,.divider-dot>span,.pr-dot>span,.un-dot>span,.multiplexer-dot>span,.plusser-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.adder-dot--done,.divider-dot--done,.pr-dot--done,.un-dot--done,.multiplexer-dot--done,.plusser-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.adder-dot--done [data-lucide],.adder-dot--done svg,.divider-dot--done [data-lucide],.divider-dot--done svg,.pr-dot--done [data-lucide],.pr-dot--done svg,.un-dot--done [data-lucide],.un-dot--done svg,.multiplexer-dot--done [data-lucide],.multiplexer-dot--done svg,.plusser-dot--done [data-lucide],.plusser-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.adder-dot--active,.divider-dot--active,.pr-dot--active,.un-dot--active,.multiplexer-dot--active,.plusser-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.adder-case-card,.divider-case-card,.pr-case-card,.un-case-card,.multiplexer-case-card,.plusser-case-card{background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--primary) 8%,var(--accent)));border:var(--line-1) solid color-mix(in oklab,var(--primary) 30%,var(--border));border-radius:var(--radius);padding:var(--space-5) var(--space-6);display:grid;gap:var(--space-3);animation:lcCaseAppear var(--duration-normal) var(--ease-out) both}.adder-case-badge,.divider-case-badge,.pr-case-badge,.un-case-badge,.multiplexer-case-badge,.plusser-case-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--primary);color:var(--primary-foreground);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;width:fit-content;box-shadow:0 2px 6px color-mix(in oklab,var(--primary) 40%,transparent)}.adder-case-badge [data-lucide],.adder-case-badge svg,.divider-case-badge [data-lucide],.divider-case-badge svg,.pr-case-badge [data-lucide],.pr-case-badge svg,.un-case-badge [data-lucide],.un-case-badge svg,.multiplexer-case-badge [data-lucide],.multiplexer-case-badge svg,.plusser-case-badge [data-lucide],.plusser-case-badge svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.adder-case-text,.divider-case-text,.pr-case-text,.un-case-text,.multiplexer-case-text,.plusser-case-text{margin:0;line-height:var(--line-height-relaxed);font-size:var(--text-base);color:var(--foreground)}.adder-form,.divider-form,.pr-form,.un-form,.multiplexer-form,.plusser-form{display:grid;gap:var(--space-5)}.adder-field-label,.divider-field-label,.pr-field-label,.un-field-label,.multiplexer-field-label,.plusser-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.adder-input,.divider-input,.pr-input,.un-input,.multiplexer-input,.plusser-input{display:block;width:100%;border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);background:var(--background);color:var(--foreground);font-size:var(--text-base);font-family:var(--font-family);line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);outline:none;box-sizing:border-box}.adder-input:focus,.divider-input:focus,.pr-input:focus,.un-input:focus,.multiplexer-input:focus,.plusser-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.adder-input::placeholder,.divider-input::placeholder,.pr-input::placeholder,.un-input::placeholder,.multiplexer-input::placeholder,.plusser-input::placeholder{color:var(--muted-foreground);opacity:.6}.adder-submit-btn,.divider-submit-btn,.pr-submit-btn,.un-submit-btn,.multiplexer-submit-btn,.plusser-submit-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);border:none;border-radius:var(--radius-soft);cursor:pointer;width:fit-content;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-default);box-shadow:0 2px 8px color-mix(in oklab,var(--primary) 40%,transparent)}.adder-submit-btn:hover,.divider-submit-btn:hover,.pr-submit-btn:hover,.un-submit-btn:hover,.multiplexer-submit-btn:hover,.plusser-submit-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in oklab,var(--primary) 50%,transparent)}.adder-submit-btn:active,.divider-submit-btn:active,.pr-submit-btn:active,.un-submit-btn:active,.multiplexer-submit-btn:active,.plusser-submit-btn:active{transform:translateY(0);box-shadow:none}.adder-submit-btn:disabled,.divider-submit-btn:disabled,.pr-submit-btn:disabled,.un-submit-btn:disabled,.multiplexer-submit-btn:disabled,.plusser-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.adder-submit-btn [data-lucide],.adder-submit-icon svg,.divider-submit-btn [data-lucide],.divider-submit-icon svg,.pr-submit-btn [data-lucide],.pr-submit-icon svg,.un-submit-btn [data-lucide],.un-submit-icon svg,.multiplexer-submit-btn [data-lucide],.multiplexer-submit-icon svg,.plusser-submit-btn [data-lucide],.plusser-submit-icon svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md)}.adder-result--success,.adder-result--error,.divider-result--success,.divider-result--error,.pr-result--success,.pr-result--error,.un-result--success,.un-result--error,.multiplexer-result--success,.multiplexer-result--error,.plusser-result--success,.plusser-result--error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-medium);animation:lcResultSlide var(--duration-normal) var(--ease-out) both}.adder-result--success,.divider-result--success,.pr-result--success,.un-result--success,.multiplexer-result--success,.plusser-result--success{background-color:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border);color:var(--color-success)}.adder-result--error,.divider-result--error,.pr-result--error,.un-result--error,.multiplexer-result--error,.plusser-result--error{background-color:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);color:var(--color-error)}.adder-reward,.divider-reward,.pr-reward,.un-reward,.multiplexer-reward,.plusser-reward{font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}.adder-result--success [data-lucide],.adder-result--success svg,.adder-result--error [data-lucide],.adder-result--error svg,.divider-result--success [data-lucide],.divider-result--success svg,.divider-result--error [data-lucide],.divider-result--error svg,.pr-result--success [data-lucide],.pr-result--success svg,.pr-result--error [data-lucide],.pr-result--error svg,.un-result--success [data-lucide],.un-result--success svg,.un-result--error [data-lucide],.un-result--error svg,.multiplexer-result--success [data-lucide],.multiplexer-result--success svg,.multiplexer-result--error [data-lucide],.multiplexer-result--error svg,.plusser-result--success [data-lucide],.plusser-result--success svg,.plusser-result--error [data-lucide],.plusser-result--error svg{flex-shrink:0}input.input--error{border-color:var(--color-error-border);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-error) 18%,transparent)}input.input--success{border-color:var(--color-success-border);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-success) 15%,transparent)}@media (max-width: 640px){.adder-hero,.divider-hero,.pr-hero,.un-hero,.multiplexer-hero,.plusser-hero{padding:var(--space-6)}.adder-hero-top,.divider-hero-top,.pr-hero-top,.un-hero-top,.multiplexer-hero-top,.plusser-hero-top{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.adder-hero-eyebrow,.divider-hero-eyebrow,.pr-hero-eyebrow,.un-hero-eyebrow,.multiplexer-hero-eyebrow,.plusser-hero-eyebrow{flex-shrink:0;padding:var(--space-2);width:2.25rem;height:2.25rem;justify-content:center}.adder-hero-eyebrow-text,.divider-hero-eyebrow-text,.pr-hero-eyebrow-text,.un-hero-eyebrow-text,.multiplexer-hero-eyebrow-text,.plusser-hero-eyebrow-text{display:none}.adder-hero-toggle,.divider-hero-toggle,.pr-hero-toggle,.un-hero-toggle,.multiplexer-hero-toggle,.plusser-hero-toggle{display:inline-flex;margin-left:auto}.adder-hero-rewards,.divider-hero-rewards,.pr-hero-rewards,.un-hero-rewards,.multiplexer-hero-rewards,.plusser-hero-rewards{display:none}.adder-body,.divider-body,.pr-body,.un-body,.multiplexer-body,.plusser-body{padding:var(--space-5) var(--space-5)}.adder-submit-btn,.divider-submit-btn,.pr-submit-btn,.un-submit-btn,.multiplexer-submit-btn,.plusser-submit-btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.adder-dot,.divider-dot,.pr-dot,.un-dot,.multiplexer-dot,.plusser-dot,.adder-submit-btn,.divider-submit-btn,.pr-submit-btn,.un-submit-btn,.multiplexer-submit-btn,.plusser-submit-btn{transition:none!important;animation:none!important}.adder-case-card,.divider-case-card,.pr-case-card,.un-case-card,.multiplexer-case-card,.plusser-case-card,.adder-result--success,.adder-result--error,.divider-result--success,.divider-result--error,.pr-result--success,.pr-result--error,.un-result--success,.un-result--error,.multiplexer-result--success,.multiplexer-result--error,.plusser-result--success,.plusser-result--error{animation:none!important}}.adder-plus-wrap{display:flex;align-items:center;padding-bottom:.7rem;flex-shrink:0}.adder-plus{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--muted-foreground);user-select:none}.adder-fields{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.adder-field{display:grid;gap:var(--space-2);flex:1;min-width:10rem}.adder-hero-badge-img{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block;object-fit:contain}.adder-hero-reward-pill--earned{opacity:1;background:color-mix(in oklab,#f5c400 25%,transparent);border-color:color-mix(in oklab,#f5c400 50%,transparent)}@media (max-width: 640px){.adder-fields{flex-direction:column;gap:var(--space-4)}.adder-plus-wrap{display:none}.adder-field{min-width:100%}}.divider-op-wrap{display:flex;align-items:center;padding-bottom:.7rem;flex-shrink:0}.divider-op{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--muted-foreground);user-select:none}.divider-fields{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.divider-field{display:grid;gap:var(--space-2);flex:1;min-width:10rem}@media (max-width: 640px){.divider-fields{flex-direction:column;gap:var(--space-4)}.divider-op-wrap{display:none}.divider-field{min-width:100%}}.pr-fields{display:grid;gap:var(--space-4)}.pr-field{display:grid;gap:var(--space-2)}.un-fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.un-field{display:grid;gap:var(--space-2)}.un-field--full{grid-column:1 / -1}@media (max-width: 640px){.un-fields{grid-template-columns:1fr}.un-field--full{grid-column:1}}.multiplexer-shell{max-width:960px}.multiplexer-layout{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:start}.multiplexer-instruction-col{display:grid;gap:var(--space-4)}.multiplexer-instruction{margin:0;font-size:var(--text-base);line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);row-gap:var(--space-2);margin-bottom:var(--space-2)}.multiplexer-inline-field{display:inline-flex;align-items:center;position:relative;vertical-align:middle;margin:0}.multiplexer-inline-select{appearance:none;-webkit-appearance:none;padding:var(--space-chip-y) var(--space-chip-x);padding-right:calc(var(--space-chip-x) + var(--size-icon-chip-sm) + var(--space-1));background:color-mix(in oklab,var(--primary) 15%,var(--card));border:1px solid var(--primary);border-radius:var(--radius-pill);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;line-height:1;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.multiplexer-inline-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.multiplexer-inline-select.input--error{background:color-mix(in oklab,var(--color-error) 10%,var(--card));border-color:var(--color-error-border);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-error) 18%,transparent)}[data-theme=dark] .multiplexer-inline-select{background:color-mix(in oklab,var(--primary) 20%,var(--card))}.multiplexer-inline-field--result .multiplexer-inline-select{border-width:2px}.multiplexer-inline-chevron{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);color:var(--foreground);pointer-events:none;flex-shrink:0}.multiplexer-mock-form{width:220px;flex-shrink:0;background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);display:grid;gap:var(--space-4);box-shadow:var(--shadow-card)}.multiplexer-mock-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--foreground);letter-spacing:.02em}.multiplexer-mock-field{display:grid;gap:var(--space-1)}.multiplexer-mock-label{font-size:var(--text-xs);color:var(--muted-foreground)}.multiplexer-mock-input{display:block;width:100%;min-height:2.25rem;padding:var(--space-2) var(--space-3);border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);background:var(--background);color:var(--foreground);font-size:var(--text-sm);box-sizing:border-box}.multiplexer-mock-btn{display:block;width:100%;text-align:center;padding:var(--space-2) var(--space-4);background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:default;user-select:none}.multiplexer-mock-result-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.multiplexer-mock-result-label{color:var(--muted-foreground);flex-shrink:0}.multiplexer-mock-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}@media (max-width: 768px){.multiplexer-layout{grid-template-columns:1fr}.multiplexer-mock-form{width:100%}}@media (max-width: 540px){.multiplexer-instruction{row-gap:var(--space-2)}.multiplexer-inline-field{display:inline-flex;vertical-align:middle;margin:0}}.subtraction-shell{max-width:960px}.subtraction-page .multiplexer-hero{background:linear-gradient(125deg,color-mix(in oklab,var(--chart-3) 70%,var(--primary)),color-mix(in oklab,var(--chart-4) 52%,var(--primary)))}.subtraction-builder-wrap{display:grid;gap:var(--space-4)}.subtraction-form{gap:var(--space-4)}.subtraction-builder{display:grid;gap:var(--space-2);background:transparent;border:0;border-radius:0;padding:0}.subtraction-builder-row{margin:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--foreground)}.subtraction-builder-row--indented{padding-left:var(--space-6)}.subtraction-keyword{font-style:italic;font-weight:var(--font-weight-semibold);flex-shrink:0}.subtraction-keyword--given{color:color-mix(in oklab,var(--chart-3) 80%,var(--foreground))}.subtraction-keyword--and{color:color-mix(in oklab,var(--color-success) 72%,var(--foreground))}.subtraction-keyword--when{color:var(--muted-foreground)}.subtraction-keyword--then{color:var(--foreground)}.subtraction-result--success,.subtraction-result--error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-medium);animation:lcResultSlide var(--duration-normal) var(--ease-out) both}.subtraction-result--success{background-color:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border);color:var(--color-success)}.subtraction-result--error{background-color:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);color:var(--color-error)}.subtraction-result--success [data-lucide],.subtraction-result--success svg,.subtraction-result--error [data-lucide],.subtraction-result--error svg{flex-shrink:0}.subtraction-reward{font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}@media (max-width: 640px){.subtraction-builder-title{font-size:var(--text-xl)}.subtraction-builder-row{font-size:var(--text-sm)}.subtraction-builder-row--indented{padding-left:var(--space-4)}}.plusser-field{display:grid;gap:var(--space-2)}.plusser-method-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-3);align-items:end}.plusser-method-field{margin-bottom:0}.plusser-select-wrap{position:relative}.plusser-select{appearance:none;-webkit-appearance:none;padding-right:calc(var(--space-4) + var(--size-icon-chip-sm));min-height:var(--size-control-md)}.plusser-select-chevron{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);color:var(--foreground);pointer-events:none}.plusser-template-btn{border:0;border-radius:var(--radius-soft);background:var(--secondary);color:var(--secondary-foreground);font:inherit;font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);min-height:var(--size-control-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default)}.plusser-template-btn:hover{background:color-mix(in oklab,var(--secondary) 75%,var(--foreground) 25%)}.plusser-json-field{margin-bottom:var(--space-4)}.plusser-json-input{min-height:9.75rem;font-family:var(--font-family);line-height:1.55;resize:vertical}.plusser-actions-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.plusser-result-label{color:var(--muted-foreground);font-weight:var(--font-weight-semibold)}.plusser-hero-reward-pill--earned{opacity:1;background:color-mix(in oklab,#f5c400 25%,transparent);border-color:color-mix(in oklab,#f5c400 50%,transparent)}@media (max-width: 640px){.plusser-method-row{grid-template-columns:1fr;align-items:stretch}.plusser-template-btn{width:100%}.plusser-actions-row{flex-direction:column;align-items:flex-start}.plusser-submit-btn{width:100%}}@keyframes gcCaseAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes gcBadgePop{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes gcResultSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.attractor-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.attractor-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.attractor-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#a36810),var(--primary));display:grid;gap:var(--space-3)}.attractor-hero-eyebrow{display:inline-flex;align-items:center;gap:var(--space-2);background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);color:var(--primary-foreground);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;width:fit-content}.attractor-hero-eyebrow [data-lucide],.attractor-hero-eyebrow svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.attractor-hero-title{font-size:var(--text-2xl);font-weight:var(--font-weight-extrabold);color:var(--primary-foreground);line-height:var(--line-height-tight)}.attractor-hero-desc{color:color-mix(in oklab,var(--primary-foreground) 80%,transparent);font-size:var(--text-sm);line-height:var(--line-height-relaxed);max-width:52ch}.attractor-hero-top{display:grid;gap:var(--space-3)}.attractor-hero-title-row{display:flex;align-items:center;gap:var(--space-3)}.attractor-hero-rewards{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.attractor-hero-reward-pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-chip-y) var(--space-chip-x);background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);border:1px solid color-mix(in oklab,var(--primary-foreground) 20%,transparent);border-radius:var(--radius-pill);color:var(--primary-foreground);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:.04em;white-space:nowrap;opacity:.75;transition:opacity var(--duration-fast) var(--ease-default)}.attractor-hero-reward-pill [data-lucide],.attractor-hero-reward-pill svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.attractor-hero-toggle{display:none;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;flex-shrink:0;background:color-mix(in oklab,var(--primary-foreground) 15%,transparent);border:none;border-radius:var(--radius-pill);color:var(--primary-foreground);cursor:pointer;padding:0;transition:background var(--duration-fast) var(--ease-default)}.attractor-hero-toggle:hover{background:color-mix(in oklab,var(--primary-foreground) 25%,transparent)}.attractor-hero-toggle svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);transition:transform var(--duration-normal) var(--ease-out)}.attractor-hero-toggle--open svg{transform:rotate(180deg)}.attractor-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.attractor-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.attractor-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.attractor-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.attractor-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.attractor-dot--done [data-lucide],.attractor-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.attractor-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.attractor-case-card{background:linear-gradient(135deg,var(--accent),color-mix(in oklab,var(--primary) 8%,var(--accent)));border:var(--line-1) solid color-mix(in oklab,var(--primary) 30%,var(--border));border-radius:var(--radius);padding:var(--space-5) var(--space-6);display:grid;gap:var(--space-3);animation:gcCaseAppear var(--duration-normal) var(--ease-out) both}.attractor-case-badge{display:inline-flex;align-items:center;gap:var(--space-2);background-color:var(--primary);color:var(--primary-foreground);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;width:fit-content;box-shadow:0 2px 6px color-mix(in oklab,var(--primary) 40%,transparent)}.attractor-case-badge [data-lucide],.attractor-case-badge svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.attractor-case-text{margin:0;line-height:var(--line-height-relaxed);font-size:var(--text-base);color:var(--foreground)}.attractor-complete-badge{width:80px;height:80px;flex-shrink:0;object-fit:contain;filter:drop-shadow(0 4px 12px color-mix(in oklab,var(--primary) 40%,transparent));animation:gcBadgePop var(--duration-slow) var(--ease-out) both}.attractor-form{display:grid;gap:var(--space-5)}.attractor-submit-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);border:none;border-radius:var(--radius-soft);cursor:pointer;width:fit-content;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-default);box-shadow:0 2px 8px color-mix(in oklab,var(--primary) 40%,transparent)}.attractor-submit-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in oklab,var(--primary) 50%,transparent)}.attractor-submit-btn:active{transform:translateY(0);box-shadow:none}.attractor-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.attractor-submit-btn [data-lucide],.attractor-submit-icon svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md)}.attractor-result--success,.attractor-result--error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-medium);animation:gcResultSlide var(--duration-normal) var(--ease-out) both}.attractor-result--success{background-color:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border);color:var(--color-success)}.attractor-result--error{background-color:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);color:var(--color-error)}.attractor-reward{font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}.attractor-result--success [data-lucide],.attractor-result--success svg,.attractor-result--error [data-lucide],.attractor-result--error svg{flex-shrink:0}@media (max-width: 640px){.attractor-hero{padding:var(--space-6)}.attractor-hero-top{display:flex;flex-direction:row;align-items:center;gap:var(--space-3)}.attractor-hero-eyebrow{flex-shrink:0;padding:var(--space-2);width:2.25rem;height:2.25rem;justify-content:center}.attractor-hero-eyebrow-text{display:none}.attractor-hero-toggle{display:inline-flex;margin-left:auto}.attractor-hero-rewards{display:none}.attractor-body{padding:var(--space-5) var(--space-5)}.attractor-submit-btn{width:100%;justify-content:center}}@media (prefers-reduced-motion: reduce){.attractor-dot,.attractor-submit-btn{transition:none!important;animation:none!important}.attractor-case-card,.attractor-result--success,.attractor-result--error{animation:none!important}}.attractor-shell{max-width:960px}.attractor-layout{display:grid;grid-template-columns:1fr auto;gap:var(--space-6);align-items:start}.attractor-instruction-col{display:grid;gap:var(--space-4)}.attractor-dot:hover{transform:scale(1.1)}.attractor-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}@keyframes attractor-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.attractor-dot--just-found{animation:attractor-dot-found .65s var(--ease-out) forwards}.attractor-case-locked{display:flex;align-items:flex-start;gap:var(--space-3);color:var(--muted-foreground)}.attractor-case-locked [data-lucide],.attractor-case-locked svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0;margin-top:2px}.attractor-case-locked p{margin:0;font-size:var(--text-base);font-style:italic;line-height:var(--line-height-relaxed)}.attractor-instruction{margin:0;font-size:var(--text-base);line-height:1.5;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);row-gap:var(--space-2);margin-bottom:var(--space-2)}.attractor-inline-field{display:inline-flex;align-items:center;position:relative;vertical-align:middle;margin:0}.attractor-inline-select{appearance:none;-webkit-appearance:none;padding:var(--space-chip-y) var(--space-chip-x);padding-right:calc(var(--space-chip-x) + var(--size-icon-chip-sm) + var(--space-1));background:color-mix(in oklab,var(--primary) 15%,var(--card));border:1px solid var(--primary);border-radius:var(--radius-pill);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;line-height:1;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.attractor-inline-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}[data-theme=dark] .attractor-inline-select{background:color-mix(in oklab,var(--primary) 20%,var(--card))}.attractor-inline-field--result .attractor-inline-select{border-width:2px}.attractor-inline-chevron{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);color:var(--foreground);pointer-events:none;flex-shrink:0}.attractor-mock-form{width:220px;flex-shrink:0;background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);display:grid;gap:var(--space-3);box-shadow:var(--shadow-card)}.attractor-mock-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--foreground);letter-spacing:.02em}.attractor-mock-field{display:grid;gap:var(--space-1)}.attractor-mock-label{font-size:var(--text-xs);color:var(--muted-foreground)}.attractor-mock-input{display:block;width:100%;min-height:2.25rem;padding:var(--space-2) var(--space-3);border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);background:var(--background);color:var(--foreground);font-size:var(--text-sm);box-sizing:border-box}.attractor-mock-plus-row{display:flex;align-items:center;padding-left:var(--space-3)}.attractor-mock-plus-sign{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1;user-select:none}.attractor-mock-btn{display:block;width:100%;text-align:center;padding:var(--space-2) var(--space-4);background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:default;user-select:none}.attractor-mock-result-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.attractor-mock-result-label{color:var(--muted-foreground);flex-shrink:0}.attractor-mock-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}.attractor-complete-card{background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-6);display:grid;gap:var(--space-5);box-shadow:var(--shadow-card)}.attractor-complete-header{display:flex;align-items:center;gap:var(--space-4)}.attractor-complete-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--foreground);line-height:var(--line-height-snug)}.attractor-cases-list{margin:0;padding-left:var(--space-5);display:grid;gap:var(--space-3)}.attractor-cases-list-item{font-size:var(--text-base);color:var(--foreground);line-height:var(--line-height-relaxed);padding-left:var(--space-1)}@media (max-width: 768px){.attractor-layout{grid-template-columns:1fr}.attractor-mock-form{width:100%}}@media (max-width: 540px){.attractor-instruction{row-gap:var(--space-2)}.attractor-inline-field{display:inline-flex;vertical-align:middle;margin:0}}@media (prefers-reduced-motion: reduce){.attractor-dot{transition:none!important}.attractor-dot--just-found{animation:none!important}}.divide-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.divide-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#a36810),var(--primary));display:grid;gap:var(--space-3)}.divide-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.divide-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.divide-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.divide-dot:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 40%,transparent)}.divide-dot:hover:not(.divide-dot--done):not(.divide-dot--active){border-color:var(--primary);background-color:color-mix(in oklab,var(--primary) 8%,var(--card));transform:scale(1.06)}.divide-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.divide-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.divide-dot--done [data-lucide],.divide-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.divide-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.divide-form{display:grid;gap:var(--space-5)}.divide-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.divide-op-wrap{display:flex;align-items:center;padding-bottom:.7rem;flex-shrink:0}.divide-op{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--muted-foreground);user-select:none}.divide-fields{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.divide-field{display:grid;gap:var(--space-2);flex:1;min-width:10rem}.challenge-submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}@media (max-width: 640px){.divide-hero{padding:var(--space-6)}.divide-body{padding:var(--space-5) var(--space-5)}.divide-fields{flex-direction:column;gap:var(--space-4)}.divide-op-wrap{display:none}.divide-field{min-width:100%}}@media (prefers-reduced-motion: reduce){.divide-dot{transition:none!important;animation:none!important}}.multiplier-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.multiplier-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#a36810),var(--primary));display:grid;gap:var(--space-3)}.multiplier-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.multiplier-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.multiplier-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.multiplier-dot:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 40%,transparent)}.multiplier-dot:hover:not(.multiplier-dot--done):not(.multiplier-dot--active){border-color:var(--primary);background-color:color-mix(in oklab,var(--primary) 8%,var(--card));transform:scale(1.06)}.multiplier-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.multiplier-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.multiplier-dot--done [data-lucide],.multiplier-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.multiplier-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.multiplier-form{display:grid;gap:var(--space-5)}.multiplier-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.multiplier-op-wrap{display:flex;align-items:center;padding-bottom:.7rem;flex-shrink:0}.multiplier-op{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--muted-foreground);user-select:none}.multiplier-fields{display:flex;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap}.multiplier-field{display:grid;gap:var(--space-2);flex:1;min-width:10rem}@media (max-width: 640px){.multiplier-hero{padding:var(--space-6)}.multiplier-body{padding:var(--space-5) var(--space-5)}.multiplier-fields{flex-direction:column;gap:var(--space-4)}.multiplier-op-wrap{display:none}.multiplier-field{min-width:100%}}@media (prefers-reduced-motion: reduce){.multiplier-dot{transition:none!important;animation:none!important}}.pval-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.pval-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#a36810),var(--primary));display:grid;gap:var(--space-3)}.pval-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.pval-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.pval-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.pval-dot:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 40%,transparent)}.pval-dot:hover:not(.pval-dot--done):not(.pval-dot--active){border-color:var(--primary);background-color:color-mix(in oklab,var(--primary) 8%,var(--card));transform:scale(1.06)}.pval-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.pval-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.pval-dot--done [data-lucide],.pval-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.pval-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.pval-form{display:grid;gap:var(--space-5)}.pval-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.pval-fields{display:grid;gap:var(--space-4)}.pval-field{display:grid;gap:var(--space-2)}@media (max-width: 640px){.pval-hero{padding:var(--space-6)}.pval-body{padding:var(--space-5) var(--space-5)}}@media (prefers-reduced-motion: reduce){.pval-dot{transition:none!important;animation:none!important}}.cprofile-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.cprofile-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#106d30),var(--primary));display:grid;gap:var(--space-3)}.cprofile-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.cprofile-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.cprofile-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.cprofile-dot:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 40%,transparent)}.cprofile-dot:hover:not(.cprofile-dot--done):not(.cprofile-dot--active){border-color:var(--primary);background-color:color-mix(in oklab,var(--primary) 8%,var(--card));transform:scale(1.06)}.cprofile-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.cprofile-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.cprofile-dot--done [data-lucide],.cprofile-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.cprofile-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.cprofile-form{display:grid;gap:var(--space-5)}.cprofile-fields{display:grid;gap:var(--space-4)}.cprofile-field{display:grid;gap:var(--space-2)}.cprofile-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.cprofile-input,.cprofile-select{display:block;width:100%;border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);background:var(--background);color:var(--foreground);font-size:var(--text-base);font-family:var(--font-family);line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);outline:none;box-sizing:border-box;appearance:none;-webkit-appearance:none}.cprofile-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-4) + 1.5rem);cursor:pointer}.cprofile-input:focus,.cprofile-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.cprofile-input::placeholder{color:var(--muted-foreground);opacity:.6}@media (max-width: 640px){.cprofile-hero{padding:var(--space-6)}.cprofile-body{padding:var(--space-5)}}@media (prefers-reduced-motion: reduce){.cprofile-dot{transition:none!important;animation:none!important}}.cconv-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.cconv-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#0e6b5e),var(--primary));display:grid;gap:var(--space-3)}.cconv-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.cconv-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.cconv-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.cconv-dot:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 40%,transparent)}.cconv-dot:hover:not(.cconv-dot--done):not(.cconv-dot--active){border-color:var(--primary);background-color:color-mix(in oklab,var(--primary) 8%,var(--card));transform:scale(1.06)}.cconv-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.cconv-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.cconv-dot--done [data-lucide],.cconv-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.cconv-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.cconv-form{display:grid;gap:var(--space-5)}.cconv-fields{display:grid;gap:var(--space-4)}.cconv-field{display:grid;gap:var(--space-2)}.cconv-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.cconv-currency-row{display:grid;grid-template-columns:1fr auto 1fr;column-gap:var(--space-3);row-gap:var(--space-2);align-items:center}.cconv-arrow-wrap{display:flex;align-items:center;justify-content:center;color:var(--muted-foreground)}.cconv-arrow-wrap [data-lucide],.cconv-arrow-wrap svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md)}.cconv-input,.cconv-select{display:block;width:100%;border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-4);background:var(--background);color:var(--foreground);font-size:var(--text-base);font-family:var(--font-family);line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);outline:none;box-sizing:border-box}.cconv-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:calc(var(--space-4) + 1.5rem);cursor:pointer}.cconv-input:focus,.cconv-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.cconv-input::placeholder{color:var(--muted-foreground);opacity:.6}@media (max-width: 640px){.cconv-hero{padding:var(--space-6)}.cconv-body{padding:var(--space-5)}.cconv-currency-row{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.cconv-arrow-wrap{display:none}}@media (prefers-reduced-motion: reduce){.cconv-dot{transition:none!important;animation:none!important}}@keyframes ecCaseAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ecBadgePop{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes ecResultSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ec-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.ec-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.ec-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.ec-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.ec-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.ec-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.ec-dot:hover{transform:scale(1.1)}.ec-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ec-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.ec-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.ec-dot--done [data-lucide],.ec-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.ec-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes ec-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.ec-dot--just-found{animation:ec-dot-found .65s var(--ease-out) forwards}.ec-form{display:grid;gap:var(--space-5)}.ec-fields{display:flex;align-items:flex-end;gap:var(--space-3)}.ec-field{display:grid;gap:var(--space-2);flex:1}.ec-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.ec-plus-sign{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1;user-select:none;padding-bottom:var(--space-3);flex-shrink:0}.ec-result-area{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--accent);border:var(--line-1) solid var(--border);border-radius:var(--radius-soft)}.ec-result-label{color:var(--muted-foreground);flex-shrink:0}.ec-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}@media (max-width: 640px){.ec-hero{padding:var(--space-6)}.ec-body{padding:var(--space-5)}.ec-fields{flex-direction:column;align-items:stretch}.ec-plus-sign{padding-bottom:0;text-align:center}}@media (prefers-reduced-motion: reduce){.ec-dot{transition:none!important;animation:none!important}}.rp-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.rp-shell{width:100%;max-width:660px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.rp-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.rp-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.rp-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.rp-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.rp-dot:hover{transform:scale(1.1)}.rp-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.rp-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.rp-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.rp-dot--done [data-lucide],.rp-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.rp-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes rp-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.rp-dot--just-found{animation:rp-dot-found .65s var(--ease-out) forwards}.rp-form{display:grid;gap:var(--space-5)}.rp-fields{display:grid;gap:var(--space-3)}.rp-field{display:grid;gap:var(--space-2)}.rp-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.rp-result-area{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--accent);border:var(--line-1) solid var(--border);border-radius:var(--radius-soft)}.rp-result-label{color:var(--muted-foreground);flex-shrink:0}.rp-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}@media (max-width: 640px){.rp-hero{padding:var(--space-6)}.rp-body{padding:var(--space-5)}}@media (prefers-reduced-motion: reduce){.rp-dot{transition:none!important;animation:none!important}}.bd-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.bd-shell{width:100%;max-width:680px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.bd-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.bd-hero-desc{max-width:56ch}.bd-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.bd-progress{display:flex}.bd-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.bd-dots-divider{width:var(--space-4);flex-shrink:0}.bd-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.bd-dot:hover{transform:scale(1.1)}.bd-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.bd-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.bd-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.bd-dot--done [data-lucide],.bd-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.bd-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes bd-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.bd-dot--just-found{animation:bd-dot-found .65s var(--ease-out) forwards}.bd-bug-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid color-mix(in oklab,var(--destructive) 35%,var(--border));background-color:color-mix(in oklab,var(--destructive) 6%,var(--background));position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:color-mix(in oklab,var(--destructive) 55%,var(--muted-foreground));cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.bd-bug-dot:hover{transform:scale(1.1)}.bd-bug-dot:focus-visible{outline:2px solid var(--color-info);outline-offset:3px}.bd-bug-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.bd-bug-dot--done{background-color:var(--color-bug-dot);border-color:var(--color-bug-dot);color:#fff}.bd-bug-dot--done [data-lucide],.bd-bug-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.bd-bug-dot--active{border-color:var(--color-bug-dot);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--color-bug-dot) 12%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--color-bug-dot) 22%,transparent)}@keyframes bd-bug-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--color-info) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.bd-bug-dot--just-found{animation:bd-bug-dot-found .65s var(--ease-out) forwards}.bd-form{display:grid;gap:var(--space-5)}.bd-fields{display:flex;align-items:flex-end;gap:var(--space-3)}.bd-field{display:grid;gap:var(--space-2);flex:1}.bd-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.bd-separator{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1;user-select:none;padding-bottom:var(--space-3);flex-shrink:0}.bd-result-area{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--accent);border:var(--line-1) solid var(--border);border-radius:var(--radius-soft)}.bd-result-label{color:var(--muted-foreground);flex-shrink:0}.bd-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}@media (max-width: 640px){.bd-hero{padding:var(--space-6)}.bd-body{padding:var(--space-5)}.bd-fields{flex-direction:column;align-items:stretch}.bd-separator{padding-bottom:0;text-align:center}}@media (prefers-reduced-motion: reduce){.bd-dot,.bd-bug-dot{transition:none!important;animation:none!important}}.dv-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.dv-shell{width:100%;max-width:680px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.dv-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.dv-hero-desc{max-width:56ch}.dv-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.dv-progress{display:flex}.dv-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.dv-dots-divider{width:var(--space-4);flex-shrink:0}.dv-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.dv-dot:hover{transform:scale(1.1)}.dv-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.dv-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dv-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.dv-dot--done [data-lucide],.dv-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.dv-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes dv-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.dv-dot--just-found{animation:dv-dot-found .65s var(--ease-out) forwards}.dv-bug-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid color-mix(in oklab,var(--destructive) 35%,var(--border));background-color:color-mix(in oklab,var(--destructive) 6%,var(--background));position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:color-mix(in oklab,var(--destructive) 55%,var(--muted-foreground));cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.dv-bug-dot:hover{transform:scale(1.1)}.dv-bug-dot:focus-visible{outline:2px solid var(--color-info);outline-offset:3px}.dv-bug-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.dv-bug-dot--done{background-color:var(--color-bug-dot);border-color:var(--color-bug-dot);color:#fff}.dv-bug-dot--done [data-lucide],.dv-bug-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.dv-bug-dot--active{border-color:var(--color-bug-dot);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--color-bug-dot) 12%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--color-bug-dot) 22%,transparent)}@keyframes dv-bug-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--color-info) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.dv-bug-dot--just-found{animation:dv-bug-dot-found .65s var(--ease-out) forwards}.dv-form{display:grid;gap:var(--space-5)}.dv-fields{display:flex;align-items:flex-end;gap:var(--space-3)}.dv-field{display:grid;gap:var(--space-2);flex:1}.dv-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.dv-separator{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--primary);line-height:1;user-select:none;padding-bottom:var(--space-3);flex-shrink:0}.dv-result-area{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--accent);border:var(--line-1) solid var(--border);border-radius:var(--radius-soft)}.dv-result-label{color:var(--muted-foreground);flex-shrink:0}.dv-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}@media (max-width: 640px){.dv-hero{padding:var(--space-6)}.dv-body{padding:var(--space-5)}.dv-fields{flex-direction:column;align-items:stretch}.dv-separator{padding-bottom:0;text-align:center}}@media (prefers-reduced-motion: reduce){.dv-dot,.dv-bug-dot{transition:none!important;animation:none!important}}.ev-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.ev-shell{width:100%;max-width:680px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.ev-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.ev-hero-desc{max-width:56ch}.ev-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.ev-progress{display:flex}.ev-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.ev-dots-divider{width:var(--space-4);flex-shrink:0}.ev-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.ev-dot:hover{transform:scale(1.1)}.ev-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.ev-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.ev-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.ev-dot--done [data-lucide],.ev-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.ev-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes ev-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.ev-dot--just-found{animation:ev-dot-found .65s var(--ease-out) forwards}.ev-bug-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid color-mix(in oklab,var(--destructive) 35%,var(--border));background-color:color-mix(in oklab,var(--destructive) 6%,var(--background));position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:color-mix(in oklab,var(--destructive) 55%,var(--muted-foreground));cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.ev-bug-dot:hover{transform:scale(1.1)}.ev-bug-dot:focus-visible{outline:2px solid var(--color-info);outline-offset:3px}.ev-bug-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.ev-bug-dot--done{background-color:var(--color-bug-dot);border-color:var(--color-bug-dot);color:#fff}.ev-bug-dot--done [data-lucide],.ev-bug-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.ev-bug-dot--active{border-color:var(--color-bug-dot);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--color-bug-dot) 12%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--color-bug-dot) 22%,transparent)}@keyframes ev-bug-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--color-info) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.ev-bug-dot--just-found{animation:ev-bug-dot-found .65s var(--ease-out) forwards}.ev-form{display:grid;gap:var(--space-5)}.ev-field{display:grid;gap:var(--space-2)}.ev-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.ev-result-area{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--accent);border:var(--line-1) solid var(--border);border-radius:var(--radius-soft)}.ev-result-label{color:var(--muted-foreground);flex-shrink:0}.ev-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}@media (max-width: 640px){.ev-hero{padding:var(--space-6)}.ev-body{padding:var(--space-5)}}@media (prefers-reduced-motion: reduce){.ev-dot,.ev-bug-dot{transition:none!important;animation:none!important}}.tri-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.tri-shell{width:100%;max-width:680px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.tri-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.tri-hero-desc{max-width:56ch}.tri-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.tri-progress{display:flex}.tri-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.tri-dots-divider{width:var(--space-4);flex-shrink:0}.tri-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.tri-dot:hover{transform:scale(1.1)}.tri-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.tri-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tri-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.tri-dot--done [data-lucide],.tri-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.tri-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes tri-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.tri-dot--just-found{animation:tri-dot-found .65s var(--ease-out) forwards}.tri-bug-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid color-mix(in oklab,var(--destructive) 35%,var(--border));background-color:color-mix(in oklab,var(--destructive) 6%,var(--background));position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:color-mix(in oklab,var(--destructive) 55%,var(--muted-foreground));cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.tri-bug-dot:hover{transform:scale(1.1)}.tri-bug-dot:focus-visible{outline:2px solid var(--color-info);outline-offset:3px}.tri-bug-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tri-bug-dot--done{background-color:var(--color-bug-dot);border-color:var(--color-bug-dot);color:#fff}.tri-bug-dot--done [data-lucide],.tri-bug-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.tri-bug-dot--active{border-color:var(--color-bug-dot);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--color-bug-dot) 12%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--color-bug-dot) 22%,transparent)}@keyframes tri-bug-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--color-info) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.tri-bug-dot--just-found{animation:tri-bug-dot-found .65s var(--ease-out) forwards}.tri-form{display:grid;gap:var(--space-5)}.tri-fields{display:flex;align-items:flex-end;gap:var(--space-3)}.tri-field{display:grid;gap:var(--space-2);flex:1}.tri-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.tri-result-area{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-3) var(--space-4);background:var(--accent);border:var(--line-1) solid var(--border);border-radius:var(--radius-soft)}.tri-result-label{color:var(--muted-foreground);flex-shrink:0}.tri-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}@media (max-width: 640px){.tri-hero{padding:var(--space-6)}.tri-body{padding:var(--space-5)}.tri-fields{flex-direction:column;align-items:stretch}}@media (prefers-reduced-motion: reduce){.tri-dot,.tri-bug-dot{transition:none!important;animation:none!important}}.uc-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.uc-shell{width:100%;max-width:700px;border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.uc-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.uc-hero-desc{max-width:56ch}.uc-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.uc-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.uc-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.uc-dot:hover{transform:scale(1.1)}.uc-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.uc-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.uc-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.uc-dot--done [data-lucide],.uc-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.uc-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes uc-dot-found{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.uc-dot--just-found{animation:uc-dot-found .65s var(--ease-out) forwards}.uc-form{display:grid;gap:var(--space-4)}.uc-request-row{display:grid;grid-template-columns:15rem minmax(0,18rem) auto;gap:var(--space-2);align-items:end}.uc-field{display:grid;gap:var(--space-2)}.uc-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.uc-select-wrap{position:relative}.uc-select{appearance:none;-webkit-appearance:none;padding-right:calc(var(--space-4) + var(--size-icon-chip-sm));min-height:var(--size-control-md);width:100%;font-family:var(--font-family);font-size:var(--text-base);font-weight:var(--font-weight-semibold);background:var(--background);color:var(--foreground);border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);padding-left:var(--space-3);outline:none;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default);box-sizing:border-box}.uc-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.uc-select-chevron{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);color:var(--foreground);pointer-events:none}.uc-body-row{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2)}.uc-json-input{min-height:6rem;font-family:var(--font-family);line-height:1.55;resize:vertical}.uc-template-btn{border:0;border-radius:var(--radius-soft);background:var(--secondary);color:var(--secondary-foreground);font:inherit;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);padding:var(--space-2) var(--space-3);min-height:var(--size-control-md);cursor:pointer;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default)}.uc-template-btn:hover{background:color-mix(in oklab,var(--secondary) 75%,var(--foreground) 25%)}.uc-actions-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3)}.uc-result-label{color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}@media (max-width: 640px){.uc-hero{padding:var(--space-6)}.uc-body{padding:var(--space-5)}.uc-request-row{grid-template-columns:1fr}.uc-template-btn{width:100%}.uc-actions-row{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion: reduce){.uc-dot{transition:none!important;animation:none!important}}.gs-builder{display:grid;gap:var(--space-2)}.gs-builder-row{margin:0;display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-2);row-gap:var(--space-1);font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--foreground)}.gs-builder-row--indented{padding-left:var(--space-6)}.gs-keyword{font-style:italic;font-weight:var(--font-weight-semibold);flex-shrink:0}.gs-keyword--given{color:color-mix(in oklab,var(--color-info) 80%,var(--foreground))}.gs-keyword--and{color:color-mix(in oklab,var(--color-success) 72%,var(--foreground))}.gs-keyword--when{color:var(--muted-foreground)}.gs-keyword--then{color:var(--foreground)}.gs-inline-field{display:inline-flex;align-items:center;position:relative;vertical-align:middle;margin:0}.gs-inline-select{appearance:none;-webkit-appearance:none;padding:var(--space-chip-y) var(--space-chip-x);padding-right:calc(var(--space-chip-x) + var(--size-icon-chip-sm) + var(--space-1));background:color-mix(in oklab,var(--primary) 15%,var(--card));border:var(--line-1) solid var(--primary);border-radius:var(--radius-pill);color:var(--foreground);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);cursor:pointer;line-height:1;white-space:nowrap;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.gs-inline-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}[data-theme=dark] .gs-inline-select{background:color-mix(in oklab,var(--primary) 20%,var(--card))}.gs-inline-field--result .gs-inline-select{border-width:2px}.gs-inline-chevron{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);pointer-events:none;color:var(--foreground);flex-shrink:0}.gs-result--success,.gs-result--error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-medium);animation:lcResultSlide var(--duration-normal) var(--ease-out) both}.gs-result--success{background-color:var(--color-success-bg);border:var(--line-1) solid var(--color-success-border);color:var(--color-success)}.gs-result--error{background-color:var(--color-error-bg);border:var(--line-1) solid var(--color-error-border);color:var(--color-error)}.gs-result--success [data-lucide],.gs-result--success svg,.gs-result--error [data-lucide],.gs-result--error svg{flex-shrink:0}.gs-reward{font-weight:var(--font-weight-semibold);margin-left:var(--space-2)}@media (max-width: 640px){.gs-builder-row{font-size:var(--text-sm)}.gs-builder-row--indented{padding-left:var(--space-4)}}.gs-shell{--gs-aside-w: 220px}.gs-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.gs-shell{width:100%;max-width:var(--container-narrow);border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.gs-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.gs-hero-top{gap:var(--space-2)}.gs-body{padding:var(--space-6);display:grid;gap:var(--space-6)}.gs-dots{display:flex;gap:var(--space-2);flex-wrap:wrap;list-style:none;margin:0;padding:0}.gs-dot{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.gs-dot:hover{transform:scale(1.1)}.gs-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.gs-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.gs-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.gs-dot--just-found{animation:gsDotFound .65s var(--ease-out) forwards}@keyframes gsDotFound{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.gs-layout{display:grid;grid-template-columns:1fr var(--gs-aside-w);gap:var(--space-6);align-items:start}.gs-instruction-col,.gs-form{display:grid;gap:var(--space-5)}.gs-submit-icon{width:var(--size-icon-sm);height:var(--size-icon-sm)}.gs-mock-form{display:grid;gap:var(--space-4);background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);box-shadow:var(--shadow-card)}.gs-mock-title{margin:0;font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--foreground);letter-spacing:.02em}.gs-mock-field{display:grid;gap:var(--space-1)}.gs-mock-label{font-size:var(--text-xs);color:var(--muted-foreground)}.gs-mock-input{display:block;width:100%;min-height:var(--size-icon-lg);padding:var(--space-2) var(--space-3);border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);background:var(--background);color:var(--foreground);font-size:var(--text-sm);box-sizing:border-box}.gs-mock-result-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.gs-mock-result-label{color:var(--muted-foreground);flex-shrink:0}.gs-mock-result-value{font-weight:var(--font-weight-semibold);color:var(--foreground)}.gs-mock-btn{display:block;width:100%;text-align:center;padding:var(--space-2) var(--space-4);background:var(--muted);color:var(--muted-foreground);border-radius:var(--radius-soft);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);cursor:default;user-select:none}.gs-complete-header{flex-direction:column;align-items:center;text-align:center;padding:var(--space-4) 0}.gs-complete-badge{border-radius:var(--radius-pill)}.gs-cases-list{gap:var(--space-2)}.gs-cases-list-item{font-size:var(--text-sm)}@media (max-width: 640px){.gs-hero{padding:var(--space-6)}.gs-body{padding:var(--space-5)}.gs-layout{grid-template-columns:1fr}.gs-mock-form{order:1}}@media (prefers-reduced-motion: reduce){.gs-dot{transition:none!important;animation:none!important}}@keyframes bhCaseAppear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes bhBadgePop{0%{opacity:0;transform:scale(.6) rotate(-10deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes bhResultSlide{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bh-shell{--bh-form-max-w: 560px}.bh-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.bh-shell{width:100%;max-width:var(--container-narrow);border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.bh-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.bh-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.bh-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.bh-dot{width:var(--size-avatar-md);height:var(--size-avatar-md);border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.bh-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.bh-dot:hover{transform:scale(1.1)}.bh-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.bh-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.bh-dot--done [data-lucide],.bh-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.bh-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.bh-dot--just-found{animation:bhDotFound .65s var(--ease-out) forwards}@keyframes bhDotFound{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.bh-explore{gap:var(--space-5);min-width:0}.bh-form{display:flex;align-items:flex-end;gap:var(--space-4)}.bh-fields{display:flex;gap:var(--space-4)}.bh-field{display:grid;gap:var(--space-2)}.bh-field-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--foreground)}.bh-select-wrap{position:relative;display:flex;align-items:center}.bh-select{appearance:none;-webkit-appearance:none;width:auto;padding:var(--space-3) var(--space-4);padding-right:calc(var(--space-4) + var(--size-icon-sm) + var(--space-2));background:var(--background);border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);color:var(--foreground);font-size:var(--text-base);font-family:var(--font-family);cursor:pointer;line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.bh-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}[data-theme=dark] .bh-select{background:var(--card)}.bh-select-chevron{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:var(--size-icon-sm);height:var(--size-icon-sm);pointer-events:none;color:var(--muted-foreground);flex-shrink:0}.bh-submit-btn{margin-left:auto;flex-shrink:0}#bh-table{min-width:0}.bh-table-wrap{overflow-x:auto;border:var(--line-1) solid var(--border);border-radius:var(--radius)}.bh-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.bh-th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;background:var(--accent);border-bottom:var(--line-1) solid var(--border);white-space:nowrap}.bh-th--num,.bh-td--num{text-align:right}.bh-tr:not(:last-child) .bh-td{border-bottom:var(--line-1) solid var(--border)}.bh-tr:nth-child(2n){background:color-mix(in oklab,var(--foreground) 3%,transparent)}.bh-tr:hover{background:color-mix(in oklab,var(--primary) 12%,var(--card))}.bh-td{padding:var(--space-3) var(--space-4);color:var(--foreground);line-height:var(--line-height-normal)}.bh-td--name{font-weight:var(--font-weight-semibold);max-width:18ch}.bh-reward{margin-left:auto;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);opacity:.85;flex-shrink:0}@media (max-width: 640px){.bh-hero{padding:var(--space-6)}.bh-body{padding:var(--space-5)}.bh-form{flex-direction:column;align-items:stretch}.bh-fields{flex-direction:column}.bh-select{width:100%}.bh-submit-btn{margin-left:0;width:100%}}@media (prefers-reduced-motion: reduce){.bh-dot{transition:none!important;animation:none!important}}.tl-page{display:flex;justify-content:center;padding:var(--space-4) var(--space-4) var(--space-16)}.tl-shell{width:100%;max-width:var(--container-narrow);border:var(--line-1) solid var(--border);border-radius:var(--radius-dialog);background:var(--card);box-shadow:0 4px 24px color-mix(in oklab,var(--foreground) 8%,transparent),0 1px 4px color-mix(in oklab,var(--foreground) 5%,transparent);overflow:hidden}.tl-hero{padding:var(--space-8);background:linear-gradient(125deg,color-mix(in oklab,var(--primary) 80%,#1a4e8a),var(--primary));display:grid;gap:var(--space-3)}.tl-hero-top{gap:var(--space-2)}.tl-hero-title-row{flex-wrap:wrap}.tl-hero-title{flex:1}.tl-body{padding:var(--space-6) var(--space-8);display:grid;gap:var(--space-6)}.tl-progress{display:flex}.tl-dots{display:flex;align-items:center;gap:var(--space-2);list-style:none;padding:0;margin:0;flex-wrap:wrap}.tl-dots-divider{width:var(--space-4);flex-shrink:0}.tl-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid var(--border);background-color:var(--background);position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.tl-dot:hover{transform:scale(1.1)}.tl-dot:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.tl-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tl-dot--done{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.tl-dot--done [data-lucide],.tl-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.tl-dot--active{border-color:var(--primary);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--primary) 18%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}@keyframes tlDotFound{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--primary) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.tl-dot--just-found{animation:tlDotFound .65s var(--ease-out) forwards}.tl-bug-dot{width:2.5rem;height:2.5rem;border-radius:var(--radius-pill);border:var(--line-2) solid color-mix(in oklab,var(--destructive) 35%,var(--border));background-color:color-mix(in oklab,var(--destructive) 6%,var(--background));position:relative;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:color-mix(in oklab,var(--destructive) 55%,var(--muted-foreground));cursor:pointer;outline:none;transition:background-color var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default),color var(--duration-normal) var(--ease-default),transform var(--duration-fast) var(--ease-out)}.tl-bug-dot:hover{transform:scale(1.1)}.tl-bug-dot:focus-visible{outline:2px solid var(--color-info);outline-offset:3px}.tl-bug-dot>span{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;line-height:1}.tl-bug-dot--done{background-color:var(--color-bug-dot);border-color:var(--color-bug-dot);color:#fff}.tl-bug-dot--done [data-lucide],.tl-bug-dot--done svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.tl-bug-dot--active{border-color:var(--color-bug-dot);border-width:var(--line-2);color:var(--foreground);background-color:color-mix(in oklab,var(--color-bug-dot) 12%,var(--card));box-shadow:0 0 0 3px color-mix(in oklab,var(--color-bug-dot) 22%,transparent)}@keyframes tlBugDotFound{0%{transform:scale(1);box-shadow:none}35%{transform:scale(1.45);box-shadow:0 0 0 6px color-mix(in oklab,var(--color-info) 35%,transparent)}65%{transform:scale(.92)}to{transform:scale(1);box-shadow:none}}.tl-bug-dot--just-found{animation:tlBugDotFound .65s var(--ease-out) forwards}.tl-explore{gap:var(--space-5);min-width:0}.tl-app{display:grid;gap:var(--space-4);background:var(--background);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5) var(--space-6);min-width:0;overflow:hidden}.tl-input-row{display:flex;align-items:center;gap:var(--space-3)}.tl-input-wrap{display:grid;gap:var(--space-1);flex:1;min-width:0}.tl-input{display:block;width:100%;box-sizing:border-box;padding:var(--space-3) var(--space-4);background:var(--card);border:var(--line-2) solid var(--border);border-radius:var(--radius-soft);color:var(--foreground);font-size:var(--text-base);font-family:var(--font-family);line-height:var(--line-height-normal);transition:border-color var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default)}.tl-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--primary) 22%,transparent)}.tl-input::placeholder{color:var(--muted-foreground)}.tl-add-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--primary);color:var(--primary-foreground);font-size:var(--text-base);font-weight:var(--font-weight-semibold);font-family:var(--font-family);border:none;border-radius:var(--radius-soft);cursor:pointer;flex-shrink:0;white-space:nowrap;transition:opacity var(--duration-fast) var(--ease-default),transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-default);box-shadow:0 2px 8px color-mix(in oklab,var(--primary) 40%,transparent)}.tl-add-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 45%,transparent)}.tl-add-btn:active{transform:translateY(0);box-shadow:0 1px 4px color-mix(in oklab,var(--primary) 30%,transparent)}.tl-add-btn [data-lucide],.tl-add-btn svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.tl-add-btn--faux-disabled{background-color:var(--muted);color:var(--muted-foreground);box-shadow:none;cursor:pointer}.tl-add-btn--faux-disabled:hover{opacity:1;transform:none;background-color:var(--muted);box-shadow:none}.tl-add-btn:disabled{background-color:var(--muted);color:var(--muted-foreground);box-shadow:none;cursor:not-allowed;opacity:.6}.tl-add-btn:disabled:hover{opacity:.6;transform:none;box-shadow:none}.tl-filters{display:flex;gap:var(--space-2);flex-wrap:wrap}.tl-filter-btn{padding:var(--space-chip-y) var(--space-chip-x);border:var(--line-1) solid var(--border);border-radius:var(--radius-pill);background:transparent;color:var(--muted-foreground);font-size:var(--text-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.tl-filter-btn:hover{background:var(--accent);color:var(--foreground)}.tl-filter-count{opacity:.7;font-size:var(--text-xs)}.tl-filter-btn--active{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.tl-filter-btn--active:hover{background:var(--primary);color:var(--primary-foreground);opacity:.92}.tl-task-list{list-style:none;margin:0;padding:0;display:grid;gap:0}.tl-task-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:var(--line-1) solid var(--border);min-width:0}.tl-task-item:last-child{border-bottom:none}.tl-task-text{flex:1;min-width:0;font-size:var(--text-base);color:var(--foreground);word-break:break-word;overflow-wrap:break-word;line-height:var(--line-height-normal)}.tl-task-item[data-status=COMPLETED] .tl-task-text{text-decoration:line-through;color:var(--muted-foreground)}.tl-task-item[data-overflow=true] .tl-task-text{word-break:normal;overflow-wrap:normal;overflow:hidden}.tl-task-item[data-status=COMPLETED] .tl-action-btn--complete,.tl-task-item[data-status=ACTIVE] .tl-action-btn--restore{display:none}.tl-task-actions{display:flex;gap:var(--space-2);flex-shrink:0}.tl-action-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--size-avatar-sm);height:var(--size-avatar-sm);padding:0;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);background:transparent;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.tl-action-btn [data-lucide],.tl-action-btn svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);display:block}.tl-action-btn--complete{color:var(--color-success);border-color:var(--color-success-border)}.tl-action-btn--complete:hover{background:var(--color-success-bg)}.tl-action-btn--restore{color:var(--muted-foreground)}.tl-action-btn--restore:hover{background:var(--accent);color:var(--foreground)}.tl-action-btn--delete{color:var(--color-error);border-color:var(--color-error-border)}.tl-action-btn--delete:hover{background:var(--color-error-bg)}.tl-task-empty{padding:var(--space-6) 0;text-align:center;font-size:var(--text-sm);color:var(--muted-foreground);font-style:italic}.tl-result--success [data-lucide],.tl-result--success svg,.tl-result--error [data-lucide],.tl-result--error svg{width:var(--size-icon-chip-md);height:var(--size-icon-chip-md);flex-shrink:0}.tl-reward{margin-left:auto;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);opacity:.85;flex-shrink:0}@keyframes tlBadgePop{0%{transform:scale(.7);opacity:0}70%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@media (max-width: 640px){.tl-hero{padding:var(--space-6)}.tl-body{padding:var(--space-5)}.tl-app{padding:var(--space-4)}.tl-input-row{flex-direction:column;align-items:stretch}.tl-add-btn{width:100%}}@media (prefers-reduced-motion: reduce){.tl-dot,.tl-bug-dot{transition:none!important;animation:none!important}}.app-shell{min-height:100vh;background:var(--background);color:var(--foreground);display:flex;flex-direction:column}.app-header{position:fixed;inset:0 0 auto;z-index:var(--z-header, 50);border-bottom:var(--line-1) solid var(--border);background:color-mix(in oklab,var(--background) 30%,transparent);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);padding-top:calc(env(safe-area-inset-top,0)/2);transition:background var(--duration-normal) var(--ease-default),border-color var(--duration-normal) var(--ease-default)}.app-header-inner,.app-main,.app-footer-inner{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding-left:var(--space-4);padding-right:var(--space-4)}.app-header-inner{min-height:calc(var(--size-control-sm, 44px) + (2 * var(--space-4)));display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding-top:var(--space-4);padding-bottom:var(--space-4)}.app-brand{text-decoration:none;display:flex;align-items:center;gap:var(--space-2);color:inherit}.app-brand-name{font-size:var(--space-5);font-weight:700;letter-spacing:-.01em}.app-nav,.app-actions{display:none}.app-mobile-actions{display:flex;align-items:center;gap:var(--space-2)}.app-actions{gap:var(--space-3)}.app-hamburger{display:inline-flex;align-items:center;justify-content:center}.app-mobile-menu{border-top:var(--line-1) solid var(--border);background:color-mix(in oklab,var(--background) 95%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-mobile-menu-transition{transition:opacity var(--duration-normal) var(--ease-out),transform var(--duration-normal) var(--ease-out)}.app-mobile-menu-enter-start,.app-mobile-menu-leave-end{opacity:0;transform:translateY(calc(var(--space-2) * -1))}.app-mobile-menu-enter-end,.app-mobile-menu-leave-start{opacity:1;transform:translateY(0)}.app-mobile-menu-nav{width:100%;max-width:var(--layout-max-width);margin:0 auto;padding:var(--layout-header-padding);display:grid;gap:.4rem}.app-nav-link,.app-mobile-nav-link{color:var(--muted-foreground);text-decoration:none;font-weight:500}.app-nav-link{position:relative;padding:.5rem 0;transition:color var(--duration-fast) var(--ease-default)}.app-nav-link:hover,.app-nav-link:focus-visible{color:var(--foreground)}.app-nav-link-active{color:var(--foreground)}.app-nav-link-active:after{content:"";position:absolute;left:0;right:0;bottom:-.35rem;height:2px;border-radius:var(--radius-pill);background:var(--primary)}.app-mobile-nav-link{border-radius:var(--space-3);padding:.75rem 1rem;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default)}.app-mobile-nav-link:hover,.app-mobile-nav-link:focus-visible{background:var(--muted);color:var(--foreground)}.app-mobile-nav-link-active{background:var(--muted);color:var(--foreground)}.app-theme-toggle,.app-nav-button,.app-nav-button-primary{border-radius:var(--radius-pill, 9999px);text-decoration:none;font:inherit;font-size:var(--nav-button-font-size);display:inline-flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.app-theme-toggle,.app-nav-button,.app-hamburger{border:var(--line-1) solid var(--border);background:transparent;color:var(--foreground)}.app-theme-toggle,.app-hamburger{width:var(--size-control-sm, 44px);height:var(--size-control-sm, 44px);padding:0;cursor:pointer;position:relative}.app-nav-button,.app-nav-button-primary{padding:.625rem 1rem}.app-theme-toggle:hover,.app-theme-toggle:focus-visible,.app-nav-button:hover,.app-nav-button:focus-visible,.app-hamburger:hover,.app-hamburger:focus-visible{background:var(--muted)}.app-nav-button-primary{border:var(--line-1) solid transparent;background:var(--primary);color:var(--primary-foreground);font-weight:600}.app-nav-button-primary:hover{opacity:.92}.app-theme-icon{width:var(--size-icon-sm, 20px);height:var(--size-icon-sm, 20px);position:absolute;top:50%;left:50%;display:inline-flex;align-items:center;justify-content:center;transform:translate(-50%,-50%) rotate(0) scale(1);transform-origin:center;transition:transform var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.app-theme-icon svg,.app-menu-icon svg{width:100%;height:100%;stroke-width:2}.app-theme-icon-moon{opacity:0;transform:translate(-50%,-50%) rotate(90deg) scale(0)}html[data-theme=dark] .app-theme-icon-sun{opacity:0;transform:translate(-50%,-50%) rotate(-90deg) scale(0)}html[data-theme=dark] .app-theme-icon-moon{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.app-menu-icon{width:var(--size-icon-sm, 20px);height:var(--size-icon-sm, 20px);display:inline-flex;align-items:center;justify-content:center}.app-actions .app-nav-button-primary{min-width:0}.app-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-mobile-menu-footer{margin-top:var(--space-2);padding-top:var(--space-4);border-top:var(--line-1) solid var(--border);display:grid;gap:var(--space-2)}.app-main{padding-top:calc(6rem + var(--space-8) + env(safe-area-inset-top,0));padding-bottom:var(--space-8)}.app-footer{background:color-mix(in oklab,var(--muted) 30%,transparent)}.app-footer-inner{padding-top:3.5rem;padding-bottom:3.5rem}.app-footer-grid{display:grid;gap:var(--space-8)}.app-footer-brand{display:flex;align-items:center;gap:var(--space-2);color:inherit;text-decoration:none}.app-footer-brand .app-logo-wrap{width:var(--size-icon-lg);height:var(--size-icon-lg)}.app-footer-brand .app-logo-img{width:var(--size-icon-md);height:var(--size-icon-md)}.app-footer-brand-name{font-size:var(--space-5);font-weight:700}.app-footer-description{margin:var(--space-4) 0 0;max-width:var(--measure-sm);color:var(--muted-foreground);line-height:1.6}.app-footer-social{display:flex;gap:var(--space-3);margin-top:var(--space-5)}.app-footer-icon-link{color:var(--muted-foreground)}.app-footer-icon-link svg{width:var(--size-icon-sm);height:var(--size-icon-sm)}.app-footer-icon-link:hover,.app-footer-icon-link:focus-visible{color:var(--foreground)}.app-footer-group-title{margin:0 0 var(--space-4);font-size:.875rem;font-weight:600}.app-footer-links{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.app-footer-links a{color:var(--muted-foreground);text-decoration:none;font-size:.92rem}.app-footer-links a:hover,.app-footer-links a:focus-visible{color:var(--foreground)}.app-footer-links a.app-footer-link-active{color:var(--foreground)!important;text-decoration:underline;text-underline-offset:.18em}.app-footer-cookie-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--muted-foreground);font-size:.92rem;text-align:left}.app-footer-cookie-btn:hover,.app-footer-cookie-btn:focus-visible{color:var(--foreground)}.app-footer-bottom{margin-top:3rem;padding-top:var(--space-8);border-top:var(--line-1) solid var(--border);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.app-footer-copyright{margin:0;color:var(--muted-foreground);font-size:.875rem}@media (min-width: 768px){.app-header-inner,.app-main,.app-footer-inner{padding-left:var(--space-6);padding-right:var(--space-6)}.app-nav,.app-actions{display:flex;align-items:center;gap:var(--space-4)}.app-nav{gap:var(--space-8)}.app-mobile-actions,.app-mobile-menu{display:none}.app-footer-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.app-footer-brand-col{grid-column:span 2}.app-footer-brand .app-logo-wrap{width:var(--size-logo-wrap);height:var(--size-logo-wrap)}.app-footer-brand .app-logo-img{width:var(--size-control-md);height:var(--size-control-md)}}@media (max-width: 767px){.app-mobile-menu-nav{padding-left:var(--space-6);padding-right:var(--space-6);padding-bottom:var(--space-4)}}.app-logo-wrap{width:var(--size-logo-wrap);height:var(--size-logo-wrap);border-radius:var(--radius-pill);display:grid;place-items:center;background:transparent;--logo-color: #232323;--anteater-color: #ddf00f}html[data-theme=dark] .app-logo-wrap{--logo-color: #ffffff;--anteater-color: #545454}.app-logo-img{width:var(--size-control-md);height:var(--size-control-md);display:block}#loading-bar{position:fixed;inset:0 0 auto;z-index:calc(var(--z-modal) + 1);height:3px;background:var(--primary);transform-origin:left center;transform:scaleX(0);opacity:0;transition:none;pointer-events:none}body.is-loading #loading-bar{opacity:1;transform:scaleX(.75);transition:transform 8s cubic-bezier(.05,.01,0,1)}.network-toast{position:fixed;bottom:var(--space-6);left:50%;z-index:var(--z-modal);transform:translate(-50%) translateY(calc(100% + var(--space-4)));background:var(--card);color:var(--card-foreground);border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-3) var(--space-5);box-shadow:var(--shadow-card);font-size:.9rem;opacity:0;pointer-events:none;transition:transform var(--duration-slow) var(--ease-out),opacity var(--duration-slow) var(--ease-out)}.network-toast.is-visible{transform:translate(-50%) translateY(0);opacity:1;pointer-events:auto}@media (prefers-reduced-motion: reduce){#loading-bar,.network-toast{transition:none!important}}.panel{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card)}.panel-body{padding:var(--space-6)}.panel-title{font-size:1.6rem}.panel-subtitle{margin:var(--space-2) 0 0;color:var(--muted-foreground)}.pill-row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.pill{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-chip-y) var(--space-chip-x);background:var(--muted);color:var(--muted-foreground);line-height:1;white-space:nowrap}.pill [data-lucide],.pill svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0;display:block}.pill-xp{background:color-mix(in oklab,var(--primary) 20%,var(--muted));color:var(--foreground)}.btn,.btn-primary,.btn-secondary{border-radius:var(--radius-soft);padding:var(--space-input-y) var(--space-4);text-decoration:none;border:var(--line-1) solid var(--border);background:var(--background);color:var(--foreground);cursor:pointer}.btn:hover,.btn-secondary:hover{background:var(--accent)}.btn-primary{border-color:transparent;background:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{opacity:.92}.account-shell,.legal-shell,.course-detail-shell,.module-detail-shell,.lesson-shell{padding:var(--space-6)}.course-detail-shell{display:grid;gap:var(--space-6)}.account-note,.legal-note,.error-note,.course-detail-note,.module-detail-note,.muted{color:var(--muted-foreground)}.account-form-wrap{margin-top:var(--space-6)}.account-form,.account-stack{display:grid;gap:var(--space-4)}.account-label{display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--foreground)}.account-input,.account-select{display:block;width:100%;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-input-y) var(--space-3);background:var(--background);color:var(--foreground);font-size:inherit}.account-input[disabled]{background:var(--muted);cursor:not-allowed}.account-private{display:flex;align-items:center}.account-private-label{margin-left:var(--space-2)}.account-actions{display:flex;align-items:center;gap:var(--space-3);padding-top:var(--space-2)}.alert-success{border:var(--line-1) solid color-mix(in oklab,#16a34a 40%,transparent);background:color-mix(in oklab,#16a34a 12%,white);color:color-mix(in oklab,#14532d 80%,black);padding:.6rem .75rem;border-radius:var(--radius-soft)}.alert-error{border:var(--line-1) solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error);padding:.6rem .75rem;border-radius:var(--radius-soft);font-size:var(--text-sm);margin-top:var(--space-8);padding-top:var(--space-6);border-top:var(--line-1) solid var(--border)}.account-section-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4)}.danger-zone{border:var(--line-1) solid var(--color-error-border);border-radius:var(--radius-soft);overflow:hidden}.danger-zone-item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);flex-wrap:wrap}.danger-zone-item+.danger-zone-item{border-top:var(--line-1) solid var(--color-error-border)}.danger-zone-item-info{display:grid;gap:var(--space-1);flex:1 1 auto}.danger-zone-item-title{font-weight:var(--font-weight-semibold);margin:0;color:var(--foreground)}.btn-danger{border-radius:var(--radius-soft);padding:var(--space-input-y) var(--space-4);text-decoration:none;border:var(--line-1) solid var(--color-error-border);background:var(--color-error-bg);color:var(--color-error);cursor:pointer;white-space:nowrap;flex-shrink:0}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-danger:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.danger-modal-overlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-4)}.danger-modal{background:var(--card);border:var(--line-1) solid var(--color-error-border);border-radius:var(--radius);padding:var(--space-6);max-width:28rem;width:100%;box-shadow:0 8px 32px #0000002e}.danger-modal-title{font-size:1.1rem;font-weight:var(--font-weight-semibold);margin:0 0 var(--space-3);color:var(--color-error)}.legal-shell{max-width:64rem;margin:0 auto}.legal-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:var(--line-1) solid var(--border);padding-bottom:var(--space-4);margin-bottom:var(--space-5)}.legal-lang{display:flex;gap:var(--space-2)}.richtext{line-height:1.65}.richtext table{width:100%;border-collapse:collapse;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);overflow:hidden;font-size:var(--text-sm)}.richtext thead{background:var(--muted)}.richtext th,.richtext td{padding:var(--space-input-y) var(--space-3);text-align:left;border-bottom:var(--line-1) solid var(--border);border-right:var(--line-1) solid var(--border)}.richtext th:last-child,.richtext td:last-child{border-right:none}.richtext tbody tr:last-child td{border-bottom:none}.richtext th{font-weight:var(--font-weight-semibold);color:var(--foreground);background:var(--secondary)}.richtext a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.richtext a:hover{opacity:.8}.error-shell{position:relative;overflow:hidden;max-width:40rem;margin:var(--space-page-offset) auto 0;text-align:center;padding:var(--space-8)}.error-bg{position:absolute;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(color-mix(in oklab,var(--primary) 7%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklab,var(--primary) 7%,transparent) 1px,transparent 1px),linear-gradient(160deg,color-mix(in oklab,var(--primary) 18%,transparent) 0%,transparent 55%,color-mix(in oklab,var(--accent) 12%,transparent) 100%);background-size:20px 20px,20px 20px,100% 100%}.error-bg:before{content:"";position:absolute;width:22rem;height:18rem;left:-20%;top:-30%;border-radius:50%;filter:blur(56px);background:var(--primary);opacity:.25;pointer-events:none}.error-bg:after{content:"";position:absolute;width:18rem;height:16rem;right:-20%;bottom:-30%;border-radius:50%;filter:blur(56px);background:var(--accent);opacity:.2;pointer-events:none}.error-shell>:not(.error-bg){position:relative;z-index:1}.error-title{font-size:2.25rem}.error-subtitle{margin-top:var(--space-2);font-size:1.1rem}.error-actions{margin-top:var(--space-6);display:flex;justify-content:center;gap:var(--space-3)}.quiz-fragment{margin-top:var(--space-6);border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-4);box-shadow:var(--shadow-card)}.quiz-question{margin:0 0 var(--space-3);font-weight:700}.quiz-options{display:grid;gap:var(--space-2)}.quiz-option{width:100%;text-align:left;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);background:var(--background);padding:.5rem .6rem;cursor:pointer}.quiz-option:hover{background:var(--accent)}.course-detail-top,.module-detail-top{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:var(--space-4)}.course-detail-title-row{display:flex;align-items:center;gap:var(--space-3)}.course-detail-badge{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:var(--size-control-md);height:var(--size-control-md);border-radius:var(--radius-dialog);background:color-mix(in oklab,var(--primary) 15%,var(--card));color:var(--primary)}.course-detail-badge [data-lucide],.course-detail-badge svg,.course-detail-badge-image{width:var(--size-icon-lg);height:var(--size-icon-lg);display:block}.course-detail-badge-image{object-fit:contain}.course-detail-actions,.module-detail-actions{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:space-between;align-items:center}.course-modules{margin-top:var(--space-6)}.course-modules-shell{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-5);box-shadow:var(--shadow-card)}.detail-updated-at{display:inline-flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--text-sm);color:var(--muted-foreground)}.detail-updated-at [data-lucide],.detail-updated-at svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0}.trail-completion-banner{margin-top:var(--space-4);display:inline-flex;align-items:center;gap:var(--space-2);line-height:1;padding:var(--space-3) var(--space-4);border-radius:var(--radius-soft);background:color-mix(in oklab,var(--accent) 24%,transparent);color:var(--foreground)}.trail-completion-banner [data-lucide],.trail-completion-banner svg{width:16px;height:16px;flex-shrink:0}.module-list{margin-top:var(--space-4);display:grid;gap:var(--space-3)}.module-list-item-wrapper{position:relative}.module-list-item-wrapper .favorite-form{display:block;position:absolute;top:var(--space-2);right:var(--space-2);z-index:1}.module-content-item-wrapper{position:relative}.module-content-item-wrapper--practice .favorite-form{display:block;position:absolute;top:50%;right:var(--space-3);transform:translateY(-50%);z-index:1}.module-content-item-wrapper--practice .module-content-item{padding-right:calc(var(--space-3) + 2.5rem)}.module-list-item{display:block;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);padding:var(--space-4);text-decoration:none;color:inherit}.module-list-item:hover{background:var(--accent)}.course-module-status{display:inline-flex;align-items:center;gap:var(--space-2)}.module-list-row{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--space-3);flex-wrap:wrap}.course-module-badge-image{width:2.25rem;height:2.25rem;object-fit:contain;flex:0 0 auto}.progress-chip{display:inline-flex;align-items:center;gap:var(--space-1);border-radius:var(--radius-pill);padding:var(--space-chip-y) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:1}.fragment-module-tags+.progress-chip,.fragment-course-card__badges+.progress-chip{margin-top:var(--space-2)}.fragment-practice-card .progress-chip{margin-top:calc(-1 * var(--space-2))}.progress-chip [data-lucide],.progress-chip svg{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0;display:block}.progress-chip-completed{background:var(--color-success-bg);color:var(--color-success);border:var(--line-1) solid var(--color-success-border)}.progress-chip-progress{background:color-mix(in oklab,var(--primary) 20%,var(--muted));color:var(--foreground)}.landing-hero-shell{position:relative;overflow:hidden;border-radius:var(--radius-dialog);padding:0}.landing-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background:linear-gradient(180deg,color-mix(in oklab,var(--primary) 6%,transparent),transparent 30%)}.landing-hero-blob-a,.landing-hero-blob-b{position:absolute;border-radius:50%;filter:blur(56px);opacity:.25;transform:translateZ(0);will-change:transform,opacity;pointer-events:none}.landing-hero-blob-a{width:56rem;height:46rem;left:-14%;top:-28%;background:color-mix(in oklab,var(--primary) 18%,white 60%)}.landing-hero-blob-b{width:48rem;height:40rem;right:-12%;bottom:-20%;background:color-mix(in oklab,var(--accent) 18%,white 72%)}.landing-hero{position:relative;z-index:1;color:var(--foreground);background:color-mix(in oklab,var(--primary) 3%,white 3%);padding:calc(var(--space-hero-y-mobile) * 1.1) var(--space-hero-x-mobile);box-shadow:none}.landing-hero-inner{max-width:var(--measure-xl);margin:0 auto;display:grid;gap:var(--space-6);justify-items:center;text-align:center;padding:var(--space-6) 0}.landing-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:.875rem;padding:.4rem .8rem;border-radius:var(--radius-pill);border:var(--line-1) solid color-mix(in oklab,var(--primary) 30%,transparent);background:color-mix(in oklab,white 88%,var(--primary) 4%);color:color-mix(in oklab,var(--primary) 90%,black 10%);width:fit-content;line-height:1}.landing-hero-badge [data-lucide],.landing-hero-badge svg{width:12px;height:12px;flex-shrink:0}.landing-hero-badge-text{color:var(--foreground)}.testing-practices .testing-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));max-width:var(--measure-xl);margin:0 auto}.testing-card{border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);background:var(--card);box-shadow:var(--shadow-card);text-align:left}.testing-card:hover{border-color:color-mix(in oklab,var(--primary) 16%,transparent);box-shadow:0 28px 56px color-mix(in oklab,#000 10%,transparent)}.testing-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in oklab,var(--primary) 14%,white 86%);color:var(--primary);margin-bottom:var(--space-3)}.testing-card h3{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:800}.testing-card p{margin:0;color:var(--muted-foreground);font-size:.95rem}@media (min-width: 768px){.testing-practices .testing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.testing-practices .testing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}html[data-theme=dark] .landing-hero-badge{background:color-mix(in oklab,var(--accent) 22%,black 6%);color:var(--accent-foreground);border-color:color-mix(in oklab,var(--border) 50%,transparent)}html[data-theme=dark] .landing-hero-badge-text{color:var(--accent-foreground)}html[data-theme=dark] .btn-secondary,html[data-theme=dark] .landing-hero-cta .btn.btn-secondary{background:color-mix(in oklab,var(--muted) 36%,black 12%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 40%,transparent)}html[data-theme=dark] .landing-featured-badge{background:color-mix(in oklab,var(--primary) 12%,black 8%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 50%,transparent)}html[data-theme=dark] .landing-featured-badge [data-lucide],html[data-theme=dark] .landing-featured-badge svg{color:var(--primary)}html[data-theme=dark] .landing-hero-badge [data-lucide],html[data-theme=dark] .landing-hero-badge svg{color:var(--primary)}html[data-theme=dark] .landing-why-card,html[data-theme=dark] .landing-featured-card{background:var(--card);border-color:var(--border);box-shadow:var(--shadow-card);color:var(--foreground)}html[data-theme=dark] .landing-featured-icon{background:color-mix(in oklab,var(--primary) 34%,black 6%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 40%,transparent)}html[data-theme=dark] .landing-why-icon{background:color-mix(in oklab,var(--primary) 46%,black 2%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 36%,transparent);box-shadow:0 10px 22px color-mix(in oklab,#000 6%,transparent)}html[data-theme=dark] .landing-featured-icon [data-lucide],html[data-theme=dark] .landing-featured-icon svg,html[data-theme=dark] .landing-why-icon [data-lucide],html[data-theme=dark] .landing-why-icon svg{color:var(--foreground)}html[data-theme=dark] .landing-featured-card-link:hover .landing-featured-card,html[data-theme=dark] .landing-featured-card-link:focus .landing-featured-card{border-color:color-mix(in oklab,var(--primary) 16%,transparent);box-shadow:0 28px 56px color-mix(in oklab,#000 10%,transparent)}html[data-theme=dark] .landing-featured-chip{background:color-mix(in oklab,var(--muted) 62%,black 6%);color:var(--foreground);border-color:color-mix(in oklab,var(--border) 28%,transparent)}html[data-theme=dark] .landing-featured-progress{background:color-mix(in oklab,var(--muted) 86%,black 4%)}html[data-theme=dark] .landing-featured-progress::-webkit-progress-value{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 84%,transparent),var(--primary));box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 28%,transparent) inset}html[data-theme=dark] .landing-featured-progress::-moz-progress-bar{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 84%,transparent),var(--primary));box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 28%,transparent) inset}.landing-featured-progress-row{display:flex;gap:var(--space-3);align-items:center}.landing-featured-progress{height:var(--size-progress-track)}.landing-featured-progress-label{display:inline-flex;align-items:center;height:100%}.landing-hero-title{margin:0;font-size:clamp(2.25rem,6.5vw,4.5rem);line-height:1.05;font-weight:900;color:var(--foreground);transition:transform .7s ease,opacity .7s ease;letter-spacing:-.02em}.landing-hero-title-accent-text{display:inline-block;color:color-mix(in oklab,var(--primary) 48%,#c68c2b 52%);font-weight:900;font-size:inherit;line-height:inherit}.landing-hero-subtitle{margin-top:var(--space-4);max-width:64ch;color:color-mix(in oklab,var(--foreground) 70%,black 0%);transition:transform .7s ease,opacity .7s ease;font-size:1.05rem}.landing-hero-cta{margin-top:var(--space-6);display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.landing-hero-cta .btn.btn-primary{background:linear-gradient(180deg,color-mix(in oklab,#d39b2f 70%,var(--primary) 30%),var(--primary));color:var(--primary-foreground);padding:.85rem 1.5rem;border-radius:var(--radius-pill);font-weight:700;box-shadow:0 6px 18px color-mix(in oklab,#000 6%,transparent);border:none}.landing-hero-cta .btn.btn-secondary{background:#fff;color:color-mix(in oklab,var(--primary) 90%,black 10%);padding:.65rem 1.2rem;border-radius:var(--radius-pill);border:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.landing-hero-stats{margin-top:var(--space-8);display:grid;gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));justify-items:center;align-items:start;width:100%;max-width:64ch;margin-left:auto;margin-right:auto}.landing-hero-stat{text-align:center}.landing-hero-stat-value{font-size:clamp(1.75rem,4.2vw,2.5rem);font-weight:900;color:var(--foreground)}.landing-hero-stat-label{margin-top:.5rem;font-size:.95rem;color:color-mix(in oklab,var(--foreground) 64%,transparent)}.landing-lift{transform:translateY(0);opacity:1}.landing-hidden{transform:translateY(8px);opacity:0}@media (min-width: 768px){.landing-hero{padding:var(--space-hero-y-tablet) var(--space-hero-x-tablet)}.landing-hero-inner{gap:var(--space-8);padding:var(--space-10) 0}.landing-hero-title{font-size:clamp(2.8rem,5.6vw,5rem)}.landing-hero-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-hero-badge{font-size:.95rem;padding:.45rem .95rem}.landing-hero-blob-a{left:-10%;top:-30%;width:64rem;height:54rem;opacity:.22}.landing-hero-blob-b{right:-14%;bottom:-24%;width:56rem;height:46rem;opacity:.26}.landing-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1280px){.landing-hero-inner{max-width:var(--measure-xxl, 1200px)}.landing-hero-title{font-size:clamp(3rem,4.5vw,5.6rem)}.landing-hero-blob-a,.landing-hero-blob-b{transform:scale(1.05)}.landing-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.landing-lesson{margin-top:var(--space-8)}.landing-why{padding-top:var(--space-6);padding-bottom:var(--space-8)}.landing-why-header{text-align:center;max-width:var(--measure-lg);margin:0 auto var(--space-6)}.landing-why-heading{margin:0;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--foreground)}.landing-why-subtitle{margin-top:var(--space-3);color:var(--muted-foreground)}.landing-why-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));max-width:var(--measure-xl);margin:0 auto}@media (min-width: 768px){.landing-why-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.landing-why-card{border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);background:var(--card);box-shadow:var(--shadow-card);text-align:left}.landing-why-icon{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in oklab,var(--primary) 14%,white 86%);color:var(--primary);margin-bottom:var(--space-3)}.landing-why-icon [data-lucide],.landing-why-icon svg{width:22px;height:22px}.landing-why-title{margin:0 0 var(--space-2);font-size:1.05rem;font-weight:800}.landing-why-desc{margin:0;color:var(--muted-foreground);font-size:.95rem}.landing-featured{padding-top:var(--space-6);padding-bottom:var(--space-8)}.landing-featured-header{display:grid;gap:var(--space-4);align-items:center;justify-items:center;text-align:center;margin-bottom:var(--space-6);max-width:var(--measure-lg);margin-left:auto;margin-right:auto}.landing-featured-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:.35rem .6rem;border-radius:var(--radius-pill);background:color-mix(in oklab,white 90%,var(--primary) 3%);color:var(--foreground);border:1px solid color-mix(in oklab,var(--border) 70%,transparent);font-weight:700;line-height:1}.landing-featured-badge svg,.landing-featured-badge [data-lucide]{color:color-mix(in oklab,var(--primary) 90%,black 10%);width:12px;height:12px}.landing-featured-heading{margin:0;font-size:clamp(1.6rem,3.2vw,2.25rem);font-weight:800;color:var(--foreground)}.landing-featured-subtitle{margin:0;max-width:68ch;color:var(--muted-foreground);font-size:1rem}.landing-featured-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));margin-top:var(--space-6)}@media (min-width: 768px){.landing-featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}}@media (min-width: 1280px){.landing-featured-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}}.landing-featured-card-link{display:block;text-decoration:none;color:inherit;border-radius:var(--radius);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;will-change:transform,box-shadow;outline:none}.landing-featured-card{display:block;border-radius:18px;background:color-mix(in oklab,white 100%,var(--primary) 0%);padding:1.25rem;height:100%;box-shadow:0 8px 24px color-mix(in oklab,#000 4%,transparent);border:1px solid color-mix(in oklab,#e8f0e6 70%,transparent);transform:translateY(0) scale(1);-webkit-transform:translateY(0) scale(1);backface-visibility:hidden;-webkit-transition:-webkit-transform .32s cubic-bezier(.2,.9,.25,1),box-shadow .32s ease;transition:transform .32s cubic-bezier(.2,.9,.25,1),box-shadow .32s ease,border-color .32s ease;will-change:transform,border-color,box-shadow}.landing-featured-card-inner{display:block;gap:var(--space-4);align-items:stretch}.landing-featured-header-row{display:flex;gap:var(--space-4);align-items:center}.landing-featured-header-row .landing-featured-title{margin:0;font-size:1.05rem}.landing-featured-icon{width:44px;height:44px;flex:0 0 44px;border-radius:12px;background:color-mix(in oklab,#f7eade 90%,var(--muted) 6%);display:inline-flex;align-items:center;justify-content:center;color:color-mix(in oklab,var(--primary) 84%,#7a4e14 6%);box-shadow:0 8px 18px color-mix(in oklab,#000 6%,transparent);border:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.landing-featured-icon [data-lucide],.landing-featured-icon svg{width:22px;height:22px}.landing-featured-body{flex:1 1 auto;min-width:0}.landing-featured-title{margin:0;font-size:1.075rem;font-weight:800;color:var(--foreground)}.landing-featured-desc{margin:var(--space-6) 0;color:var(--muted-foreground);font-size:.95rem;line-height:1.45}.landing-featured-meta{margin-top:var(--space-3);display:flex;gap:var(--space-2);flex-wrap:wrap}.landing-featured-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.28rem .64rem;border-radius:var(--radius-pill);background:color-mix(in oklab,#f6f7f4 92%,var(--muted) 4%);color:color-mix(in oklab,#1f2933 78%,var(--muted-foreground) 22%);font-size:.82rem;font-weight:700;border:1px solid color-mix(in oklab,var(--border) 60%,transparent)}.landing-featured-chip [data-lucide],.landing-featured-chip svg{width:14px;height:14px;display:inline-block;vertical-align:middle;margin-right:.45rem}.landing-featured-progress{margin-top:var(--space-3);display:flex;align-items:center;gap:var(--space-3)}.landing-featured-progress-row{margin-top:var(--space-3);display:flex;gap:var(--space-3);align-items:center}.landing-featured-progress{-webkit-appearance:none;appearance:none;width:100%;height:var(--size-progress-track);background:color-mix(in oklab,#f3efe9 96%,var(--muted) 4%);border-radius:var(--radius-pill);border:none;overflow:hidden}.landing-featured-progress::-webkit-progress-bar{background:transparent}.landing-featured-progress::-webkit-progress-value{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 80%,transparent),var(--primary));border-radius:var(--radius-pill);box-shadow:0 4px 10px color-mix(in oklab,var(--primary) 26%,transparent) inset}.landing-featured-progress::-moz-progress-bar{background:linear-gradient(90deg,color-mix(in oklab,var(--primary) 80%,transparent),var(--primary));border-radius:var(--radius-pill);box-shadow:0 4px 10px color-mix(in oklab,var(--primary) 26%,transparent) inset}.landing-featured-progress-label{min-width:44px;text-align:right;color:color-mix(in oklab,var(--foreground) 72%,var(--muted-foreground) 28%);font-weight:500;font-size:.95rem}.landing-featured-modules{margin-top:var(--space-3);color:var(--muted-foreground);font-size:var(--text-sm);display:flex;gap:.5rem;align-items:center}.landing-featured-modules-count{font-weight:700;color:color-mix(in oklab,var(--foreground) 88%,transparent 12%);font-size:.95rem}.landing-featured-card-link:hover.landing-featured-card,.landing-featured-card-link:focus.landing-featured-card{transform:translateY(-2px) scale(1.01);box-shadow:0 28px 56px color-mix(in oklab,#000 8%,transparent);border-color:color-mix(in oklab,var(--primary) 60%,transparent)}.landing-featured-card-link:focus,.landing-featured-card-link:focus.landing-featured-card{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 14%,transparent)}.landing-featured-card-link:focus-visible{outline:none;box-shadow:0 0 0 4px color-mix(in oklab,var(--primary) 18%,transparent)}@media (max-width: 420px){.landing-featured-card-inner{flex-direction:column;gap:var(--space-3)}}.landing-lesson-title{font-size:1.35rem}.landing-grid-4,.landing-grid-3{margin-top:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr))}.landing-teaser{border:var(--line-1) solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-card)}.http-error-box{border:var(--line-1) solid color-mix(in oklab,#dc2626 35%,transparent);background:color-mix(in oklab,#dc2626 10%,var(--background));color:#991b1b;border-radius:var(--radius-soft)}.about-page,.construction-page{padding:var(--space-12) var(--space-6);margin:0 auto}.about-header,.construction-header{text-align:center;margin-bottom:var(--space-12)}.about-header h1,.construction-header h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--space-4)}.about-header p,.construction-header p{font-size:1.25rem;color:var(--muted-foreground)}.about-content{display:flex;flex-direction:column;gap:var(--space-12)}.about-lesson h2{font-size:1.5rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.about-lesson p{line-height:1.6;color:var(--foreground);margin-bottom:var(--space-4)}.about-lesson ul{margin-bottom:var(--space-6);padding-left:var(--space-6);list-style-type:disc}.about-lesson li{margin-bottom:var(--space-2);line-height:1.5}.about-actions{margin-top:var(--space-4);margin-bottom:var(--space-8)}.team-grid{display:flex;flex-wrap:wrap;gap:var(--space-8);margin-top:var(--space-8);justify-content:center;align-items:flex-start}.team-card{background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex:0 0 300px;flex-direction:column;align-items:center;text-align:center}.team-avatar{width:120px;height:120px;border-radius:50%;overflow:hidden;margin-bottom:var(--space-4);border:var(--line-2) solid var(--primary);background:var(--muted)}.team-avatar img{width:100%;height:100%;object-fit:cover}.team-card h3{font-size:1.25rem;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);color:var(--foreground)}.team-role{font-size:.875rem;color:var(--primary);font-weight:500;margin-bottom:var(--space-4)}.team-card p{font-size:.9375rem;line-height:1.6;color:var(--muted-foreground);margin-bottom:0}.construction-icon{display:flex;justify-content:center;margin-bottom:var(--space-8);color:var(--primary)}.construction-icon svg{width:64px;height:64px;stroke-width:1.5}.construction-actions{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.construction-actions a{display:inline-flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-soft);padding:var(--space-input-y) var(--space-4);text-decoration:none;font-weight:var(--font-weight-semibold)}.construction-actions a svg,.construction-actions a [data-lucide]{width:16px;height:16px;flex-shrink:0}.checkout-page{max-width:52rem;margin:0 auto}.checkout-badge{margin:0 auto var(--space-6)}.checkout-icon{margin-bottom:var(--space-6)}.checkout-icon svg{width:72px;height:72px;stroke-width:1.25;filter:drop-shadow(0 4px 16px color-mix(in oklab,var(--primary) 28%,transparent))}.checkout-value-grid{display:grid;gap:var(--space-4);grid-template-columns:repeat(1,minmax(0,1fr));margin:var(--space-8) auto 0;max-width:44rem}@media (min-width: 640px){.checkout-value-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.checkout-value-card{border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-5);background:var(--card);box-shadow:var(--shadow-card);text-align:center}.checkout-value-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:color-mix(in oklab,var(--primary) 14%,white 86%);color:var(--primary);margin:0 auto var(--space-3)}.checkout-value-icon svg,.checkout-value-icon [data-lucide]{width:22px;height:22px}.checkout-value-card h3{margin:0 0 var(--space-2);font-size:.95rem;font-weight:800}.checkout-value-card p{margin:0;font-size:.875rem;color:var(--muted-foreground);line-height:1.5}.pricing-container{max-width:var(--container-xl);margin:0 auto;padding:var(--space-12) var(--space-6)}.pricing-header{text-align:center;margin-bottom:var(--space-12)}.pricing-header h1{font-size:3rem;font-weight:800;margin-bottom:var(--space-4)}.pricing-header p{font-size:1.25rem;color:var(--muted-foreground);max-width:32rem;margin:0 auto}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);margin-bottom:var(--space-12)}.pricing-card{background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius-lg);padding:var(--space-8);display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--shadow-sm)}.pricing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pricing-card.featured{border:2px solid var(--primary);position:relative;box-shadow:var(--shadow-lg)}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--primary);color:var(--primary-foreground);padding:2px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase}.pricing-card-header h2{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1)}.pricing-card-header .tagline{font-size:.875rem;color:var(--muted-foreground);min-height:2.5rem}.pricing-price{margin:var(--space-6) 0;display:flex;align-items:baseline;gap:2px}.pricing-price .amount{font-size:2.5rem;font-weight:800}.pricing-price .period{color:var(--muted-foreground);font-size:1rem}.pricing-features h3{font-size:.875rem;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4);color:var(--foreground)}.pricing-features ul{list-style:none;padding:0;display:grid;gap:var(--space-3)}.pricing-features li{font-size:.9375rem;color:var(--muted-foreground);display:flex;align-items:flex-start;gap:var(--space-2)}.pricing-features li:before{content:"\2713";color:var(--primary);font-weight:800;flex-shrink:0}.pricing-cta .btn{width:100%;display:block;text-align:center;padding:var(--space-3);font-weight:var(--font-weight-semibold)}.pricing-custom{background:var(--muted);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;margin-top:var(--space-12)}.custom-content h3{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-4)}.custom-content p{color:var(--muted-foreground);max-width:32rem;margin:0 auto var(--space-6)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:transparent;padding:var(--space-3) var(--space-10);border-radius:var(--radius-soft);text-decoration:none;font-weight:var(--font-weight-semibold);display:inline-block}.btn-outline:hover{background:var(--primary);color:var(--primary-foreground)}.landing-testimonials-header{text-align:center;max-width:var(--measure-xl);margin:0 auto var(--space-12)}.landing-testimonials-heading{font-size:var(--text-3xl);font-weight:700;color:var(--foreground)}.landing-testimonials-subtitle{color:var(--muted-foreground);margin-top:var(--space-3);font-size:var(--text-lg)}.landing-testimonials-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);max-width:var(--container-xl);margin:0 auto}.landing-testimonials-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:var(--space-5)}.landing-testimonials-quote{flex:1;margin:0;padding:0}.landing-testimonials-quote:before{content:"\201c";font-size:var(--text-4xl);color:var(--primary);line-height:1;display:block;margin-bottom:var(--space-2);font-weight:800}.landing-testimonials-quote p{font-size:var(--text-base);line-height:var(--line-height-relaxed);color:var(--foreground);font-style:italic;margin:0}.landing-testimonials-author{display:flex;align-items:center;gap:var(--space-3);margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border)}.landing-testimonials-avatar{width:52px;height:52px;border-radius:var(--radius-pill);object-fit:cover;border:2px solid var(--primary);flex-shrink:0}.landing-testimonials-name{font-weight:var(--font-weight-semibold);font-size:var(--text-sm);color:var(--foreground)}.landing-testimonials-role{font-size:var(--text-xs);color:var(--muted-foreground);margin-top:2px}@media (max-width: 1024px){.landing-testimonials-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.landing-testimonials-grid{grid-template-columns:1fr}}.landing-showcase-header{text-align:center;max-width:var(--measure-xl);margin:0 auto var(--space-8)}.landing-showcase-heading{font-size:var(--text-3xl);font-weight:700;color:var(--foreground)}.landing-showcase-subtitle{color:var(--muted-foreground);margin-top:var(--space-3);font-size:var(--text-lg)}.landing-showcase-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);max-width:var(--container-xl);margin:0 auto var(--space-12)}.landing-showcase-video{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-card);background:var(--muted)}.landing-showcase-frame{display:block;width:100%;aspect-ratio:16 / 9;border:none}.landing-showcase-faq{max-width:768px;margin:0 auto}.landing-showcase-faq-heading{font-size:var(--text-2xl);font-weight:700;text-align:center;margin-bottom:var(--space-6);color:var(--foreground)}.landing-faq-list{display:flex;flex-direction:column;gap:var(--space-2)}.landing-faq-item{border:1px solid var(--border);border-radius:var(--radius-soft);overflow:hidden;background:var(--card);transition:border-color var(--duration-normal) var(--ease-default)}.landing-faq-item--open{border-color:color-mix(in oklab,var(--primary) 40%,var(--border))}.landing-faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--space-4) var(--space-5);background:none;border:none;cursor:pointer;font-size:var(--text-base);font-weight:500;color:var(--foreground);text-align:left;gap:var(--space-3);transition:color var(--duration-normal) var(--ease-default)}.landing-faq-item--open .landing-faq-question{color:var(--primary)}.landing-faq-arrow{flex-shrink:0;width:18px;height:18px;transition:transform var(--duration-normal) var(--ease-default);color:var(--muted-foreground)}.landing-faq-item--open .landing-faq-arrow{transform:rotate(180deg);color:var(--primary)}.landing-faq-answer{padding:0 var(--space-5) var(--space-4);color:var(--muted-foreground);line-height:var(--line-height-relaxed);font-size:var(--text-base);@media (max-width: 420px){line-height:var(--line-height-snug)}}.landing-faq-answer p{margin:0}.landing-faq-cta{text-align:center;margin-top:var(--space-8);color:var(--muted-foreground);font-size:var(--text-sm)}@media (max-width: 1024px){.landing-showcase-videos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.landing-showcase-videos{grid-template-columns:1fr}.landing-showcase-heading,.landing-testimonials-heading{font-size:var(--text-2xl)}}.landing-assessment{padding-top:var(--space-6);padding-bottom:var(--space-8)}.landing-assessment-list{max-width:var(--measure-lg);margin:var(--space-4) auto;padding-left:var(--space-5);color:var(--muted-foreground);display:flex;flex-direction:column;gap:var(--space-2)}.landing-assessment-footer{text-align:center;color:var(--muted-foreground);max-width:var(--measure-lg);margin:0 auto var(--space-5)}.landing-assessment-cta{display:flex;justify-content:center}.pricing-hero{text-align:center;max-width:var(--measure-xl);margin:0 auto var(--space-16)}.pricing-title{font-size:clamp(2.25rem,6.5vw,4rem);font-weight:900;margin-bottom:var(--space-4);letter-spacing:-.02em}.pricing-subtitle{font-size:1.25rem;color:var(--muted-foreground);max-width:60ch;margin:0 auto 1.25rem}.pricing-hero-bullets{list-style:none;padding:0;margin:var(--space-4) 0 0 0;display:block;max-width:52ch;text-align:left;padding-left:var(--space-6)}.pricing-hero-bullets li{display:flex;align-items:center;gap:var(--space-3);font-size:1rem;color:var(--foreground);margin:0 0 var(--space-3) 0}.pricing-hero-icon{width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}.pricing-card{transition:none!important}.pricing-card:hover{transform:none!important;box-shadow:var(--shadow-card)!important}.pricing-hero-intro{font-size:2rem;font-weight:700;margin:0 auto var(--space-4);max-width:52ch;text-align:left}.pricing-grid{max-width:var(--layout-max-width);margin:var(--space-8) auto 0;padding:0 var(--space-4)}.pricing-card{display:flex;flex-direction:column;padding:var(--space-8);background:var(--card);border-radius:var(--radius-dialog);border:var(--line-1) solid var(--border);box-shadow:var(--shadow-card);height:100%}.pricing-card-header{margin-bottom:var(--space-6)}.pricing-plan-name{font-size:1.5rem;font-weight:800;margin:0 0 var(--space-2)}.pricing-plan-tagline{font-size:.875rem;color:var(--muted-foreground)}.pricing-plan-price{margin-bottom:var(--space-8);display:flex;align-items:baseline;gap:var(--space-1)}.pricing-amount{font-size:3rem;font-weight:900;color:var(--foreground)}.pricing-period{font-size:1rem;color:var(--muted-foreground)}.pricing-features{flex-grow:1;margin-bottom:var(--space-8)}.pricing-features-title{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);margin-bottom:var(--space-4)}.pricing-feature-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-3)}.pricing-feature-item{display:flex;align-items:flex-start;gap:var(--space-3);font-size:.95rem;color:var(--foreground)}.pricing-feature-icon{flex-shrink:0;color:var(--primary)}.pricing-feature-item svg{display:none!important}.pricing-feature-item .pricing-feature-icon svg{display:inline-block!important;width:1.125rem;height:1.125rem}.pricing-cta{width:100%}.pricing-cta .btn{width:100%;display:flex;justify-content:center;padding:.85rem;font-weight:700;border-radius:var(--radius-soft)}.pricing-cta .btn-primary{background:var(--primary);color:var(--primary-foreground);border:none;box-shadow:0 4px 12px color-mix(in oklab,var(--primary) 20%,transparent)}.pricing-cta .btn-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.news-page{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4)}.news-inner{width:100%;max-width:var(--layout-max-width)}.news-item{border-bottom:var(--line-1) solid var(--border);padding:var(--space-5) 0}.news-title{font-size:1rem;margin:0 0 var(--space-2) 0;color:var(--foreground)}.news-meta{font-size:.875rem;color:var(--muted-foreground);margin-bottom:var(--space-3)}.news-content{line-height:var(--line-height-loose)}.news-content a{color:var(--primary);text-decoration:underline}.news-cover{display:block;width:100%;max-height:18rem;object-fit:cover;border-radius:var(--radius-soft);margin-bottom:var(--space-4)}@media (max-width: 640px){.news-inner{padding:0 var(--space-2)}}.news-pagination{width:100%;max-width:var(--layout-max-width);display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-4) 0}.news-pagination-info{color:var(--muted-foreground)}.news-pagination a{color:var(--primary);text-decoration:none;padding:calc(var(--space-1) / 2) var(--space-2);border-radius:6px}.news-pagination a:hover{text-decoration:underline}.news-latest-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.news-latest-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.news-latest-date{color:var(--muted-foreground);font-weight:600}.news-latest-title{color:var(--foreground)}.news-none{color:var(--muted-foreground)}.news-excerpts{list-style:none;margin:0;padding:0}.news-excerpt-item{margin:.35rem 0}.news-excerpt-link{display:flex;gap:.5rem;align-items:baseline;color:var(--foreground);text-decoration:none}.news-excerpt-link:hover{text-decoration:underline}.news-excerpt-date{color:var(--muted-foreground);font-weight:600;font-size:.75rem;min-width:72px}.news-excerpt-title{color:var(--primary)}.news-excerpts-more{margin-top:.5rem}.news-read-more{color:var(--primary);text-decoration:none;font-weight:600}.news-read-more:hover{text-decoration:underline}.news-scheduled-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .4rem;border-radius:.25rem;background:color-mix(in srgb,var(--warning, #f59e0b) 15%,transparent);color:var(--warning, #f59e0b);font-size:.7rem;font-weight:600;white-space:nowrap;flex-shrink:0;line-height:1}.news-scheduled-icon{display:inline-block;width:10px;height:10px;flex-shrink:0}:root{--lb-gold: #f59e0b;--lb-silver: #9ca3af;--lb-bronze: #a16207}.leaderboard-page{max-width:900px;margin:0 auto;padding:var(--space-8) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.leaderboard-banner{position:relative;overflow:hidden;border-radius:var(--radius-dialog);padding:var(--space-8);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);box-shadow:var(--shadow-card);background:linear-gradient(-29deg,color-mix(in oklab,var(--accent) 100%,transparent) 0%,transparent 42%,color-mix(in oklab,var(--primary) 24%,transparent) 100%),var(--card)}.leaderboard-banner:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background-color:color-mix(in oklab,var(--primary) 18%,transparent);-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='1.6' stroke-linecap='butt'%3E%3Cpath d='M6 0 C2 3 2 9 6 12 C10 15 10 21 6 24'/%3E%3Cpath d='M18 0 C14 3 14 9 18 12 C22 15 22 21 18 24'/%3E%3C/g%3E%3C/svg%3E");-webkit-mask-size:24px 24px;-webkit-mask-repeat:repeat;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='1.6' stroke-linecap='butt'%3E%3Cpath d='M6 0 C2 3 2 9 6 12 C10 15 10 21 6 24'/%3E%3Cpath d='M18 0 C14 3 14 9 18 12 C22 15 22 21 18 24'/%3E%3C/g%3E%3C/svg%3E");mask-size:24px 24px;mask-repeat:repeat;opacity:.42}.leaderboard-banner:after{content:"";position:absolute;width:22rem;height:17rem;right:-14%;top:-28%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--accent);opacity:.2;pointer-events:none;z-index:0}html[data-theme=dark] .leaderboard-banner:after{opacity:.14}.leaderboard-banner>*{position:relative;z-index:1}.leaderboard-banner-body{display:flex;flex-direction:column;gap:var(--space-1)}.leaderboard-banner-title{font-size:var(--text-hero-title, var(--font-size-2xl));font-weight:var(--font-weight-bold);color:var(--foreground);margin:0}.leaderboard-banner-subtitle{font-size:var(--font-size-sm);color:var(--muted-foreground);margin:0}.leaderboard-banner-trophy{font-size:3.5rem;line-height:1;flex-shrink:0;filter:drop-shadow(0 2px 8px color-mix(in oklab,var(--primary) 40%,transparent))}.leaderboard-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.leaderboard-filter-group{display:flex;align-items:center;gap:var(--space-2);background:var(--muted);border:1px solid var(--border);border-radius:var(--radius-soft);padding:var(--space-1) var(--space-2)}.leaderboard-filter-label{color:var(--muted-foreground);display:flex;align-items:center}.leaderboard-filter-label svg{width:14px;height:14px}.leaderboard-filter-select{background:transparent;border:none;outline:none;font-size:var(--font-size-sm);color:var(--foreground);cursor:pointer;padding:0}.leaderboard-content{display:flex;flex-direction:column;gap:var(--space-6)}.leaderboard-podium{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:var(--space-3)}.leaderboard-podium-slot{display:flex;flex-direction:column;align-items:center}.leaderboard-podium-slot--first{order:2}.leaderboard-podium-slot--second{order:1}.leaderboard-podium-slot--third{order:3}.leaderboard-podium-card{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-dialog) var(--radius-dialog) 0 0;border-bottom:none;padding:var(--space-4) var(--space-3);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);box-shadow:var(--shadow-card);transition:transform var(--duration-normal) var(--ease-default)}.leaderboard-podium-card--gold{border-color:var(--lb-gold);box-shadow:var(--shadow-card),0 0 24px color-mix(in oklab,var(--lb-gold) 30%,transparent)}.leaderboard-podium-card--silver{border-color:var(--lb-silver)}.leaderboard-podium-card--bronze{border-color:var(--lb-bronze)}.leaderboard-podium-avatar-wrap{position:relative;display:inline-flex}.leaderboard-podium-avatar{border-radius:var(--radius-full);background:color-mix(in oklab,var(--primary) 20%,transparent);color:var(--primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;text-transform:uppercase;overflow:hidden;width:56px;height:56px;border:3px solid var(--lb-silver)}.leaderboard-podium-avatar--gold{width:64px;height:64px;border-color:var(--lb-gold)}.leaderboard-podium-avatar--bronze{border-color:var(--lb-bronze)}.leaderboard-podium-avatar-img{width:100%;height:100%;object-fit:cover}.leaderboard-podium-medal{position:absolute;bottom:-6px;right:-6px;font-size:1.1rem;line-height:1;background:var(--card);border-radius:var(--radius-full);padding:2px}.leaderboard-podium-name-row{display:flex;align-items:center;justify-content:center;gap:var(--space-1);flex-wrap:wrap}.leaderboard-podium-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--foreground);word-break:break-word;text-align:center}.leaderboard-podium-level-badge{height:24px;width:auto}.leaderboard-podium-xp{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--primary)}.leaderboard-podium-xp span{font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);color:var(--muted-foreground)}.leaderboard-podium-stats{display:flex;gap:var(--space-3);font-size:var(--font-size-xs);color:var(--muted-foreground)}.leaderboard-podium-base{width:100%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);border-radius:0 0 var(--radius-soft) var(--radius-soft);border:1px solid var(--border);border-top:none;padding:var(--space-2) 0}.leaderboard-podium-base--first{background:color-mix(in oklab,var(--lb-gold) 20%,var(--muted));border-color:var(--lb-gold);color:var(--lb-gold);min-height:60px}.leaderboard-podium-base--second{background:color-mix(in oklab,var(--lb-silver) 15%,var(--muted));border-color:var(--lb-silver);color:var(--lb-silver);min-height:44px}.leaderboard-podium-base--third{background:color-mix(in oklab,var(--lb-bronze) 15%,var(--muted));border-color:var(--lb-bronze);color:var(--lb-bronze);min-height:32px}.leaderboard-your-rank-card{display:flex;align-items:center;gap:var(--space-3);background:color-mix(in oklab,var(--primary) 8%,var(--card));border:1px solid var(--border);border-left:4px solid var(--primary);border-radius:var(--radius);padding:var(--space-3) var(--space-4);flex-wrap:nowrap;overflow-x:auto}.leaderboard-your-rank-num{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--foreground);min-width:3rem;flex-shrink:0}.leaderboard-your-rank-avatar{flex-shrink:0;width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);background:color-mix(in oklab,var(--primary) 20%,transparent);color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;text-transform:uppercase;overflow:hidden}.leaderboard-your-rank-identity{display:flex;align-items:center;gap:var(--space-3);flex:1}.leaderboard-your-rank-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--foreground);white-space:nowrap}.leaderboard-your-rank-level-badge{height:var(--space-6);width:auto;flex-shrink:0}.leaderboard-your-rank-sep{color:var(--border);font-size:var(--font-size-sm);flex-shrink:0}.leaderboard-your-rank-xp{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary);white-space:nowrap;flex-shrink:0}.leaderboard-your-rank-stat{font-size:var(--font-size-sm);color:var(--foreground);white-space:nowrap;flex-shrink:0}.leaderboard-empty{padding:var(--space-8) var(--space-6);text-align:center;color:var(--muted-foreground);font-size:var(--font-size-sm);border-radius:var(--radius-lg)}.leaderboard-table{border-radius:var(--radius-lg);overflow-x:auto;border:1px solid var(--border)}.leaderboard-list{width:100%;border-collapse:collapse}.leaderboard-list-head{background:var(--muted)}.leaderboard-list-head th{padding:var(--space-3) var(--space-4);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);text-align:left}.leaderboard-col-rank{width:60px;text-align:center}.leaderboard-col-name{width:auto}.leaderboard-col-xp{width:110px;text-align:right;white-space:nowrap}.leaderboard-col-badges,.leaderboard-col-streak,.leaderboard-col-trails{width:72px;text-align:center}.leaderboard-row{border-top:1px solid var(--border);transition:background var(--duration-fast) var(--ease-default)}.leaderboard-row:hover{background:color-mix(in oklab,var(--primary) 4%,transparent)}.leaderboard-row td{padding:var(--space-3) var(--space-4)}.leaderboard-row--current{background:color-mix(in oklab,var(--primary) 6%,transparent);border-left:3px solid var(--primary)}.leaderboard-rank-num{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--muted-foreground);display:block;text-align:center}.leaderboard-user{display:flex;align-items:center;gap:var(--space-3)}.leaderboard-avatar{flex-shrink:0;width:var(--size-avatar-sm);height:var(--size-avatar-sm);border-radius:var(--radius-full);background:color-mix(in oklab,var(--primary) 20%,transparent);color:var(--primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;text-transform:uppercase;overflow:hidden}.leaderboard-avatar-img{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.leaderboard-level-badge{height:var(--space-6);width:auto}.leaderboard-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--foreground)}.leaderboard-xp{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--primary)}.leaderboard-stat{font-size:var(--font-size-sm);color:var(--foreground)}@keyframes lb-pulse{0%,to{opacity:1}50%{opacity:.6}}.leaderboard-streak--active{animation:lb-pulse 2s ease-in-out infinite;color:var(--color-streak, #f97316)}@media (max-width: 640px){.leaderboard-banner{padding:var(--space-6) var(--space-4)}.leaderboard-banner-trophy{font-size:2.5rem}.leaderboard-podium{grid-template-columns:1fr;grid-template-rows:auto auto auto}.leaderboard-podium-slot--first{order:1}.leaderboard-podium-slot--second{order:2}.leaderboard-podium-slot--third{order:3}.leaderboard-podium-base--first,.leaderboard-podium-base--second,.leaderboard-podium-base--third{min-height:24px}.leaderboard-col-trails--hide-mobile{display:none}.leaderboard-col-badges,.leaderboard-col-streak{width:52px}.leaderboard-col-xp{width:80px}.leaderboard-row td{padding:var(--space-2) var(--space-3)}.leaderboard-page{padding:var(--space-4) var(--space-3)}}@media (max-width: 480px){.leaderboard-filters{width:100%}.leaderboard-filter-group{flex:1}.leaderboard-filter-select{flex:1;width:100%}}.favorites-shell{max-width:72rem;margin:0 auto;padding:var(--space-6) var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.favorites-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10) var(--space-6);text-align:center;border-radius:var(--radius-lg)}.favorites-empty-icon{display:flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;background:var(--accent);color:var(--muted-foreground)}.favorites-empty-icon svg{width:var(--size-icon-lg);height:var(--size-icon-lg)}.favorites-empty-title{font-size:var(--text-xl);font-weight:var(--font-weight-semibold);margin:0}.favorites-empty-copy{font-size:var(--text-sm);color:var(--muted-foreground);margin:0;max-width:28rem}.dashboard-favorites-header-left{display:flex;align-items:center;gap:var(--space-2);flex:1;min-width:0}.dashboard-favorites-see-all{font-size:var(--text-sm);color:var(--muted-foreground);text-decoration:none;white-space:nowrap;flex-shrink:0}.dashboard-favorites-see-all:hover{color:var(--foreground)}.games-hero-shell{position:relative;overflow:hidden;border-radius:var(--radius-dialog);background:var(--card)}.games-hero-bg{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden;background-image:radial-gradient(circle,color-mix(in oklab,var(--primary) 10%,transparent) 1.5px,transparent 1.5px),linear-gradient(160deg,color-mix(in oklab,var(--primary) 20%,transparent) 0%,transparent 50%,color-mix(in oklab,var(--accent) 15%,transparent) 100%);background-size:28px 28px,100% 100%}.games-hero-bg:before{content:"";position:absolute;width:62rem;height:52rem;left:-10%;top:-20%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--primary);opacity:.28;pointer-events:none}.games-hero-bg:after{content:"";position:absolute;width:52rem;height:44rem;right:-10%;bottom:-18%;border-radius:50%;filter:blur(var(--effect-blob-blur));background:var(--accent);opacity:.22;pointer-events:none}.games-hero{position:relative;z-index:1;background:transparent;padding:calc(var(--space-hero-y-mobile) * 2.5) var(--space-hero-x-mobile)}.games-hero-inner{max-width:var(--measure-xl);margin:0 auto;display:grid;gap:var(--space-5);justify-items:center;text-align:center}.games-hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);border:var(--line-1) solid color-mix(in oklab,var(--primary) 30%,transparent);background:color-mix(in oklab,var(--card) 88%,var(--primary) 4%);color:color-mix(in oklab,var(--primary) 90%,var(--foreground) 10%);width:fit-content;line-height:var(--line-height-compact);font-weight:var(--font-weight-semibold)}.games-hero-badge [data-lucide]{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);flex-shrink:0}.games-hero-badge-text{color:var(--foreground)}.games-hero-title{margin:0;font-size:clamp(var(--text-4xl),6.5vw,4.5rem);line-height:var(--line-height-tight);font-weight:var(--font-weight-extrabold);color:var(--foreground);letter-spacing:-.02em}.games-hero-title-accent{display:inline-block;color:color-mix(in oklab,var(--primary) 70%,var(--foreground) 30%);font-weight:var(--font-weight-extrabold)}.games-hero-subtitle{margin:0;max-width:60ch;color:color-mix(in oklab,var(--foreground) 70%,transparent);font-size:var(--text-base);line-height:var(--line-height-relaxed)}.games-section{padding:var(--space-16) var(--space-6)}.games-section-inner{max-width:var(--layout-max-width);margin:0 auto}.games-section-header{text-align:center;display:grid;gap:var(--space-4);justify-items:center;margin-bottom:var(--space-12)}.games-section-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--card) 90%,var(--primary) 3%);color:var(--foreground);border:var(--line-1) solid color-mix(in oklab,var(--border) 70%,transparent);font-weight:var(--font-weight-bold);font-size:var(--text-sm);line-height:var(--line-height-compact)}.games-section-badge [data-lucide]{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm);color:color-mix(in oklab,var(--primary) 90%,var(--foreground) 10%)}.games-section-heading{margin:0;font-size:var(--text-3xl);font-weight:var(--font-weight-extrabold);color:var(--foreground)}.games-section-subtitle{margin:0;max-width:60ch;color:var(--muted-foreground);font-size:var(--text-base)}.games-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.game-card{position:relative;display:block;text-decoration:none;color:inherit;border-radius:var(--radius-dialog);background:var(--card);border:var(--line-1) solid color-mix(in oklab,var(--border) 70%,transparent);box-shadow:0 var(--space-2) var(--space-6) color-mix(in oklab,var(--foreground) 4%,transparent);transition:transform .32s cubic-bezier(.2,.9,.25,1),box-shadow var(--duration-slow) var(--ease-default),border-color var(--duration-slow) var(--ease-default);will-change:transform}.game-card:hover{transform:translateY(-4px) scale(1.01);box-shadow:0 var(--space-8) var(--space-16) color-mix(in oklab,var(--foreground) 8%,transparent);border-color:color-mix(in oklab,var(--primary) 40%,transparent)}.game-card-inner{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);height:100%}.game-card-icon{width:var(--size-control-md);height:var(--size-control-md);flex:0 0 var(--size-control-md);border-radius:var(--radius);background:color-mix(in oklab,var(--primary) 12%,var(--card));display:inline-flex;align-items:center;justify-content:center;color:color-mix(in oklab,var(--primary) 80%,var(--foreground) 20%);box-shadow:0 var(--space-1) var(--space-3) color-mix(in oklab,var(--foreground) 6%,transparent);border:var(--line-1) solid color-mix(in oklab,var(--border) 60%,transparent)}.game-card-icon [data-lucide]{width:var(--size-icon-md);height:var(--size-icon-md)}.game-card-body{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.game-card-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-extrabold);color:var(--foreground)}.game-card-desc{margin:0;color:var(--muted-foreground);font-size:var(--text-sm);line-height:var(--line-height-normal)}.game-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.game-card-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);background:var(--secondary);color:color-mix(in oklab,var(--foreground) 75%,transparent);font-size:var(--text-xs);font-weight:var(--font-weight-bold);border:var(--line-1) solid color-mix(in oklab,var(--border) 60%,transparent)}.game-card-chip [data-lucide]{width:var(--size-icon-chip-sm);height:var(--size-icon-chip-sm)}.game-card-chip--level{background:color-mix(in oklab,var(--primary) 10%,var(--card));color:color-mix(in oklab,var(--primary) 80%,var(--foreground) 20%);border-color:color-mix(in oklab,var(--primary) 20%,transparent)}.game-card-cta{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:color-mix(in oklab,var(--primary) 80%,var(--foreground) 20%);padding-top:var(--space-3);border-top:var(--line-1) solid color-mix(in oklab,var(--border) 60%,transparent)}.game-card-cta [data-lucide]{width:var(--size-icon-sm);height:var(--size-icon-sm);transition:transform var(--duration-fast) var(--ease-out)}.game-card:hover .game-card-cta [data-lucide]{transform:translate(4px)}.game-card--coming-soon{opacity:.7;cursor:default;border-style:dashed}.game-card--coming-soon:hover{transform:none;box-shadow:0 var(--space-2) var(--space-6) color-mix(in oklab,var(--foreground) 4%,transparent);border-color:color-mix(in oklab,var(--border) 70%,transparent)}.game-card-soon-badge{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1;display:inline-flex;font-size:var(--text-xs);font-weight:var(--font-weight-bold);letter-spacing:.04em;text-transform:uppercase;padding:var(--space-chip-y) var(--space-chip-x);border-radius:var(--radius-pill);background:color-mix(in oklab,var(--primary) 14%,var(--muted));color:var(--muted-foreground);border:var(--line-1) solid color-mix(in oklab,var(--primary) 20%,transparent);white-space:nowrap}.game-card-cta--muted{color:var(--muted-foreground);font-weight:var(--font-weight-medium);opacity:.6}.game-card-cta--muted [data-lucide]{transition:none}html[data-theme=dark] .games-hero-bg:before{opacity:.22}html[data-theme=dark] .games-hero-bg:after{opacity:.18}html[data-theme=dark] .games-hero-badge{background:color-mix(in oklab,var(--accent) 22%,var(--background) 6%);border-color:color-mix(in oklab,var(--border) 50%,transparent)}html[data-theme=dark] .games-section-badge{background:color-mix(in oklab,var(--muted) 80%,var(--background) 6%);border-color:var(--border)}html[data-theme=dark] .games-section-badge [data-lucide]{color:var(--primary)}html[data-theme=dark] .game-card-icon{background:color-mix(in oklab,var(--primary) 20%,var(--background) 8%);border-color:color-mix(in oklab,var(--border) 40%,transparent)}html[data-theme=dark] .game-card-chip{background:var(--muted);border-color:var(--border)}html[data-theme=dark] .game-card-chip--level{background:color-mix(in oklab,var(--primary) 16%,var(--background) 8%);border-color:color-mix(in oklab,var(--primary) 22%,transparent)}@media (min-width: 768px){.games-hero{padding:calc(var(--space-hero-y-tablet) * 3) var(--space-hero-x-tablet)}.games-hero-inner{gap:var(--space-6)}}@media (max-width: 640px){.games-hero{padding:calc(var(--space-hero-y-mobile) * 1.5) var(--space-hero-x-mobile)}.games-section{padding:var(--space-8) var(--space-4)}.games-grid{grid-template-columns:1fr}}.levels-shell{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-8)}.levels-header{display:flex;flex-direction:column;gap:var(--space-3);padding-bottom:var(--space-4);border-bottom:var(--line-1) solid var(--border)}.levels-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);margin:0;color:var(--foreground)}.levels-subtitle{font-size:var(--text-sm);color:var(--muted-foreground);margin:0}.user-level-progress{display:flex;justify-content:center;margin-bottom:var(--space-6)}.progress-card{width:100%;max-width:600px;background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 28%,var(--card)) 0%,var(--card) 100%);border-radius:var(--radius);padding:var(--space-6);color:var(--foreground);box-shadow:var(--shadow-card);border:var(--line-1) solid var(--border)}.progress-card h2{margin:0 0 var(--space-4) 0;font-size:var(--text-lg);font-weight:var(--font-weight-bold);color:var(--foreground)}.progress-content{display:flex;flex-direction:column;gap:var(--space-4)}.current-level-display{display:flex;align-items:center;gap:var(--space-4)}.level-name{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--foreground)}.tier-display{display:flex;gap:var(--space-2)}.tier-display .tier-star{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--primary);fill:currentColor}.tier-display .tier-star:not(.filled){opacity:.3}.xp-info{display:flex;justify-content:space-between;font-size:var(--text-sm);gap:var(--space-4);color:var(--muted-foreground)}.progress-bar-container{width:100%;height:8px;background-color:var(--muted);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--primary) 0%,color-mix(in oklab,var(--primary) 80%,var(--card)) 100%);border-radius:var(--radius-pill);transition:width var(--duration-normal) var(--ease-default)}.levels-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6);width:100%}.levels-cards{display:contents}.level-card{background:var(--card);border:var(--line-1) solid var(--border);border-radius:var(--radius);padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-4);transition:all var(--duration-normal) var(--ease-default);cursor:default}.level-card:hover{border-color:var(--primary);box-shadow:var(--shadow-card),0 8px 24px color-mix(in oklab,var(--primary) 12%,transparent);transform:translateY(-2px)}.level-card-top{display:flex;align-items:center;gap:var(--space-6)}.level-card-badge{width:var(--size-avatar-lg);height:var(--size-avatar-lg)}.level-card-badge.image{margin:0;padding:0}.level-card-title{margin:0;font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--foreground);line-height:var(--line-height-tight)}.level-card-description{margin:0;font-size:var(--text-sm);color:var(--muted-foreground);line-height:var(--line-height-normal)}.level-tiers{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background-color:var(--secondary);border-radius:var(--radius-soft)}.tier-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.tier-label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-weight-medium);color:var(--foreground);min-width:80px}.tier-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;color:var(--primary)}.tier-xp{color:var(--muted-foreground);font-size:var(--text-xs);text-align:right;font-weight:var(--font-weight-medium)}.level-progress-indicator{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);background-color:color-mix(in oklab,var(--primary) 8%,var(--card));border-radius:var(--radius-soft);border-left:var(--line-2) solid var(--primary)}.progress-label{font-size:var(--text-xs);font-weight:var(--font-weight-bold);color:var(--primary);text-transform:uppercase;letter-spacing:.5px}.level-progress-indicator .progress-bar-fill{height:6px;background:linear-gradient(90deg,var(--primary) 0%,color-mix(in oklab,var(--primary) 80%,var(--card)) 100%)}.progress-text{font-size:var(--text-xs);color:var(--muted-foreground)}@media (max-width: 768px){.levels-shell{padding:var(--space-6);gap:var(--space-6)}.levels-grid{grid-template-columns:1fr}.progress-card,.level-card{padding:var(--space-5)}.current-level-display{flex-direction:column;align-items:flex-start}}[data-theme=dark] .progress-card{background:linear-gradient(135deg,color-mix(in oklab,var(--primary) 18%,var(--card)) 0%,var(--card) 100%)}.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-modal);background:var(--card);color:var(--card-foreground);border-top:var(--line-1) solid var(--border);box-shadow:0 -4px 24px color-mix(in oklab,var(--foreground) 12%,transparent)}.cookie-banner-inner{max-width:var(--layout-max-width);margin:0 auto;display:flex;align-items:stretch;gap:var(--space-8);padding:var(--space-5) var(--space-6)}.cookie-banner-body{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.cookie-banner-content{display:flex;flex-direction:column;gap:var(--space-1)}.cookie-banner-title{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--card-foreground);margin:0}.cookie-banner-text{font-size:var(--text-sm);line-height:var(--line-height-normal);color:var(--muted-foreground);margin:0}.cookie-banner-link{color:var(--primary);text-decoration:underline;text-underline-offset:3px;font-size:var(--text-sm);font-weight:var(--font-weight-medium);width:fit-content}.cookie-banner-link:hover{opacity:.8}.cookie-banner-actions{display:flex;flex-direction:column;justify-content:flex-end;gap:var(--space-2);flex-shrink:0;min-width:140px}.cookie-categories{display:flex;border:var(--line-1) solid var(--border);border-radius:var(--radius-soft);background:var(--background);overflow:hidden}.cookie-category{flex:1;display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);padding:var(--space-2) var(--space-3);border-right:var(--line-1) solid var(--border);background:transparent;transition:background var(--duration-fast) var(--ease-default);user-select:none}.cookie-category:last-child{border-right:none}.cookie-category:has(input:disabled){cursor:default;opacity:.7}.cookie-category:not(:has(input:disabled)):hover{background:var(--accent)}.cookie-category-info{display:flex;align-items:baseline;gap:var(--space-1)}.cookie-category-name{font-weight:var(--font-weight-medium);color:var(--card-foreground)}.cookie-category-hint{font-size:var(--text-xs);color:var(--muted-foreground)}.cookie-category input[type=checkbox]{appearance:none;-webkit-appearance:none;width:1rem;height:1rem;margin-top:2px;border:var(--line-1) solid var(--border);border-radius:calc(var(--radius) / 3);background:var(--card);cursor:pointer;flex-shrink:0;position:relative;transition:background var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}.cookie-category input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}.cookie-category input[type=checkbox]:checked:after{content:"";display:block;position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4l3 3 5-6' stroke='%23171b24' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:65%}.cookie-category input[type=checkbox]:disabled{cursor:default;opacity:1}.cookie-banner-reject,.cookie-banner-save,.cookie-banner-accept{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border-radius:var(--radius-soft);font-family:var(--font-family);font-size:var(--text-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);min-height:2.25rem;cursor:pointer;border:var(--line-1) solid transparent;transition:background var(--duration-fast) var(--ease-default),opacity var(--duration-fast) var(--ease-default)}.cookie-banner-reject{background:var(--secondary);color:var(--secondary-foreground)}.cookie-banner-reject:hover{opacity:.88}.cookie-banner-save{background:var(--background);color:var(--foreground);border-color:var(--border)}.cookie-banner-save:hover{background:var(--accent)}.cookie-banner-accept{background:var(--primary);color:var(--primary-foreground)}.cookie-banner-accept:hover{opacity:.9}.cookie-banner-reject:active,.cookie-banner-save:active,.cookie-banner-accept:active{transform:translateY(1px)}@media (max-width: 768px){.cookie-banner-inner{flex-direction:column;align-items:stretch;padding:var(--space-4)}.cookie-categories{flex-direction:column}.cookie-category{border-right:none;border-bottom:var(--line-1) solid var(--border)}.cookie-category:last-child{border-bottom:none}.cookie-banner-actions{flex-direction:row;justify-content:flex-end;flex-wrap:wrap;min-width:unset;width:100%}}html,body{font-family:Inter,Segoe UI,sans-serif;color:var(--foreground);background-color:var(--background)}h1,h2,h3,h4{font-weight:700;color:var(--foreground)}body{margin:0}
