@layer reset{*,:before,:after{box-sizing:border-box}html{background:var(--color-bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;min-width:320px;min-height:100%;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-width:320px;min-height:100vh;color:var(--color-text);font-family:var(--font-sans);margin:0;overflow-x:clip}button,input,textarea,select{font:inherit;font-family:var(--font-sans)}button,a,input,textarea,select,[role=button],[role=option]{touch-action:manipulation;-webkit-tap-highlight-color:var(--color-brand-soft)}img,video,canvas{max-width:100%}[hidden]{display:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms;animation-duration:.01ms;animation-iteration-count:1}}}@layer tokens{:root[data-surface=product]{--theme-status-success:#75d6b3;--theme-status-warning:#f0c36d;--theme-status-danger:#ff9aaa;--theme-status-info:#8cc8ee;--theme-on-emphasis:#fff;--theme-on-media:#fff}:root[data-surface=admin]{--theme-status-success:#17664f;--theme-status-warning:#765000;--theme-status-danger:#a72843;--theme-status-info:#1f5f8f;--theme-on-emphasis:#fff;--theme-on-media:#fff}:root[data-surface=product][data-theme=slate-air]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--theme-depth:#0d1b2a;--theme-layer:#1b263b;--theme-accent:#415a77;--theme-glint:#778da9;--theme-foreground:#e0e1dd}:root[data-surface=admin][data-theme=admin-neutral]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--theme-depth:#eef2f6;--theme-layer:#f8fafc;--theme-accent:#415a77;--theme-glint:#778da9;--theme-foreground:#172033}:root{--color-bg:var(--theme-depth);--color-bg-elevated:color-mix(in srgb, var(--theme-layer) 88%, var(--theme-depth));--color-surface:color-mix(in srgb, var(--theme-layer) 76%, transparent);--color-surface-muted:color-mix(in srgb, var(--theme-layer) 58%, transparent);--color-surface-solid:var(--theme-layer);--color-text:var(--theme-foreground);--color-text-secondary:color-mix(in srgb, var(--theme-foreground) 72%, var(--theme-glint));--color-text-muted:color-mix(in srgb, var(--theme-foreground) 52%, var(--theme-glint));--color-border:color-mix(in srgb, var(--theme-glint) 24%, transparent);--color-border-strong:color-mix(in srgb, var(--theme-glint) 42%, transparent);--color-brand:var(--theme-accent);--color-brand-hover:color-mix(in srgb, var(--theme-accent) 62%, var(--theme-glint));--color-brand-soft-subtle:color-mix(in srgb, var(--theme-glint) 8%, transparent);--color-brand-soft:color-mix(in srgb, var(--theme-glint) 14%, transparent);--color-brand-soft-strong:color-mix(in srgb, var(--theme-glint) 22%, transparent);--color-brand-border:color-mix(in srgb, var(--theme-glint) 54%, transparent);--color-on-brand:var(--theme-on-emphasis);--color-on-media:var(--theme-on-media);--color-success:var(--theme-status-success);--color-warning:var(--theme-status-warning);--color-danger:var(--theme-status-danger);--color-danger-hover:color-mix(in srgb, var(--theme-status-danger) 78%, var(--theme-foreground));--color-on-danger:var(--theme-on-emphasis);--color-info:var(--theme-status-info);--color-overlay:color-mix(in srgb, var(--theme-depth) 74%, transparent);--color-transparent:transparent;--font-sans:Inter, "SF Pro Text", "SF Pro Display", "PingFang SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--radius-control:8px;--radius-card:12px;--radius-floating:17px;--radius-round:999px;--shadow-float:0 12px 34px color-mix(in srgb, var(--theme-depth) 42%, transparent);--shadow-card-hover:0 16px 40px color-mix(in srgb, var(--theme-depth) 48%, transparent);--shadow-dialog:0 30px 80px color-mix(in srgb, var(--theme-depth) 64%, transparent);--shadow-brand-color:color-mix(in srgb, var(--theme-accent) 42%, transparent);--shadow-brand:0 8px 20px var(--shadow-brand-color);--blur-glass:blur(10px) saturate(128%);--motion-fast:.18s cubic-bezier(.2, .8, .2, 1);--motion-standard:.22s cubic-bezier(.2, .8, .2, 1);--motion-page:.42s cubic-bezier(.2, .8, .2, 1);--motion-easing:cubic-bezier(.2, .8, .2, 1);--focus-ring:color-mix(in srgb, var(--theme-glint) 88%, transparent);--focus-ring-wash:color-mix(in srgb, var(--theme-glint) 24%, transparent);--control-min-size:40px;--app-nav-height:64px;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);--surface-glass-strong:color-mix(in srgb, var(--theme-layer) 82%, transparent);--surface-glass-faint:color-mix(in srgb, var(--theme-layer) 48%, transparent);--surface-popover:color-mix(in srgb, var(--theme-layer) 92%, transparent);--surface-control:color-mix(in srgb, var(--theme-layer) 72%, transparent);--surface-chip:color-mix(in srgb, var(--theme-layer) 78%, transparent);--surface-hover:color-mix(in srgb, var(--theme-layer) 94%, var(--theme-glint));--surface-hover-soft:color-mix(in srgb, var(--theme-layer) 82%, var(--theme-glint));--surface-cover-wash:linear-gradient(90deg, color-mix(in srgb, var(--theme-depth) 96%, transparent), color-mix(in srgb, var(--theme-layer) 88%, transparent) 48%, color-mix(in srgb, var(--theme-layer) 36%, transparent));--surface-cover-wash-hover:linear-gradient(90deg, color-mix(in srgb, var(--theme-depth) 90%, transparent), color-mix(in srgb, var(--theme-layer) 78%, transparent) 46%, color-mix(in srgb, var(--theme-layer) 28%, transparent));--border-glass:color-mix(in srgb, var(--theme-glint) 30%, transparent);--border-glass-strong:color-mix(in srgb, var(--theme-foreground) 44%, transparent);--danger-wash:color-mix(in srgb, var(--theme-status-danger) 16%, transparent);--danger-wash-soft:color-mix(in srgb, var(--theme-status-danger) 10%, transparent);--surface-danger-soft:var(--danger-wash-soft);--success-wash:color-mix(in srgb, var(--theme-status-success) 15%, transparent);--warning-wash:color-mix(in srgb, var(--theme-status-warning) 15%, transparent);--border-danger:color-mix(in srgb, var(--theme-status-danger) 42%, transparent);--shadow-card:0 6px 18px color-mix(in srgb, var(--theme-depth) 32%, transparent);--brand-gradient:linear-gradient(135deg, var(--color-brand), var(--color-brand-hover));--glass-edge-top:linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-foreground) 38%, transparent), transparent);--glass-edge-left:linear-gradient(180deg, color-mix(in srgb, var(--theme-foreground) 28%, transparent), transparent);--media-overlay:color-mix(in srgb, var(--theme-depth) 72%, transparent);--media-scrim:linear-gradient(180deg, transparent, color-mix(in srgb, var(--theme-depth) 86%, transparent));--surface-atmosphere:radial-gradient(circle at 18% 8%, color-mix(in srgb, var(--theme-glint) 18%, transparent), transparent 34%), radial-gradient(circle at 82% 14%, color-mix(in srgb, var(--theme-accent) 16%, transparent), transparent 30%), var(--theme-depth);--home-grid-lines:linear-gradient(color-mix(in srgb, var(--theme-glint) 8%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--theme-glint) 7%, transparent) 1px, transparent 1px);--home-hero-shade:radial-gradient(circle at 50% 38%, transparent, color-mix(in srgb, var(--theme-depth) 24%, transparent) 58%, color-mix(in srgb, var(--theme-depth) 84%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--theme-depth) 10%, transparent), color-mix(in srgb, var(--theme-depth) 78%, transparent) 82%, var(--theme-depth) 100%);--home-hero-text-shadow:0 2px 4px color-mix(in srgb, var(--theme-depth) 82%, transparent), 0 18px 52px color-mix(in srgb, var(--theme-depth) 68%, transparent);--home-media-wash:linear-gradient(180deg, color-mix(in srgb, var(--theme-foreground) 8%, transparent), transparent 28%, color-mix(in srgb, var(--theme-depth) 62%, transparent));--home-media-text-shadow:0 2px 14px color-mix(in srgb, var(--theme-depth) 76%, transparent);--liquid-background:color-mix(in srgb, var(--theme-foreground) 3%, transparent);--liquid-background-fallback:color-mix(in srgb, var(--theme-layer) 12%, transparent);--liquid-displacement-strength:-204;--liquid-caustic:color-mix(in srgb, var(--theme-foreground) 54%, transparent);--liquid-caustic-soft:color-mix(in srgb, var(--theme-foreground) 9%, transparent);--liquid-specular:color-mix(in srgb, var(--theme-foreground) 74%, transparent);--liquid-specular-soft:color-mix(in srgb, var(--theme-foreground) 13%, transparent);--liquid-chromatic-edge-a:color-mix(in srgb, var(--theme-glint) 52%, transparent);--liquid-chromatic-edge-b:color-mix(in srgb, var(--theme-accent) 46%, transparent);--liquid-edge:color-mix(in srgb, var(--theme-foreground) 36%, transparent);--liquid-edge-soft:color-mix(in srgb, var(--theme-foreground) 11%, transparent);--liquid-inner-shadow:inset 0 0 1px 1px var(--liquid-edge), inset 0 7px 16px var(--liquid-edge-soft), inset 0 -12px 24px color-mix(in srgb, var(--theme-depth) 18%, transparent);--liquid-drop-shadow:0 15px 36px color-mix(in srgb, var(--theme-depth) 38%, transparent);--liquid-content-shadow:0 1px 2px color-mix(in srgb, var(--theme-depth) 88%, transparent), 0 4px 14px color-mix(in srgb, var(--theme-depth) 58%, transparent);--liquid-press-depth:.97;--liquid-refraction-filter:url(#vep-liquid-refraction) saturate(136%) contrast(116%) brightness(106%);--liquid-fallback-filter:saturate(132%) contrast(112%) brightness(104%);--liquid-navigation-background:transparent;--liquid-navigation-item:color-mix(in srgb, var(--theme-foreground) 2%, transparent);--liquid-navigation-hover:color-mix(in srgb, var(--theme-foreground) 7%, transparent);--liquid-navigation-active:color-mix(in srgb, var(--theme-foreground) 10%, transparent);--liquid-navigation-indicator:color-mix(in srgb, var(--theme-foreground) 84%, var(--theme-glint));--liquid-navigation-filter:var(--liquid-refraction-filter);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px}}@layer base{h1,h2,h3,h4,p{overflow-wrap:break-word}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}code,pre,kbd{font-family:var(--font-mono)}time,[data-numeric]{font-variant-numeric:tabular-nums}@keyframes ui-spin{to{transform:rotate(360deg)}}.spin{animation:.9s linear infinite ui-spin}@keyframes ui-page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:root[data-surface=product] .workspace-page,:root[data-surface=product] .quick-create-route,:root[data-surface=product] .drama-route,:root[data-surface=product] .home-page{animation:ui-page-enter var(--motion-page)}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}:root[data-surface=product] .workspace-page,:root[data-surface=product] .quick-create-route,:root[data-surface=product] .drama-route,:root[data-surface=product] .home-page{animation:none}}:where(a,button,input,textarea,select,summary,[role=button],[role=menuitem],[role=option],[tabindex]:not([tabindex="-1"])):focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px var(--focus-ring-wash)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:1000;border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:var(--color-surface-solid);color:var(--color-text);box-shadow:var(--shadow-float);transition:transform var(--motion-fast);padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(calc(-100% - 16px))}.skip-link:focus{transform:translateY(0)}.skip-target{width:1px;height:1px;position:absolute;overflow:hidden}}@layer primitives{.material-frosted{border-color:var(--border-glass);background:var(--surface-glass-strong);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--blur-glass);position:relative;overflow:hidden}.material-frosted:before{content:"";z-index:1;pointer-events:none;background:var(--glass-edge-top);height:1px;position:absolute;inset:0 0 auto}.theme-effect-defs{pointer-events:none;width:0;height:0;position:fixed;overflow:hidden}.liquid-glass{--liquid-pointer-x:50%;--liquid-pointer-y:50%;--liquid-shift-x:0px;--liquid-shift-y:0px;--liquid-tilt-x:0deg;--liquid-tilt-y:0deg;--liquid-pressure:1;isolation:isolate;color:var(--color-on-media);box-shadow:var(--liquid-drop-shadow);transform:perspective(680px) rotateX(var(--liquid-tilt-x)) rotateY(var(--liquid-tilt-y)) scale(var(--liquid-pressure));transform-origin:50%;transform-style:preserve-3d;transition:transform .24s cubic-bezier(.18, .9, .24, 1.24), box-shadow var(--motion-fast);background:0 0;border-color:#0000;justify-content:center;align-items:center;display:inline-flex;position:relative;overflow:hidden}.liquid-glass:hover,.liquid-glass[data-demo-state=hover]{box-shadow:var(--liquid-drop-shadow), 0 7px 18px var(--shadow-brand-color)}.liquid-glass:focus-visible,.liquid-glass[data-demo-state=focus]{outline:3px solid var(--focus-ring);outline-offset:3px}.liquid-glass:disabled,.liquid-glass[aria-disabled=true]{cursor:not-allowed;box-shadow:none;opacity:.56;transform:none}.liquid-glass__refraction,.liquid-glass__caustic,.liquid-glass__specular,.liquid-glass__chromatic,.liquid-glass__edge{border-radius:inherit;pointer-events:none;position:absolute}.liquid-glass__refraction{z-index:0;background:var(--liquid-background);-webkit-backdrop-filter:var(--liquid-refraction-filter);transition:transform .24s cubic-bezier(.18,.9,.24,1.18);inset:-10% -5%;overflow:hidden;transform:scale(1.1)}.liquid-glass__caustic{z-index:1;background:radial-gradient(ellipse at var(--liquid-pointer-x) var(--liquid-pointer-y), var(--liquid-caustic) 0 1.5%, var(--liquid-caustic-soft) 5%, transparent 17%);mix-blend-mode:screen;opacity:.14;transform:translate3d(calc(var(--liquid-shift-x) * .54), calc(var(--liquid-shift-y) * .54), 0) scale(1.04);transition:opacity var(--motion-fast), transform var(--motion-standard);inset:-18%}.liquid-glass__specular{z-index:2;background:radial-gradient(circle at var(--liquid-pointer-x) var(--liquid-pointer-y), var(--liquid-specular) 0 1px, var(--liquid-specular-soft) 4%, transparent 14%);mix-blend-mode:screen;opacity:.34;transition:opacity var(--motion-fast);inset:0}.liquid-glass__chromatic{z-index:3;box-shadow:inset 1px 0 0 var(--liquid-chromatic-edge-a), inset -1px 0 0 var(--liquid-chromatic-edge-b);opacity:.24;transform:translate3d(calc(var(--liquid-shift-x) * -.12), calc(var(--liquid-shift-y) * -.12), 0);transition:opacity var(--motion-fast), transform var(--motion-standard);background:0 0;inset:1px}.liquid-glass__edge{z-index:4;box-shadow:var(--liquid-inner-shadow);opacity:.82;transition:opacity var(--motion-fast), box-shadow var(--motion-fast);inset:0}.liquid-glass:hover .liquid-glass__refraction,.liquid-glass[data-demo-state=hover] .liquid-glass__refraction{transform:scale(1.14,1.1)}.liquid-glass:hover .liquid-glass__caustic,.liquid-glass[data-demo-state=hover] .liquid-glass__caustic{opacity:.34;transform:translate3d(var(--liquid-shift-x), var(--liquid-shift-y), 0) scale(1.08, 1.03)}.liquid-glass:hover .liquid-glass__specular,.liquid-glass[data-demo-state=hover] .liquid-glass__specular{opacity:.64}.liquid-glass:hover .liquid-glass__chromatic,.liquid-glass[data-demo-state=hover] .liquid-glass__chromatic{opacity:.38}.liquid-glass[aria-current=page] .liquid-glass__refraction,.liquid-glass[aria-current=location] .liquid-glass__refraction,.liquid-glass[data-demo-state=active] .liquid-glass__refraction{background:color-mix(in srgb, var(--theme-foreground) 5%, transparent)}.liquid-glass[aria-current=page] .liquid-glass__edge,.liquid-glass[aria-current=location] .liquid-glass__edge,.liquid-glass[data-demo-state=active] .liquid-glass__edge{box-shadow:inset 0 0 1px 1px var(--liquid-specular), inset 0 8px 18px var(--liquid-edge-soft), inset 0 -10px 22px color-mix(in srgb, var(--theme-glint) 9%, transparent);opacity:1}.liquid-glass[data-demo-state=pressed]{--liquid-pressure:var(--liquid-press-depth)}.liquid-glass__content{z-index:5;justify-content:center;align-items:center;gap:inherit;min-width:0;color:inherit;text-shadow:var(--liquid-content-shadow);display:inline-flex;position:relative;transform:translateZ(18px)}[data-liquid-mode=background] .liquid-glass__refraction,[data-liquid-mode=background] .liquid-glass__caustic,[data-liquid-mode=background] .liquid-glass__specular,[data-liquid-mode=background] .liquid-glass__chromatic,[data-liquid-mode=background] .liquid-glass__edge,[data-liquid-mode=background] .liquid-glass__content{visibility:hidden}[data-liquid-mode=background] .liquid-glass,[data-liquid-mode=refraction] .liquid-glass,[data-liquid-mode=edge] .liquid-glass{box-shadow:none;background:0 0;border-color:#0000;transform:none}[data-liquid-mode=refraction] .liquid-glass__refraction,[data-liquid-mode=edge] .liquid-glass__refraction{background:0 0}[data-liquid-mode=refraction] .liquid-glass__caustic,[data-liquid-mode=refraction] .liquid-glass__specular,[data-liquid-mode=refraction] .liquid-glass__chromatic,[data-liquid-mode=refraction] .liquid-glass__edge,[data-liquid-mode=refraction] .liquid-glass__content,[data-liquid-mode=edge] .liquid-glass__caustic,[data-liquid-mode=edge] .liquid-glass__specular,[data-liquid-mode=edge] .liquid-glass__chromatic,[data-liquid-mode=edge] .liquid-glass__content{display:none}@media (width<=720px),(prefers-reduced-motion:reduce){.liquid-glass{--liquid-pointer-x:32%;--liquid-pointer-y:24%;--liquid-shift-x:0px;--liquid-shift-y:0px;--liquid-tilt-x:0deg;--liquid-tilt-y:0deg;--liquid-pressure:1;transition:box-shadow var(--motion-fast);transform:none}.liquid-glass__refraction,.liquid-glass:hover .liquid-glass__refraction,.liquid-glass[data-demo-state=hover] .liquid-glass__refraction{background:var(--liquid-background-fallback);-webkit-backdrop-filter:var(--liquid-fallback-filter);transition:none;inset:-4% -2%;transform:scale(1.04)}.liquid-glass__caustic,.liquid-glass:hover .liquid-glass__caustic,.liquid-glass[data-demo-state=hover] .liquid-glass__caustic{opacity:.18;transition:none;inset:-10%;transform:none}.liquid-glass__specular,.liquid-glass__chromatic,.liquid-glass__edge{transition:none;transform:none}}}@layer patterns{.route-error-state{justify-content:center;align-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-5);background:var(--color-bg);color:var(--color-text);text-align:center;flex-direction:column;display:flex}.route-error-state h1,.route-error-state p{margin:0}.route-error-state h1{font-size:22px;line-height:1.25}.route-error-state p{color:var(--color-text-secondary);font-size:14px;line-height:1.6}.route-error-state button{min-height:var(--control-min-size);padding:0 var(--space-4);border-radius:var(--radius-control);background:var(--color-brand);color:var(--color-on-brand);cursor:pointer;border:1px solid #0000;font-weight:700}.route-error-state button:hover{background:var(--color-brand-hover)}}@layer routes,utilities;