:root{--color-primary-start: #FF4B91;--color-primary-end: #7209B7;--gradient-primary: linear-gradient(135deg, var(--color-primary-start), var(--color-primary-end));--gradient-primary-h: linear-gradient(90deg, var(--color-primary-start), var(--color-primary-end));--gradient-primary-glow: linear-gradient(135deg, rgba(255, 75, 145, .35), rgba(114, 9, 183, .35));--color-accent-emerald: #059669;--color-bg: transparent;--color-surface: rgba(255, 255, 255, .45);--color-surface-solid: #FFFFFF;--color-surface-inset: rgba(255, 255, 255, .35);--color-surface-glass: rgba(255, 255, 255, .2);--backdrop-blur: blur(30px) saturate(180%);--color-border: rgba(255, 255, 255, .65);--color-border-glass: rgba(255, 255, 255, .85);--color-border-hover: rgba(255, 75, 145, .5);--color-border-input: rgba(255, 255, 255, .7);--color-text-primary: #0F172A;--color-text-secondary: #334155;--color-text-muted: #64748B;--color-text-placeholder:#94A3B8;--color-text-inverse: #FFFFFF;--color-text-accent: var(--color-primary-start);--color-nav-bg: rgba(255, 255, 255, .45);--color-nav-border: rgba(255, 255, 255, .55);--color-nav-item-text: #475569;--color-nav-item-icon: #64748B;--color-nav-active-bg: rgba(255, 75, 145, .08);--color-nav-active-text: #FF4B91;--color-nav-active-icon: #FF4B91;--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .08);--color-success-border: rgba(5, 150, 105, .2);--color-processing: #7209B7;--color-processing-bg: rgba(114, 9, 183, .08);--color-processing-border: rgba(114, 9, 183, .2);--color-error: #E11D48;--color-error-bg: rgba(225, 29, 72, .08);--color-error-border: rgba(225, 29, 72, .2);--color-warning: #D97706;--color-warning-bg: rgba(217, 119, 6, .08);--color-warning-border: rgba(217, 119, 6, .2);--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 8px;--radius: 12px;--radius-md: 14px;--radius-input: 14px;--radius-card: 24px;--radius-pill: 999px;--shadow-card: inset 0 1px 1px rgba(255, 255, 255, .8), 0 10px 30px -10px rgba(31, 38, 135, .06);--shadow-card-hover: inset 0 1px 1px rgba(255, 255, 255, .9), 0 20px 40px -10px rgba(247, 37, 133, .12);--shadow-btn: 0 10px 24px rgba(247, 37, 133, .25);--shadow-inset: inset 0 2px 4px rgba(0, 0, 0, .04), inset 0 0 0 1px rgba(255, 255, 255, .35);--shadow-modal: 0 32px 80px rgba(0, 0, 0, .1), inset 0 1px 0 rgba(255, 255, 255, .9);--transition: .16s cubic-bezier(.16, 1, .3, 1);--transition-slow: .28s cubic-bezier(.16, 1, .3, 1);--sidebar-width: 230px;--topbar-height: 64px;--content-px: 32px;--bg: transparent;--surface: var(--color-surface);--card: var(--color-surface);--card-hover: rgba(255, 255, 255, .6);--border: var(--color-border);--border-light: var(--color-border-input);--accent: var(--color-primary-start);--accent-dim: #FF4B91;--accent-glow: rgba(255, 75, 145, .22);--accent-subtle:var(--color-nav-active-bg);--text-1: var(--color-text-primary);--text-2: var(--color-text-secondary);--text-3: var(--color-text-muted);--text-4: var(--color-text-placeholder);--error: var(--color-error);--error-bg: var(--color-error-bg);--success: var(--color-success);--success-bg: var(--color-success-bg);--warning: var(--color-warning);--warning-bg: var(--color-warning-bg);--radius-lg: var(--radius-card);--radius-xl: var(--radius-pill);--shadow-accent:var(--shadow-btn)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{height:100%;font-size:16px;background:#f8fafc}body{min-height:100%;font-family:var(--font-body);background-color:transparent!important;color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;overflow-y:auto}#root{min-height:100%;background:transparent!important}.app-fixed-bg-canvas{position:fixed;inset:0;width:100vw;height:100vh;z-index:-100;pointer-events:none;background-color:#f8fafc;background-image:radial-gradient(circle at 15% 15%,rgba(56,189,248,.35) 0%,transparent 45%),radial-gradient(circle at 85% 15%,rgba(255,75,145,.18) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(114,9,183,.22) 0%,transparent 60%),linear-gradient(135deg,#fff5f7,#f5f3ff 45%,#f0fdfa);transform:translateZ(0);will-change:transform}.app-shell-container,.app-shell-content,.app-shell-main,.app-layout,.app-body,.create-view-wrapper,.landing,.history-hub-wrapper{background:transparent!important}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;line-height:1.15;color:var(--color-text-primary)}p{line-height:1.6}a{color:var(--color-text-accent);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--color-primary-start);text-decoration:none}code,.mono{font-family:var(--font-mono);font-size:.875em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff40;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary-start)}::selection{background:#38bdf866;color:#fff}:focus-visible{outline:2px solid var(--color-primary-start);outline-offset:2px;border-radius:var(--radius-sm)}.glass-card{background:var(--color-surface);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:var(--backdrop-blur);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);transition:all var(--transition)}.glass-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-card-hover)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:0 var(--space-5);height:40px;border-radius:var(--radius-pill);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);white-space:nowrap;user-select:none;position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--gradient-primary);color:var(--color-text-inverse);font-weight:800;box-shadow:var(--shadow-btn)}.btn-primary:hover{filter:brightness(1.15);box-shadow:0 10px 28px #38bdf899;transform:translateY(-1px)}.btn-ghost{background:#ffffff1a;backdrop-filter:blur(14px);color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:inset 0 1px #ffffff40}.btn-ghost:hover{background:#ffffff2e;border-color:var(--color-primary-start);color:var(--color-primary-start)}.btn-sm{height:34px;padding:0 var(--space-4);font-size:13px}.btn-icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:#ffffff1a;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:50%}.btn-icon:hover{border-color:var(--color-primary-start);color:var(--color-primary-start);background:var(--color-nav-active-bg)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:12px;font-weight:600;letter-spacing:.01em}.badge-completed{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.platform-filter-tab.active{background:var(--gradient-primary);color:var(--color-text-inverse);border-color:transparent;box-shadow:var(--shadow-btn)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97) translateY(4px)}to{opacity:1;transform:scale(1) translateY(0)}}.animate-fade-in{animation:fadeInScale .22s cubic-bezier(.16,1,.3,1) forwards}@keyframes pulseGlow{0%,to{box-shadow:0 0 #f7258566}50%{box-shadow:0 0 0 8px #f7258500}}.pulse-glow{animation:pulseGlow 2s infinite}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff1a,#ffffff0a 75%);background-size:800px 100%;animation:shimmer 1.6s infinite linear;border-radius:4px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes genDotBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.2);opacity:1}}.gen-dot{animation:genDotBounce 1.2s ease-in-out infinite}.gen-dot:nth-child(2){animation-delay:.2s}.gen-dot:nth-child(3){animation-delay:.4s}.uc-card-shell,.post-card{content-visibility:auto;contain-intrinsic-size:1px 440px}@media (max-width: 768px){.responsive-stacked-grid{grid-template-columns:1fr!important;padding:16px!important;gap:12px!important}.responsive-stacked-grid-header{display:none!important}.responsive-stacked-grid [data-label]:before{content:attr(data-label) ": ";font-weight:700;color:var(--color-primary-start);margin-right:8px;min-width:100px;font-size:11px;text-transform:uppercase;letter-spacing:.05em;display:inline-block}.responsive-stacked-grid [data-label]:empty{display:none!important}}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}