:root{--bg-primary: #faf8f5;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fff9f0;--bg-input: #ffffff;--fire: #d4a017;--fire-bright: #f5c542;--fire-hot: #ff8a2a;--fire-dim: rgba(212, 160, 23, .1);--fire-glow: rgba(212, 160, 23, .25);--ash: #8b7355;--ash-dim: rgba(139, 115, 85, .1);--text-primary: #1a1408;--text-secondary: #5a4d3a;--text-muted: #8b7355;--text-accent: #d4a017;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-fire: rgba(212, 160, 23, .3);--shadow-sm: 0 2px 8px rgba(0,0,0,.08);--shadow-md: 0 8px 32px rgba(0,0,0,.1);--shadow-lg: 0 16px 64px rgba(0,0,0,.12);--error-color: #c62828;--error-bg: rgba(198, 40, 40, .08);--success-color: #2e7d32;--success-bg: rgba(46, 125, 50, .08);--font-display: "Playfair Display", "Noto Serif SC", "Georgia", serif;--font-body: "Inter", "Noto Sans SC", system-ui, sans-serif}[data-theme=dark-green]{--bg-primary: #1a2418;--bg-secondary: #243024;--bg-card: #2d3d2d;--bg-card-hover: #354535;--bg-input: #2d3d2d;--fire: #4a7c59;--fire-bright: #6b9b7a;--fire-hot: #8fbc8f;--fire-dim: rgba(74, 124, 89, .15);--fire-glow: rgba(74, 124, 89, .3);--ash: #8fbc8f;--ash-dim: rgba(143, 188, 143, .15);--text-primary: #e8f5e9;--text-secondary: #a5d6a7;--text-muted: #6b8e6b;--text-accent: #4a7c59;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-fire: rgba(74, 124, 89, .4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 16px 64px rgba(0,0,0,.5);--error-color: #ef5350;--error-bg: rgba(239, 83, 80, .1);--success-color: #66bb6a;--success-bg: rgba(102, 187, 106, .1)}[data-theme=light-green]{--bg-primary: #f1f8e9;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #f9fbe7;--bg-input: #ffffff;--fire: #2e7d32;--fire-bright: #4caf50;--fire-hot: #66bb6a;--fire-dim: rgba(46, 125, 50, .1);--fire-glow: rgba(46, 125, 50, .25);--ash: #81c784;--ash-dim: rgba(129, 199, 132, .1);--text-primary: #1b5e20;--text-secondary: #33691e;--text-muted: #689f38;--text-accent: #2e7d32;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-fire: rgba(46, 125, 50, .3);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 32px rgba(0,0,0,.08);--shadow-lg: 0 16px 64px rgba(0,0,0,.1);--error-color: #c62828;--error-bg: rgba(198, 40, 40, .08);--success-color: #2e7d32;--success-bg: rgba(46, 125, 50, .08)}[data-theme=deep-blue]{--bg-primary: #0a1929;--bg-secondary: #132f4c;--bg-card: #1a3a5c;--bg-card-hover: #1e4d6e;--bg-input: #1a3a5c;--fire: #4fc3f7;--fire-bright: #81d4fa;--fire-hot: #29b6f6;--fire-dim: rgba(79, 195, 247, .15);--fire-glow: rgba(79, 195, 247, .3);--ash: #7986cb;--ash-dim: rgba(121, 134, 203, .15);--text-primary: #e3f2fd;--text-secondary: #90caf9;--text-muted: #5c7a99;--text-accent: #4fc3f7;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--border-fire: rgba(79, 195, 247, .4);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--shadow-md: 0 8px 32px rgba(0,0,0,.4);--shadow-lg: 0 16px 64px rgba(0,0,0,.5);--error-color: #f44336;--error-bg: rgba(244, 67, 54, .1);--success-color: #66bb6a;--success-bg: rgba(102, 187, 106, .1)}[data-theme=warm-brown]{--bg-primary: #faf5f0;--bg-secondary: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fef8f3;--bg-input: #ffffff;--fire: #8d6e63;--fire-bright: #a1887f;--fire-hot: #bcaaa4;--fire-dim: rgba(141, 110, 99, .1);--fire-glow: rgba(141, 110, 99, .25);--ash: #bcaaa4;--ash-dim: rgba(188, 170, 164, .1);--text-primary: #4e342e;--text-secondary: #6d4c41;--text-muted: #8d6e63;--text-accent: #8d6e63;--border: rgba(0, 0, 0, .08);--border-hover: rgba(0, 0, 0, .15);--border-fire: rgba(141, 110, 99, .3);--shadow-sm: 0 2px 8px rgba(0,0,0,.06);--shadow-md: 0 8px 32px rgba(0,0,0,.08);--shadow-lg: 0 16px 64px rgba(0,0,0,.1);--error-color: #c62828;--error-bg: rgba(198, 40, 40, .08);--success-color: #558b2f;--success-bg: rgba(85, 139, 47, .08)}#root{width:100%;margin:0;padding:0;text-align:left;min-height:100svh;display:flex;flex-direction:column;box-sizing:border-box;background:var(--bg-primary)}h1,h2,h3{font-family:var(--font-display);font-weight:600;color:var(--text-primary);margin:0}h1{font-size:2.5rem;letter-spacing:-.02em}h2{font-size:1.5rem;letter-spacing:-.01em}p{margin:0;line-height:1.7}@keyframes fireShimmer{0%{background-position:-200% center}to{background-position:200% center}}@keyframes emberFloat{0%,to{transform:translateY(0) scale(1);opacity:.6}50%{transform:translateY(-8px) scale(1.05);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.7}}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--ash-dim);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--ash)}body{background:var(--bg-primary);transition:background .3s ease}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:var(--font-body);font-size:14px;color:var(--text-primary);background:var(--bg-primary);transition:background .3s ease,color .3s ease}#root{width:100%;height:100%;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes emberFloat{0%,to{transform:translateY(0) rotate(0);opacity:.8}25%{transform:translateY(-3px) rotate(2deg);opacity:1}50%{transform:translateY(-6px) rotate(-1deg);opacity:.9}75%{transform:translateY(-3px) rotate(1deg);opacity:1}}@keyframes fireShimmer{0%{background-position:-100% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px var(--fire-dim)}50%{box-shadow:0 0 20px var(--fire-glow)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.fade-in{animation:fadeIn .3s ease}.fade-in-up{animation:fadeInUp .5s ease}.ember-float{animation:emberFloat 3s ease-in-out infinite}.fire-shimmer{background:linear-gradient(90deg,var(--fire) 0%,var(--fire-bright) 50%,var(--fire) 100%);background-size:200% 100%;animation:fireShimmer 2s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pulse-glow{animation:pulseGlow 2s ease-in-out infinite}a{color:var(--fire);text-decoration:none;transition:color .2s ease}a:hover{color:var(--fire-bright)}button{cursor:pointer;border:none;outline:none;font-family:inherit;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}input,textarea{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:8px 12px;transition:border-color .2s ease,box-shadow .2s ease}input:focus,textarea:focus{outline:none;border-color:var(--fire);box-shadow:0 0 0 2px var(--fire-dim)}input::placeholder,textarea::placeholder{color:var(--text-muted)}select{font-family:inherit;font-size:inherit;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border);border-radius:6px;padding:8px 12px;transition:border-color .2s ease}select:focus{outline:none;border-color:var(--fire)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .3s ease}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-sm)}.divider{height:1px;background:var(--border);margin:16px 0}.tooltip{position:relative;display:inline-block}.tooltip .tooltip-text{visibility:hidden;width:120px;background-color:var(--text-primary);color:var(--bg-card);text-align:center;border-radius:6px;padding:5px;position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-60px;opacity:0;transition:opacity .3s;font-size:12px}.tooltip:hover .tooltip-text{visibility:visible;opacity:1}.loading{display:inline-block;width:20px;height:20px;border:2px solid var(--border);border-radius:50%;border-top-color:var(--fire);animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.success{color:var(--success-color)}.error{color:var(--error-color)}.warning{color:var(--fire)}.info{color:var(--text-secondary)}@media (max-width: 768px){html{font-size:13px}}@media (max-width: 480px){html{font-size:12px}}