:root{--font-display: "Space Grotesk", "Avenir Next", "Segoe UI", sans-serif;--font-body: "Plus Jakarta Sans", "Avenir Next", "Segoe UI", sans-serif;--text-xs: .75rem;--text-sm: .85rem;--text-base: 1rem;--text-lg: 1.15rem;--text-xl: 1.35rem;--text-2xl: 1.65rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--bg-deep: #F5F0E8;--bg-base: #FAF7F2;--bg-raised: #FFFFFF;--bg-elevated: #FFFFFF;--surface-card: #FFFFFF;--surface-elevated: #FFFFFF;--surface-overlay: rgba(60, 42, 33, .65);--ink-50: #2C2520;--ink-100: #3D352E;--ink-200: #5C524A;--ink-300: #8A7E74;--ink-400: #AEA299;--ink-500: #C9BFB6;--line-soft: rgba(140, 120, 100, .15);--line-strong: rgba(140, 120, 100, .28);--line-glow: rgba(192, 90, 60, .35);--accent-primary: #C05A3C;--accent-secondary: #8B6D5A;--accent-blue: #C05A3C;--accent-cyan: #C05A3C;--accent-purple: #8B6D5A;--accent-sun: #D4913A;--success: #4A8B5C;--error: #C04040;--gradient-primary: #C05A3C;--gradient-glow: #C05A3C;--radius-sm: .5rem;--radius-md: .75rem;--radius-lg: 1rem;--radius-full: 999px;--shadow-soft: 0 2px 12px rgba(80, 50, 30, .08);--shadow-strong: 0 4px 20px rgba(80, 50, 30, .14);--shadow-glow: 0 2px 8px rgba(80, 50, 30, .1);--shadow-focus: 0 0 0 3px rgba(192, 90, 60, .12);--shadow-button: 0 4px 16px rgba(192, 90, 60, .2);--shadow-button-hover: 0 6px 24px rgba(192, 90, 60, .28);--shadow-button-danger: 0 4px 16px rgba(192, 64, 64, .18);--shadow-button-danger-hover: 0 6px 24px rgba(192, 64, 64, .25);--tint-hover: rgba(140, 120, 100, .06);--tint-active: rgba(140, 120, 100, .08);--tint-accent: rgba(192, 90, 60, .12);--tint-accent-subtle: rgba(192, 90, 60, .06);--tint-error: rgba(192, 64, 64, .1);--tint-error-border: rgba(192, 64, 64, .25);--z-base: 0;--z-raised: 10;--z-overlay: 50;--z-sticky: 100;--z-toast: 200;--ease-out: cubic-bezier(.16, 1, .3, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--ink-100);font-family:var(--font-body);line-height:1.5;background:var(--bg-deep)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1}body:before{background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(192,90,60,.03),transparent)}body:after{display:none}input,textarea,select,button{font:inherit;border:none;background:none;color:inherit}a{color:inherit}::selection{background:#c05a3c33}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#f0ebe3 25%,#faf7f2,#f0ebe3 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}body.studio-mode{overflow:hidden}.app-shell.svelte-12qhfyh{position:relative;min-height:100vh;padding-bottom:var(--space-12);isolation:isolate;display:flex;flex-direction:column}body.studio-mode .app-shell.svelte-12qhfyh{height:100vh;padding-bottom:0}.app-main.svelte-12qhfyh{flex:1;min-height:0}body.studio-mode .app-main.svelte-12qhfyh{overflow-y:auto;overflow-x:hidden}.header-bar.svelte-12qhfyh{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-6);background:#ffffffd9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--line-soft);position:sticky;top:0;z-index:var(--z-sticky)}.logo.svelte-12qhfyh{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--ink-50);text-decoration:none;letter-spacing:.01em}.logo.svelte-12qhfyh:hover{color:var(--accent-primary)}nav.svelte-12qhfyh{display:flex;align-items:center;gap:var(--space-3)}.auth-btn.svelte-12qhfyh{padding:.45rem 1rem;font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--accent-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:opacity var(--duration-fast)}.auth-btn.svelte-12qhfyh:hover{opacity:.88}.billing-link.svelte-12qhfyh{color:var(--ink-200);text-decoration:none;font-size:var(--text-sm);font-weight:600;padding:.45rem .75rem;border-radius:var(--radius-md);border:1px solid transparent;transition:border-color var(--duration-fast),background var(--duration-fast),color var(--duration-fast)}.billing-link.svelte-12qhfyh:hover{color:var(--ink-50);border-color:var(--line-soft);background:var(--tint-hover)}