@layer reset,tokens,base,primitives,patterns,routes,utilities;@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: #ffffff;--theme-on-media: #ffffff}:root[data-surface=admin]{--theme-status-success: #17664f;--theme-status-warning: #765000;--theme-status-danger: #a72843;--theme-status-info: #1f5f8f;--theme-on-emphasis: #ffffff;--theme-on-media: #ffffff}}@layer tokens{:root[data-surface=product][data-theme=slate-air]{color-scheme:dark;--theme-depth: #0d1b2a;--theme-layer: #1b263b;--theme-accent: #415a77;--theme-glint: #778da9;--theme-foreground: #e0e1dd}}@layer tokens{:root[data-surface=admin][data-theme=admin-neutral]{color-scheme:light;--theme-depth: #eef2f6;--theme-layer: #f8fafc;--theme-accent: #415a77;--theme-glint: #778da9;--theme-foreground: #172033}}@layer tokens{: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 reset{*,*:before,*:after{box-sizing:border-box}html{min-width:320px;min-height:100%;background:var(--color-bg);color-scheme:light;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-width:320px;min-height:100vh;margin:0;overflow-x:clip;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans)}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{animation-duration:.01ms;animation-iteration-count:1;scroll-behavior:auto;transition-duration:.01ms}}}@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}}@layer base{@keyframes ui-spin{to{transform:rotate(360deg)}}.spin{animation:ui-spin .9s linear infinite}@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}}}@layer base{: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{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:1000;padding:8px 12px;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);transform:translateY(calc(-100% - 16px));transition:transform var(--motion-fast)}.skip-link:focus{transform:translateY(0)}.skip-target{position:absolute;width:1px;height:1px;overflow:hidden}}@layer primitives{.material-frosted{border-color:var(--border-glass);background:var(--surface-glass-strong);box-shadow:var(--shadow-float);backdrop-filter:var(--blur-glass);-webkit-backdrop-filter:var(--blur-glass)}.material-frosted{position:relative;overflow:hidden}.material-frosted:before{content:"";position:absolute;inset:0 0 auto;z-index:1;height:1px;pointer-events:none;background:var(--glass-edge-top)}}@layer primitives{.theme-effect-defs{position:fixed;width:0;height:0;overflow:hidden;pointer-events:none}.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;position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;border-color:transparent;background:transparent;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:center;transform-style:preserve-3d;transition:transform .24s cubic-bezier(.18,.9,.24,1.24),box-shadow var(--motion-fast)}.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{position:absolute;border-radius:inherit;pointer-events:none}.liquid-glass__refraction{z-index:0;inset:-10% -5%;overflow:hidden;background:var(--liquid-background);backdrop-filter:var(--liquid-refraction-filter);-webkit-backdrop-filter:var(--liquid-refraction-filter);transform:scale(1.1);transition:transform .24s cubic-bezier(.18,.9,.24,1.18)}.liquid-glass__caustic{z-index:1;inset:-18%;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)}.liquid-glass__specular{z-index:2;inset:0;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)}.liquid-glass__chromatic{z-index:3;inset:1px;background:none;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)}.liquid-glass__edge{z-index:4;inset:0;box-shadow:var(--liquid-inner-shadow);opacity:.82;transition:opacity var(--motion-fast),box-shadow var(--motion-fast)}.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{position:relative;z-index:5;display:inline-flex;min-width:0;align-items:center;justify-content:center;gap:inherit;color:inherit;text-shadow:var(--liquid-content-shadow);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{border-color:transparent;background:transparent;box-shadow:none;transform:none}[data-liquid-mode=refraction] .liquid-glass__refraction,[data-liquid-mode=edge] .liquid-glass__refraction{background:transparent}[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(max-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;transform:none;transition:box-shadow var(--motion-fast)}.liquid-glass__refraction,.liquid-glass:hover .liquid-glass__refraction,.liquid-glass[data-demo-state=hover] .liquid-glass__refraction{inset:-4% -2%;background:var(--liquid-background-fallback);backdrop-filter:var(--liquid-fallback-filter);-webkit-backdrop-filter:var(--liquid-fallback-filter);transform:scale(1.04);transition:none}.liquid-glass__caustic,.liquid-glass:hover .liquid-glass__caustic,.liquid-glass[data-demo-state=hover] .liquid-glass__caustic{inset:-10%;opacity:.18;transform:none;transition:none}.liquid-glass__specular,.liquid-glass__chromatic,.liquid-glass__edge{transition:none;transform:none}}}@layer patterns{.route-error-state{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-5);background:var(--color-bg);color:var(--color-text);text-align:center}.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:1px solid transparent;border-radius:var(--radius-control);background:var(--color-brand);color:var(--color-on-brand);font-weight:700;cursor:pointer}.route-error-state button:hover{background:var(--color-brand-hover)}}