html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--color-background-primary: var(--palette-neutral-50);--color-background-secondary: var(--palette-neutral-100);--color-background-tertiary: var(--palette-neutral-200);--color-background-elevated: var(--palette-white);--color-background-hover: var(--palette-neutral-150);--color-text-primary: var(--palette-neutral-900);--color-text-secondary: var(--palette-neutral-600);--color-text-tertiary: var(--palette-neutral-500);--color-text-on-primary: var(--palette-white);--color-text-on-dark: var(--palette-white);--color-border-primary: var(--palette-neutral-300);--color-border-secondary: var(--palette-neutral-400);--color-border-hover: var(--palette-neutral-500);--color-brand-primary: var(--palette-brand-500);--color-brand-primary-hover: var(--palette-brand-600);--color-brand-light: var(--palette-brand-100);--color-brand-text: var(--palette-brand-700);--color-success: var(--palette-success-500);--color-success-light: var(--palette-success-100);--color-success-text: var(--palette-success-700);--color-audio: var(--palette-audio-500);--color-audio-light: var(--palette-audio-100);--color-audio-text: var(--palette-audio-700);--color-warning: var(--palette-warning-500);--color-warning-light: var(--palette-warning-100);--color-danger: var(--palette-danger-500);--color-danger-light: var(--palette-danger-100);--color-danger-text: var(--palette-white);--gradient-brand: linear-gradient(135deg, var(--palette-brand-500) 0%, var(--palette-brand-600) 100%);--gradient-audio: linear-gradient(135deg, var(--palette-audio-500) 0%, var(--palette-success-600) 100%);--gradient-surface: linear-gradient(135deg, var(--palette-white) 0%, var(--palette-neutral-50) 100%);--gradient-subtle: linear-gradient(180deg, var(--palette-brand-overlay) 0%, transparent 100%);--gradient-hero-accent: radial-gradient(circle, var(--palette-brand-overlay) 0%, transparent 70%);--palette-white: #FFFFFF;--palette-neutral-50: #FAF9F6;--palette-neutral-100: #F5F3EE;--palette-neutral-150: #F0EDE5;--palette-neutral-200: #EBE8E1;--palette-neutral-300: #E5E1D8;--palette-neutral-400: #D4CFBF;--palette-neutral-500: #8B8278;--palette-neutral-600: #5C5550;--palette-neutral-900: #1F1B16;--palette-brand-100: #F4E5DF;--palette-brand-500: #D97757;--palette-brand-600: #C45E3E;--palette-brand-700: #B54D30;--palette-brand-overlay: rgba(217, 119, 87, .08);--palette-success-100: #D8F3DC;--palette-success-500: #2D6A4F;--palette-success-600: #1B4332;--palette-success-700: #1B4332;--palette-audio-100: #C7F0E8;--palette-audio-500: #1B998B;--palette-audio-700: #147A6F;--palette-warning-100: #FFE5D9;--palette-warning-500: #E76F51;--palette-danger-100: #F8E8E9;--palette-danger-500: #C1666B;--palette-danger-600: #A85459;--font-display: "Fraunces", "Playfair Display", Georgia, serif;--font-sans: "DM Sans", "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.625rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--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;--space-16: 4rem;--space-20: 5rem;--radius-sm: .5rem;--radius: .75rem;--radius-md: 1rem;--radius-lg: 1.25rem;--radius-xl: 1.5rem;--shadow-color: rgba(31, 27, 22, .04);--shadow-xs: 0 1px 2px 0 var(--shadow-color);--shadow-sm: 0 2px 4px 0 rgba(31, 27, 22, .06), 0 1px 2px 0 var(--shadow-color);--shadow: 0 4px 8px 0 rgba(31, 27, 22, .08), 0 2px 4px 0 var(--shadow-color);--shadow-md: 0 8px 16px 0 rgba(31, 27, 22, .1), 0 4px 8px 0 rgba(31, 27, 22, .06);--shadow-lg: 0 16px 32px 0 rgba(31, 27, 22, .12), 0 8px 16px 0 rgba(31, 27, 22, .08);--shadow-xl: 0 24px 48px 0 rgba(31, 27, 22, .14), 0 12px 24px 0 rgba(31, 27, 22, .1);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans)!important;background:var(--color-background-primary)!important;color:var(--color-text-primary)!important;font-size:var(--text-base)!important;line-height:1.6!important;-webkit-font-smoothing:antialiased!important;-moz-osx-font-smoothing:grayscale!important}.heading-display{font-family:var(--font-display);font-size:var(--text-5xl);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--color-text-primary)}.heading-1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--color-text-primary)}.heading-2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--color-text-primary)}.heading-3{font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:600;line-height:1.3;color:var(--color-text-primary)}.heading-4{font-family:var(--font-sans);font-size:var(--text-xl);font-weight:600;line-height:1.4;color:var(--color-text-primary)}.text-primary{color:var(--color-text-primary)!important}.text-secondary{color:var(--color-text-secondary)!important}.text-tertiary{color:var(--color-text-tertiary)!important}.text-brand{color:var(--color-brand-primary)!important}.card{background:var(--gradient-surface);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);overflow:hidden}.card:hover{border-color:var(--color-border-secondary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.button-primary{background:var(--gradient-brand);color:var(--color-text-on-primary);box-shadow:var(--shadow-sm)}.button-primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.button-secondary{background:var(--color-background-elevated);color:var(--color-text-primary);border:1.5px solid var(--color-border-secondary);box-shadow:var(--shadow-xs)}.button-secondary:hover{background:var(--color-background-hover);border-color:var(--color-text-secondary)}.button-ghost{background:transparent;color:var(--color-text-secondary);border:none}.button-ghost:hover{background:var(--color-background-hover);color:var(--color-text-primary)}.button-destructive{background:var(--color-danger);color:var(--color-danger-text);box-shadow:var(--shadow-sm)}.button-destructive:hover{background:var(--palette-danger-600);box-shadow:var(--shadow-md);transform:translateY(-1px)}.input{background:var(--color-background-elevated);border:1.5px solid var(--color-border-primary);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);transition:all var(--transition-fast);width:100%}.input:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:0 0 0 4px var(--color-brand-light)}.input::-moz-placeholder{color:var(--color-text-tertiary)}.input::placeholder{color:var(--color-text-tertiary)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;line-height:1;text-transform:uppercase;letter-spacing:.05em}.badge-primary{background:var(--color-brand-light);color:var(--color-brand-text)}.badge-success{background:var(--color-success-light);color:var(--color-success-text)}.badge-audio{background:var(--color-audio-light);color:var(--color-audio-text)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.stat-card{background:var(--color-background-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);transition:all var(--transition-base)}.stat-card:hover{border-color:var(--color-brand-primary);box-shadow:var(--shadow-sm)}.stat-value{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;color:var(--color-text-primary);line-height:1}.stat-label{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.fade-in{animation:fadeIn var(--transition-slow) ease-out}.slide-up{animation:slideUp var(--transition-base) ease-out}.scale-in{animation:scaleIn var(--transition-base) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.divider{height:1px;background:var(--color-border-primary);margin:var(--space-6) 0}.mono{font-family:var(--font-mono);font-size:var(--text-sm)}[data-theme=ocean]{--palette-neutral-50: #F8FAFC;--palette-neutral-100: #F1F5F9;--palette-neutral-150: #E8EDF3;--palette-neutral-200: #E2E8F0;--palette-neutral-300: #CBD5E1;--palette-neutral-400: #94A3B8;--palette-neutral-500: #64748B;--palette-neutral-600: #475569;--palette-neutral-900: #0F172A;--palette-brand-100: #DBEAFE;--palette-brand-500: #3B82F6;--palette-brand-600: #2563EB;--palette-brand-700: #1D4ED8;--palette-brand-overlay: rgba(59, 130, 246, .08);--palette-success-100: #D1FAE5;--palette-success-500: #10B981;--palette-success-600: #059669;--palette-success-700: #047857;--palette-audio-100: #CFFAFE;--palette-audio-500: #06B6D4;--palette-audio-700: #0E7490;--palette-warning-100: #FEF3C7;--palette-warning-500: #F59E0B;--palette-danger-100: #FEE2E2;--palette-danger-500: #EF4444;--palette-danger-600: #DC2626}[data-theme=forest]{--palette-neutral-50: #FAFAF9;--palette-neutral-100: #F5F5F4;--palette-neutral-150: #EFEDE9;--palette-neutral-200: #E7E5E4;--palette-neutral-300: #D6D3D1;--palette-neutral-400: #A8A29E;--palette-neutral-500: #78716C;--palette-neutral-600: #57534E;--palette-neutral-900: #1C1917;--palette-brand-100: #D1FAE5;--palette-brand-500: #10B981;--palette-brand-600: #059669;--palette-brand-700: #047857;--palette-brand-overlay: rgba(16, 185, 129, .08);--palette-success-100: #ECFCCB;--palette-success-500: #84CC16;--palette-success-600: #65A30D;--palette-success-700: #4D7C0F;--palette-audio-100: #CCFBF1;--palette-audio-500: #14B8A6;--palette-audio-700: #0F766E;--palette-warning-100: #FFEDD5;--palette-warning-500: #F97316;--palette-danger-100: #FFE4E6;--palette-danger-500: #F43F5E;--palette-danger-600: #E11D48}[data-theme=luxury]{--palette-neutral-50: #FAFAFA;--palette-neutral-100: #F4F4F5;--palette-neutral-150: #ECECEE;--palette-neutral-200: #E4E4E7;--palette-neutral-300: #D4D4D8;--palette-neutral-400: #A1A1AA;--palette-neutral-500: #71717A;--palette-neutral-600: #52525B;--palette-neutral-900: #18181B;--palette-brand-100: #EDE9FE;--palette-brand-500: #8B5CF6;--palette-brand-600: #7C3AED;--palette-brand-700: #6D28D9;--palette-brand-overlay: rgba(139, 92, 246, .08);--palette-success-100: #D1FAE5;--palette-success-500: #10B981;--palette-success-600: #059669;--palette-success-700: #047857;--palette-audio-100: #DDD6FE;--palette-audio-500: #A78BFA;--palette-audio-700: #7C3AED;--palette-warning-100: #FEF3C7;--palette-warning-500: #F59E0B;--palette-danger-100: #FCE7F3;--palette-danger-500: #EC4899;--palette-danger-600: #DB2777}[data-theme=dark]{--palette-white: #FAFAFA;--palette-neutral-50: #18181B;--palette-neutral-100: #27272A;--palette-neutral-150: #2E2E32;--palette-neutral-200: #3F3F46;--palette-neutral-300: #52525B;--palette-neutral-400: #71717A;--palette-neutral-500: #A1A1AA;--palette-neutral-600: #D4D4D8;--palette-neutral-900: #FAFAFA;--palette-brand-100: rgba(251, 146, 60, .15);--palette-brand-500: #FB923C;--palette-brand-600: #F97316;--palette-brand-700: #EA580C;--palette-brand-overlay: rgba(251, 146, 60, .08);--palette-success-100: rgba(34, 197, 94, .15);--palette-success-500: #22C55E;--palette-success-600: #16A34A;--palette-success-700: #15803D;--palette-audio-100: rgba(34, 211, 238, .15);--palette-audio-500: #22D3EE;--palette-audio-700: #0891B2;--palette-warning-100: rgba(234, 179, 8, .15);--palette-warning-500: #EAB308;--palette-danger-100: rgba(239, 68, 68, .15);--palette-danger-500: #EF4444;--palette-danger-600: #DC2626;--shadow-color: rgba(0, 0, 0, .3);--shadow-xs: 0 1px 2px 0 var(--shadow-color);--shadow-sm: 0 2px 4px 0 rgba(0, 0, 0, .4), 0 1px 2px 0 var(--shadow-color);--shadow: 0 4px 8px 0 rgba(0, 0, 0, .5), 0 2px 4px 0 var(--shadow-color);--shadow-md: 0 8px 16px 0 rgba(0, 0, 0, .5), 0 4px 8px 0 rgba(0, 0, 0, .4);--shadow-lg: 0 16px 32px 0 rgba(0, 0, 0, .6), 0 8px 16px 0 rgba(0, 0, 0, .5);--shadow-xl: 0 24px 48px 0 rgba(0, 0, 0, .7), 0 12px 24px 0 rgba(0, 0, 0, .6)}[data-theme=mono]{--palette-neutral-50: #FAFAFA;--palette-neutral-100: #F5F5F5;--palette-neutral-150: #F0F0F0;--palette-neutral-200: #E5E5E5;--palette-neutral-300: #D4D4D4;--palette-neutral-400: #A3A3A3;--palette-neutral-500: #737373;--palette-neutral-600: #525252;--palette-neutral-900: #171717;--palette-brand-100: #F5F5F5;--palette-brand-500: #404040;--palette-brand-600: #262626;--palette-brand-700: #171717;--palette-brand-overlay: rgba(64, 64, 64, .08);--palette-success-100: #F0F0F0;--palette-success-500: #525252;--palette-success-600: #404040;--palette-success-700: #262626;--palette-audio-100: #F0F0F0;--palette-audio-500: #525252;--palette-audio-700: #262626;--palette-warning-100: #F5F5F5;--palette-warning-500: #737373;--palette-danger-100: #F5F5F5;--palette-danger-500: #404040;--palette-danger-600: #262626}