:root{--color-primary: #4ECDC4;--color-primary-dark: #3da39b;--color-secondary: #FF6B6B;--color-success: #52B788;--color-warning: #F8B739;--color-error: #E63946;--color-dark: #000;--color-text: #2d3748;--color-text-light: #718096;--color-border: #e2e8f0;--color-bg: #ffffff;--color-bg-light: #f7fafc;--color-bg-hover: #edf2f7;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--border-radius-sm: .25rem;--border-radius-md: .5rem;--border-radius-lg: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@keyframes rainbow{0%{background-position:0% 50%}to{background-position:100% 50%}}.full-overlap{background:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);background-size:200% 100%;animation:rainbow 3s ease-in-out infinite;animation-direction:alternate;color:#fff;font-weight:var(--font-weight-bold)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg-light);line-height:1.6}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-3xl)}h2{font-size:var(--font-size-2xl)}h3{font-size:var(--font-size-xl)}button{font-family:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border:none;border-radius:var(--border-radius-md);background-color:var(--color-primary);color:#fff;cursor:pointer;transition:all var(--transition-fast)}button:hover{background-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none}button.secondary{background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}button.secondary:hover{background-color:var(--color-bg-hover)}input,textarea,select{font-family:inherit;font-size:var(--font-size-base);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg);transition:border-color var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary)}label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--color-text)}.container{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.card{background-color:var(--color-bg);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.error-message{color:var(--color-error);background-color:#e639461a;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.success-message{color:var(--color-success);background-color:#52b7881a;padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}@media(max-width:768px){.container{padding:var(--spacing-md)}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}}[data-theme=tokyo-night-dark]{--color-bg: #1a1b26;--color-bg-light: #24283b;--color-bg-hover: #32364a;--color-text: #a9b1d6;--color-text-light: #565f89;--color-border: #32364a;--color-primary: #7aa2f7;--color-primary-dark: #5a82d7;--color-secondary: #f7768e;--color-success: #9ece6a;--color-warning: #e0af68;--color-error: #f7768e}[data-theme=tokyo-night-light]{--color-bg: #d5d6db;--color-bg-light: #cbccd1;--color-bg-hover: #dfe0e5;--color-text: #565a6e;--color-text-light: #9699a3;--color-border: #a8aecb;--color-primary: #34548a;--color-primary-dark: #2a446f;--color-secondary: #8c4351;--color-success: #33635c;--color-warning: #8f5e15;--color-error: #8c4351}[data-theme=gruvbox-dark]{--color-bg: #282828;--color-bg-light: #3c3836;--color-bg-hover: #504945;--color-text: #ebdbb2;--color-text-light: #a89984;--color-border: #504945;--color-primary: #d79921;--color-primary-dark: #b57614;--color-secondary: #fb4934;--color-success: #b8bb26;--color-warning: #fabd2f;--color-error: #fb4934}[data-theme=gruvbox-light]{--color-bg: #fbf1c7;--color-bg-light: #ebdbb2;--color-bg-hover: #d5c4a1;--color-text: #3c3836;--color-text-light: #665c54;--color-border: #bdae93;--color-primary: #d79921;--color-primary-dark: #b57614;--color-secondary: #cc241d;--color-success: #98971a;--color-warning: #d79921;--color-error: #cc241d}[data-theme=kanagawa-dark]{--color-bg: #1f1f28;--color-bg-light: #2a2a37;--color-bg-hover: #363646;--color-text: #dcd7ba;--color-text-light: #727169;--color-border: #363646;--color-primary: #7e9cd8;--color-primary-dark: #5e7cb8;--color-secondary: #e82424;--color-success: #76946a;--color-warning: #ffa066;--color-error: #e82424}[data-theme=kanagawa-light]{--color-bg: #f2ecbc;--color-bg-light: #e7dba0;--color-bg-hover: #dcd5ac;--color-text: #545464;--color-text-light: #8a8980;--color-border: #c9c19f;--color-primary: #6a9589;--color-primary-dark: #5a8579;--color-secondary: #c84053;--color-success: #6f894e;--color-warning: #c98644;--color-error: #c84053}[data-theme=catppuccin-dark]{--color-bg: #45475a;--color-bg-light: #8839ef;--color-bg-hover: #7287fd;--color-text: #cdd6f4;--color-text-light: #7f849c;--color-border: #45475a;--color-primary: #dc8a78;--color-primary-dark: #dd7878;--color-secondary: #f38ba8;--color-success: #a6e3a1;--color-warning: #f9e2af;--color-error: #f38ba8}[data-theme=catppuccin-light]{--color-bg: #eff1f5;--color-bg-light: #e6e9ef;--color-bg-hover: #dce0e8;--color-text: #4c4f69;--color-text-light: #6c6f85;--color-border: #bcc0cc;--color-primary: #dc8a78;--color-primary-dark: #dd7878;--color-secondary: #d20f39;--color-success: #40a02b;--color-warning: #df8e1d;--color-error: #d20f39}