:root{--color-background: #f8fafc;--color-background-subtle: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-surface-hover: #f8fafc;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-link: #2563eb;--color-link-hover: #1d4ed8;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--surface-nested: #f1f5f9;--surface-preview: #e2e8f0;--color-primary: #0f172a;--color-primary-hover: #1e293b;--color-primary-active: #334155;--color-primary-subtle: #f1f5f9;--color-success: #059669;--color-success-subtle: #ecfdf5;--color-warning: #d97706;--color-warning-subtle: #fffbeb;--color-danger: #dc2626;--color-danger-subtle: #fef2f2;--color-info: #0e7490;--color-info-subtle: #ecfeff;--color-deep-navy: #0b1020;--color-graphite: #111827;--color-coral: #fb7185;--color-ink: #0f172a;--color-focus-ring: #2563eb;--accent-blue-400: #60a5fa;--accent-blue-500: #3b82f6;--accent-blue-600: #2563eb;--accent-indigo-400: #818cf8;--accent-indigo-500: #6366f1;--accent-indigo-600: #4f46e5;--accent-violet-400: #a78bfa;--accent-violet-500: #8b5cf6;--accent-violet-600: #7c3aed;--accent-cyan-400: #22d3ee;--color-accent: var(--accent-indigo-600);--color-accent-hover: var(--accent-indigo-500);--color-accent-active: var(--accent-indigo-600);--color-accent-subtle: rgb(99 102 241 / 8%);--color-accent-border: rgb(99 102 241 / 38%);--color-accent-blue: var(--accent-blue-500);--color-accent-indigo: var(--accent-indigo-500);--color-accent-violet: var(--accent-violet-500);--color-accent-primary: var(--color-accent);--color-accent-primary-hover: var(--color-accent-hover);--light-accent-blue-surface: rgb(59 130 246 / 8%);--light-accent-indigo-surface: rgb(99 102 241 / 8%);--light-accent-violet-surface: rgb(139 92 246 / 7%);--light-accent-cyan-surface: rgb(34 211 238 / 8%);--light-accent-border: rgb(79 70 229 / 28%);--light-accent-shadow: 0 .75rem 2rem rgb(37 99 235 / 12%);--workspace-sidebar-background: linear-gradient(180deg, #ffffff, #f8fafc);--workspace-topbar-background: rgb(255 255 255 / 88%);--auth-panel-background: linear-gradient( 145deg, rgb(239 246 255 / 78%), rgb(255 255 255 / 96%) 56%, rgb(245 243 255 / 84%) );--code-background: #0f172a;--code-text: #e2e8f0;--gradient-accent: linear-gradient( 135deg, var(--accent-blue-500) 0%, var(--accent-indigo-500) 55%, var(--accent-violet-500) 100% );--gradient-accent-surface: linear-gradient( 135deg, rgb(96 165 250 / 9%), rgb(129 140 248 / 7%) 55%, rgb(167 139 250 / 8%) );--gradient-accent-soft: linear-gradient( 135deg, rgb(59 130 246 / 10%), rgb(99 102 241 / 8%) 55%, rgb(139 92 246 / 8%) );--gradient-accent-glow: radial-gradient( circle, rgb(59 130 246 / 14%) 0%, rgb(99 102 241 / 8%) 35%, transparent 70% );--shadow-accent: 0 .75rem 2rem rgb(37 99 235 / 14%);--shadow-sm: 0 .25rem 1rem rgb(15 23 42 / 5%);--shadow-md: 0 .75rem 2rem rgb(15 23 42 / 8%);--shadow-lg: 0 1.5rem 4rem rgb(15 23 42 / 12%);--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1.125rem;--radius-xl: 1.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 3rem;--space-12: 4rem;--container-sm: 44rem;--container-md: 64rem;--container-lg: 76rem;--container-xl: 105rem;--container-workspace: 105rem;--container-article: 52rem;--page-gutter: 1rem;--content-max-width: 105rem;--control-height-sm: 2.25rem;--control-height-md: 2.75rem;--control-height-lg: 3rem;--surface-page: var(--color-background);--surface-page-subtle: var(--color-background-subtle);--surface-primary: var(--color-surface);--surface-raised: var(--color-surface-elevated);--surface-selected: var(--color-accent-subtle);--border-default: var(--color-border);--border-strong: var(--color-border-strong);--border-accent: var(--color-accent-border);--border-danger: color-mix(in srgb, var(--color-danger) 48%, var(--color-border));--focus-ring: var(--color-focus-ring);--color-on-accent: #ffffff;--shadow-subtle: var(--shadow-sm);--shadow-elevated: var(--shadow-md);--shadow-popover: var(--shadow-lg);--shadow-cta: var(--shadow-accent);--radius-control: var(--radius-md);--radius-card: var(--radius-lg);--radius-panel: var(--radius-xl);--space-page: var(--page-gutter);--space-section: clamp(2.75rem, 6vw, 5.5rem);--space-card: var(--space-6);--z-base: 0;--z-sticky: 20;--z-dropdown: 40;--z-popover: 50;--z-backdrop: 70;--z-drawer: 80;--z-dialog: 100;--z-toast: 120;--line-height-tight: 1.15;--line-height-copy: 1.55;--motion-duration-instant: .12s;--motion-duration-fast: .18s;--motion-duration-normal: .24s;--motion-duration-slow: .32s;--motion-duration-section: .38s;--motion-ease-standard: cubic-bezier(.2, .8, .2, 1);--motion-ease-enter: cubic-bezier(.2, .85, .35, 1);--motion-ease-exit: cubic-bezier(.4, 0, 1, 1);--motion-ease-emphasized: cubic-bezier(.16, 1, .3, 1);--duration-fast: var(--motion-duration-fast);--duration-normal: var(--motion-duration-normal);--duration-slow: var(--motion-duration-slow);--ease-standard: var(--motion-ease-standard);--ease-emphasized: var(--motion-ease-emphasized);--ease-enter: var(--motion-ease-enter);--ease-exit: var(--motion-ease-exit);--color-bg: var(--color-background);--color-bg-subtle: var(--color-background-subtle);--color-action: var(--color-primary);--color-action-hover: var(--color-primary-hover);--color-text: var(--color-text-primary);--color-muted: var(--color-text-muted);--store-bg: #f1f5f9;--store-surface: #ffffff;--store-surface-elevated: #ffffff;--store-card-hover: #eff6ff;--store-border: #dbe4ef;--store-accent-primary: #2563eb;--store-accent-secondary: #4f46e5;--store-accent-soft: rgb(37 99 235 / 8%);--store-accent-border: rgb(37 99 235 / 28%);--store-indigo-soft: rgb(79 70 229 / 8%);--store-violet: #7c3aed;--store-violet-soft: rgb(124 58 237 / 8%);--store-cyan: #0891b2;--store-cyan-soft: rgb(8 145 178 / 8%);--store-amber: #b45309;--store-amber-soft: rgb(180 83 9 / 9%);--store-coral: #e11d48;--store-coral-soft: rgb(225 29 72 / 8%);--store-emerald: #047857;--store-emerald-soft: rgb(4 120 87 / 8%);--store-rating: #d97706;--store-danger: #dc2626;--store-danger-soft: rgb(220 38 38 / 8%);--store-card-shadow: 0 .35rem 1.2rem rgb(15 23 42 / 5%);--store-card-shadow-hover: 0 1rem 2.4rem rgb(37 99 235 / 12%);--admin-bg: #f8fafc;--admin-panel: #ffffff;--admin-border: #dbe4ef;--admin-text: #0f172a;--admin-muted: #64748b;color-scheme:light}html[data-theme=dark]{--color-background: #05070d;--color-background-subtle: #080b12;--color-surface: #111827;--color-surface-elevated: #161b2b;--color-surface-hover: #1c2233;--color-text-primary: #f8fafc;--color-text-secondary: #cbd5e1;--color-text-muted: #94a3b8;--color-text-inverse: #05070d;--color-link: #93c5fd;--color-link-hover: #bfdbfe;--color-border: rgb(148 163 184 / 16%);--color-border-strong: rgb(148 163 184 / 30%);--surface-nested: #0f172a;--surface-preview: #1e293b;--color-primary: #f8fafc;--color-primary-hover: #e2e8f0;--color-primary-active: #cbd5e1;--color-primary-subtle: #1c2233;--color-success: #34d399;--color-success-subtle: #052e24;--color-warning: #fbbf24;--color-warning-subtle: #422006;--color-danger: #f87171;--color-danger-subtle: #450a0a;--color-info: #22d3ee;--color-info-subtle: #083344;--color-ink: #05070d;--color-focus-ring: #60a5fa;--color-deep-navy: #0b1020;--color-graphite: #111827;--color-coral: #fb7185;--accent-blue-400: #93c5fd;--accent-blue-500: #60a5fa;--accent-blue-600: #3b82f6;--accent-indigo-400: #a5b4fc;--accent-indigo-500: #818cf8;--accent-indigo-600: #6366f1;--accent-violet-400: #c4b5fd;--accent-violet-500: #a78bfa;--accent-violet-600: #8b5cf6;--accent-cyan-400: #67e8f9;--color-accent: var(--accent-indigo-500);--color-accent-hover: var(--accent-indigo-400);--color-accent-active: var(--accent-indigo-600);--color-accent-subtle: rgb(99 102 241 / 14%);--color-accent-border: rgb(147 197 253 / 38%);--color-accent-blue: var(--accent-blue-500);--color-accent-indigo: var(--accent-indigo-500);--color-accent-violet: var(--accent-violet-500);--color-accent-primary: var(--color-accent);--color-accent-primary-hover: var(--color-accent-hover);--light-accent-blue-surface: rgb(59 130 246 / 16%);--light-accent-indigo-surface: rgb(99 102 241 / 14%);--light-accent-violet-surface: rgb(139 92 246 / 14%);--light-accent-cyan-surface: rgb(34 211 238 / 14%);--light-accent-border: rgb(147 197 253 / 38%);--light-accent-shadow: 0 .75rem 2rem rgb(59 130 246 / 22%);--workspace-sidebar-background: linear-gradient( 180deg, var(--color-deep-navy), var(--color-surface) );--workspace-topbar-background: color-mix( in srgb, var(--color-background-subtle) 88%, transparent );--auth-panel-background: linear-gradient( 145deg, rgb(30 64 175 / 18%), rgb(15 23 42 / 82%) 56%, rgb(91 33 182 / 18%) );--code-background: #05070d;--code-text: #e2e8f0;--gradient-accent: linear-gradient( 135deg, var(--accent-blue-500) 0%, var(--accent-indigo-500) 55%, var(--accent-violet-500) 100% );--gradient-accent-surface: linear-gradient( 135deg, rgb(96 165 250 / 16%), rgb(129 140 248 / 13%) 55%, rgb(167 139 250 / 15%) );--gradient-accent-soft: linear-gradient( 135deg, rgb(59 130 246 / 16%), rgb(99 102 241 / 14%) 55%, rgb(139 92 246 / 14%) );--gradient-accent-glow: radial-gradient( circle, rgb(59 130 246 / 18%) 0%, rgb(99 102 241 / 10%) 35%, transparent 70% );--shadow-accent: 0 .75rem 2rem rgb(59 130 246 / 22%);--shadow-sm: 0 .25rem 1rem rgb(0 0 0 / 24%);--shadow-md: 0 .75rem 2rem rgb(0 0 0 / 34%);--shadow-lg: 0 1.5rem 4rem rgb(0 0 0 / 46%);--store-bg: #080b12;--store-surface: #111827;--store-surface-elevated: #161b2b;--store-card-hover: #1c2233;--store-border: rgb(148 163 184 / 18%);--store-accent-primary: #60a5fa;--store-accent-secondary: #818cf8;--store-accent-soft: rgb(96 165 250 / 14%);--store-accent-border: rgb(147 197 253 / 38%);--store-indigo-soft: rgb(129 140 248 / 14%);--store-violet: #c4b5fd;--store-violet-soft: rgb(196 181 253 / 14%);--store-cyan: #67e8f9;--store-cyan-soft: rgb(103 232 249 / 14%);--store-amber: #fbbf24;--store-amber-soft: rgb(251 191 36 / 14%);--store-coral: #fb7185;--store-coral-soft: rgb(251 113 133 / 14%);--store-emerald: #34d399;--store-emerald-soft: rgb(52 211 153 / 14%);--store-rating: #fbbf24;--store-danger: #f87171;--store-danger-soft: rgb(248 113 113 / 14%);--store-card-shadow: 0 .5rem 1.5rem rgb(0 0 0 / 22%);--store-card-shadow-hover: 0 1rem 2.5rem rgb(0 0 0 / 38%);--admin-bg: #080f1d;--admin-panel: #111d31;--admin-border: #263550;--admin-text: #eff4ff;--admin-muted: #a7b4c9;color-scheme:dark}@media(min-width:480px){:root{--page-gutter: 1.25rem}}@media(min-width:768px){:root{--page-gutter: 1.5rem}}@media(min-width:1024px){:root{--page-gutter: 1.75rem}}@media(min-width:1280px){:root{--page-gutter: 2rem}}@media(min-width:1600px){:root{--page-gutter: 2.5rem}}@media(min-width:1920px){:root{--page-gutter: 3rem}}*,*:before,*:after{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--color-background);color:var(--color-text-primary);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:var(--line-height-copy);transition:background-color var(--duration-normal) var(--ease-standard),color var(--duration-normal) var(--ease-standard)}body.workspace-drawer-open{overflow:hidden}button,input,textarea,select{font:inherit}a,button,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea,select{min-height:var(--control-height-md);border:1px solid var(--border-default);border-radius:var(--radius-control);background:var(--surface-primary);color:var(--color-text-primary)}input:not([type=checkbox]):not([type=radio]):not([type=range])::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}input:not([type=checkbox]):not([type=radio]):not([type=range]):disabled,textarea:disabled,select:disabled{color:var(--color-text-muted);background:var(--surface-page-subtle);cursor:not-allowed}.skip-link{position:fixed;z-index:var(--z-toast);top:var(--space-3);left:var(--space-3);transform:translateY(-180%);padding:.7rem 1rem;border:1px solid var(--border-accent);border-radius:var(--radius-control);background:var(--surface-raised);color:var(--color-text-primary);font-size:.8rem;font-weight:800;text-decoration:none;box-shadow:var(--shadow-popover);transition:transform var(--motion-duration-fast) var(--motion-ease-standard)}.skip-link:focus-visible{transform:translateY(0)}::selection{background:var(--color-primary);color:var(--color-text-inverse)}h1,h2,h3,h4,p{text-wrap:pretty}h1,h2,h3,h4{line-height:var(--line-height-tight)}img,svg{display:block;max-width:100%;height:auto}.tobcy-icon{display:block;width:1.25rem;height:1.25rem}.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}.context-help{display:inline-flex;align-items:center;gap:.3rem;width:fit-content;color:var(--color-primary);font-size:.7rem;font-weight:800;text-decoration:none}.context-help:hover{text-decoration:underline;text-underline-offset:.15em}.context-help tobcy-icon{width:.75rem}.reveal{--reveal-distance: 1.5rem;opacity:0;transition:opacity var(--duration-slow) var(--ease-enter),transform var(--duration-slow) var(--ease-enter),filter var(--duration-slow) var(--ease-enter);transition-delay:var(--reveal-delay, 0ms)}.reveal--fade-up{transform:translateY(var(--reveal-distance))}.reveal--fade-down{transform:translateY(calc(var(--reveal-distance) * -1))}.reveal--slide-left{transform:translate(var(--reveal-distance))}.reveal--slide-right{transform:translate(calc(var(--reveal-distance) * -1))}.reveal--scale{transform:scale(.96)}.reveal--blur-in{transform:translateY(.5rem);filter:blur(8px)}.reveal.is-visible{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal--fade-up,.reveal--fade-down,.reveal--slide-left,.reveal--slide-right,.reveal--scale,.reveal--blur-in{opacity:1;transform:none;filter:none;transition:none}.hero-scroll-hint span:after{display:none}}html[data-reduced-motion=true] *{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html[data-reduced-motion=true] .reveal,html[data-reduced-motion=true] .reveal--fade-up,html[data-reduced-motion=true] .reveal--fade-down,html[data-reduced-motion=true] .reveal--slide-left,html[data-reduced-motion=true] .reveal--slide-right,html[data-reduced-motion=true] .reveal--scale,html[data-reduced-motion=true] .reveal--blur-in{opacity:1;transform:none;filter:none;transition:none}html[data-reduced-motion=true] .route-enter{animation:none!important}html[data-reduced-motion=true] .skip-link{transition:none}@media(prefers-reduced-motion:reduce){.route-enter{animation:none!important}}