:root{--bg-primary: #0d0d0d;--bg-secondary: #0A1A2F;--bg-sidebar: #0F2A3D;--bg-panel: #001020;--bg-input: #1a3a4a;--bg-button: #1a3a4a;--bg-button-hover: #2a4a5a;--bg-canvas: #0d1520;--border-color: #1a3a4a;--border-light: #2a4a5a;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #888888;--text-accent: #00d4ff;--accent-primary: #1e293b;--accent-secondary: #00a3ff;--accent-success: #00cc88;--accent-warning: #ffaa00;--accent-danger: #ff4466;--scrollbar-track: #001020;--scrollbar-thumb: #003355;--scrollbar-hover: #004477}body.light-theme,[data-theme=light]{--bg-primary: #fafafa;--bg-secondary: #ffffff;--bg-sidebar: #ffffff;--bg-panel: #ffffff;--bg-input: #f8f9fa;--bg-button: #ffffff;--bg-button-hover: #f5f5f5;--bg-canvas: #f5f5f5;--border-color: #e5e7eb;--border-light: #f0f0f0;--text-primary: #1f2937;--text-secondary: #4b5563;--text-muted: #9ca3af;--text-accent: #1e293b;--accent-primary: #1e293b;--accent-secondary: #334155;--accent-success: #059669;--accent-warning: #d97706;--accent-danger: #dc2626;--scrollbar-track: #f5f5f5;--scrollbar-thumb: #d1d5db;--scrollbar-hover: #9ca3af;--header-bg: #ffffff;--header-border: #e5e7eb;--nav-link: #4b5563;--nav-link-hover: #1f2937}:root{--header-bg: linear-gradient(180deg, #0B2A3D 0%, #0a2235 100%);--header-border: rgba(0, 255, 204, .15);--nav-link: #a0b4c0;--nav-link-hover: #00FFCC}*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}body{background:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;transition:background .3s ease,color .3s ease}html,body,#root{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.app-shell{background:var(--bg-secondary);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.page-content{padding:20px;flex:1}.planner-container{display:flex;height:calc(100vh - 80px);gap:0}.left-sidebar{width:250px;background:var(--bg-sidebar);border-right:1px solid var(--border-color);padding:20px;overflow-y:auto}.left-sidebar h3{margin-bottom:15px;font-size:14px;text-transform:uppercase;color:var(--text-muted)}.left-sidebar button{width:100%;padding:10px;margin-bottom:8px;background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;cursor:pointer;transition:background .2s}.left-sidebar button:hover{background:var(--bg-button-hover)}.canvas-area{flex:1;background:var(--bg-canvas);border-right:1px solid var(--border-color);padding:0;overflow:hidden;display:flex;flex-direction:column}.canvas-area canvas{flex:1;display:block}.right-sidebar{width:300px;background:var(--bg-sidebar);border-left:1px solid var(--border-color);padding:20px;overflow-y:auto}.right-sidebar h3{margin-bottom:10px;font-size:14px;text-transform:uppercase;color:var(--text-muted)}.right-sidebar pre{background:var(--bg-primary);padding:10px;border-radius:4px;font-size:12px;overflow:auto;max-height:200px;margin-bottom:20px}.right-sidebar select{width:100%;padding:8px;background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;cursor:pointer}.view-toggle{position:fixed;bottom:20px;right:20px;display:flex;gap:10px;background:var(--bg-sidebar);padding:10px;border-radius:8px;border:1px solid var(--border-color)}.view-toggle button{padding:8px 16px;background:var(--bg-button);color:var(--text-primary);border:1px solid var(--border-light);border-radius:4px;cursor:pointer;transition:background .2s}.view-toggle button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.view-toggle button:hover{background:var(--bg-button-hover)}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 #00a3ff66}50%{box-shadow:0 0 0 10px #00a3ff00}}body.light-theme{background:#f8f9fa;color:#212529}body.light-theme div[style*="width: 300px"][style*="minWidth: 300px"],body.light-theme div[style*="width:300px"][style*="minWidth:300px"],body.light-theme div[style*="width: 300px"][style*="height: 100vh"],body.light-theme div[style*="min-width: 300px"][style*="max-width: 300px"]{background:linear-gradient(180deg,#fff,#fafbfc)!important;border-color:#dee2e6!important;color:#212529!important}body.light-theme div[style*="borderLeft: 2px solid #003344"],body.light-theme div[style*="border-left: 2px solid #003344"]{background:linear-gradient(180deg,#fff,#fafbfc)!important;border-left:1px solid #dee2e6!important;color:#212529!important}body.light-theme div[style*="width: 300px"] h1,body.light-theme div[style*="width: 300px"] h2,body.light-theme div[style*="width: 300px"] h3,body.light-theme div[style*="width: 300px"] h4,body.light-theme div[style*="width: 300px"] p,body.light-theme div[style*="width: 300px"] span,body.light-theme div[style*="width: 300px"] label{color:#212529!important}body.light-theme .plannerTopbar{background:linear-gradient(180deg,#fff,#f8f9fa)!important;border-bottom:1px solid #dee2e6!important;box-shadow:0 2px 8px #0000000f!important}body.light-theme .plannerTopbar *{color:#212529!important}body.light-theme .plannerBrand__dot{background:#1e293b!important;box-shadow:0 0 8px #ff7a0066!important}body.light-theme .plannerBrand__sub{color:#6c757d!important}body.light-theme ::-webkit-scrollbar-track{background:#f5f5f5}body.light-theme ::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}body.light-theme ::-webkit-scrollbar-thumb:hover{background:#9ca3af}body.light-theme header{background:#fff!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important}body.light-theme nav{background:#fff!important;box-shadow:0 1px 2px #0000000a!important}body.light-theme nav a{color:#4b5563!important;font-weight:500!important}body.light-theme nav a:hover{color:#1f2937!important}body.light-theme .plannerTopbar{background:#fff!important;border-bottom:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important}body.light-theme .plannerTopbar .plannerBrand__title{color:#1f2937!important;font-weight:700!important}body.light-theme .plannerTopbar .plannerBrand__sub{color:#9ca3af!important}body.light-theme .plannerBrand__dot{background:#1e293b!important;box-shadow:none!important}body.light-theme .segmented{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}body.light-theme .segmented__btn{color:#6b7280!important;font-weight:500!important}body.light-theme .segmented__btn:hover{color:#1f2937!important}body.light-theme .segmented__btn.isActive{background:#1e293b!important;color:#fff!important;box-shadow:none!important}body.light-theme .btn{background:#fff!important;color:#374151!important;border:1px solid #e5e7eb!important;box-shadow:none!important;font-weight:500!important}body.light-theme .btn:hover{background:#f9fafb!important;border-color:#d1d5db!important;color:#1f2937!important}body.light-theme .btnGhost{background:transparent!important;border:1px solid #e5e7eb!important;color:#6b7280!important}body.light-theme .btnGhost:hover{background:#f9fafb!important;border-color:#d1d5db!important;color:#1f2937!important}body.light-theme .canvas-hint{background:#fff!important;color:#6b7280!important;border:1px solid #e5e7eb!important;box-shadow:0 1px 3px #0000000d!important}body.light-theme div[style*="borderLeft: 2px solid #00a3ff"],body.light-theme div[style*="border-left: 2px solid #00a3ff"]{border-left-color:#1e293b!important}body.light-theme p[style*="color: #00a3ff"],body.light-theme p[style*="color: rgb(0, 163, 255)"]{color:#1e293b!important;font-weight:500!important}body.light-theme p[style*="color: #666"],body.light-theme span[style*="color: #666"]{color:#9ca3af!important}body.light-theme p[style*="color: #8cf"],body.light-theme p[style*="color: rgb(136, 204, 255)"]{color:#0d6efd!important}body.light-theme div[style*="background: #333"]{background:#ced4da!important}body.light-theme span[style*="color: #888"]{color:#6c757d!important}body.light-theme button[style*="background: #02263a"],body.light-theme button[style*="background: rgb(2, 38, 58)"]{background:#fff!important;border:1px solid #e5e7eb!important;color:#6b7280!important;box-shadow:none!important}body.light-theme button[style*="background: #02263a"]:hover,body.light-theme button[style*="background: rgb(2, 38, 58)"]:hover{background:#f9fafb!important;border-color:#d1d5db!important;color:#1f2937!important}body.light-theme button[style*="background: #00a3ff"],body.light-theme button[style*="background: rgb(0, 163, 255)"]{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important}body.light-theme div[style*="color: #666"][style*="text-transform: uppercase"]{color:#495057!important;font-weight:600!important}body.light-theme input[style*="background: #02263a"],body.light-theme input[style*="background: rgb(2, 38, 58)"],body.light-theme select[style*="background: #02263a"],body.light-theme select[style*="background: rgb(2, 38, 58)"]{background:#fff!important;border:1px solid #e5e7eb!important;color:#1f2937!important;box-shadow:none!important}body.light-theme input[style*="background: #02263a"]:focus,body.light-theme input[style*="background: rgb(2, 38, 58)"]:focus{border-color:#1e293b!important;box-shadow:0 0 0 2px #1e293b1a!important}body.light-theme button[style*="background: linear-gradient(135deg, #00cc88"],body.light-theme button[style*="background: linear-gradient(135deg, #00a3ff"]{background:#059669!important;border-color:#059669!important;color:#fff!important}body.light-theme button[style*="background: #111"],body.light-theme button[style*="background: rgb(17, 17, 17)"]{background:#fff!important;border:1px solid #dee2e6!important;color:#495057!important}body.light-theme button[style*="border-color: #dc2626"],body.light-theme button[style*="border-color: rgb(220, 38, 38)"],body.light-theme button[style*="background: #2a0a0a"],body.light-theme button[style*="background: rgb(42, 10, 10)"]{background:#fff5f5!important;border-color:#dc3545!important;color:#dc3545!important}body.light-theme button[style*="background: #2a0a0a"]:hover,body.light-theme button[style*="background: rgb(42, 10, 10)"]:hover{background:#ffe3e3!important}body.light-theme div[style*="background: #012"],body.light-theme div[style*="background: rgb(0, 17, 34)"]{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}body.light-theme div[style*="background: #023"],body.light-theme div[style*="background: rgb(0, 34, 51)"]{background:#f9fafb!important;border:1px solid #e5e7eb!important}body.light-theme div[style*="background: #01141e"],body.light-theme div[style*="background: rgb(1, 20, 30)"]{background:#fff!important;border:1px solid #e5e7eb!important;box-shadow:none!important}body.light-theme [style*="color: #0ff"],body.light-theme [style*="color: rgb(0, 255, 255)"],body.light-theme [style*="color: #00eaff"],body.light-theme [style*="color: rgb(0, 234, 255)"]{color:#1e293b!important}body.light-theme [style*="border-color: #0ff"],body.light-theme [style*="border-color: rgb(0, 255, 255)"]{border-color:#1e293b!important}body.light-theme [style*="color: #00ffcc"],body.light-theme [style*="color: rgb(0, 255, 204)"],body.light-theme [style*="color: #00FFCC"]{color:#059669!important}body.light-theme [style*="color: #1e293b"],body.light-theme [style*="color: rgb(30, 41, 59)"]{color:#1e293b!important}body.light-theme h3[style*="color: #00eaff"],body.light-theme h3[style*="color: rgb(0, 234, 255)"]{color:#212529!important}body.light-theme div[style*="background: #02263a"],body.light-theme div[style*="background: rgb(2, 38, 58)"]{background:#fff!important;border-color:#dee2e6!important;color:#212529!important}body.light-theme div[style*="background: linear-gradient(135deg, #02263a"]{background:#f8f9fa!important;border-color:#dee2e6!important}body.light-theme span[style*="color: #00a3ff"],body.light-theme label[style*="color: #00a3ff"]{color:#495057!important}body.light-theme span[style*="color: #00FFCC"]{color:#198754!important}body.light-theme span[style*="color: #6a8a9a"],body.light-theme span[style*="color: rgb(106, 138, 154)"]{color:#6c757d!important}body.light-theme label[style*="color: #888"],body.light-theme label[style*="color: #94a3b8"],body.light-theme span[style*="color: #888"],body.light-theme div[style*="color: #888"]{color:#9ca3af!important}body.light-theme div[style*="background: rgba(0, 200, 255"]{background:#1e293b14!important}body.light-theme button[style*="background: #0f172a"],body.light-theme button[style*="background: rgb(15, 23, 42)"]{background:#fff!important;border-color:#e5e7eb!important;color:#6b7280!important}body.light-theme button[style*="background: #3b82f6"]{background:#1e293b!important;border-color:#1e293b!important;color:#fff!important}body.light-theme select[style*="background: #02263a"],body.light-theme select[style*="background: rgb(2, 38, 58)"]{background:#fff!important;border:1px solid #dee2e6!important;color:#212529!important}body.light-theme div[style*="background: rgba(0,40,60"]{background:#f8f9fa!important;border-color:#dee2e6!important;color:#495057!important}body.light-theme div[style*="background: rgba(0,20,30"]{background:#fff!important}body.light-theme div[style*="color: #aaa"]{color:#6c757d!important}body.light-theme [style*="color: white"],body.light-theme [style*="color: #fff"],body.light-theme [style*="color: #ffffff"]{color:#212529!important}body.light-theme .running-total-box [style*="color: #ffffff"],body.light-theme .running-total-box [style*="color: white"],body.light-theme div[style*="background: linear-gradient(135deg, #059669"] [style*=color],body.light-theme div[style*="background: linear-gradient(135deg, #3b82f6"] [style*=color],body.light-theme button[style*="background: linear-gradient"],body.light-theme button[style*="background: #1e293b"],body.light-theme button[style*="background: #198754"],body.light-theme .segmented__btn.isActive{color:#fff!important}body.light-theme div[style*="background: rgba(255,255,255,0.05)"]{background:#f8f9fa!important;border-color:#dee2e6!important}body.light-theme button[style*="background: linear-gradient(135deg, #00aaff"]{background:#0d6efd!important;border-color:#0d6efd!important;color:#fff!important}body.light-theme strong{color:#212529!important}.left-sidebar-light{background:#fff!important;border-right:1px solid #dee2e6!important;color:#212529!important}.left-sidebar-light *{color:inherit}.left-sidebar-light h3,.left-sidebar-light h4,.left-sidebar-light p,.left-sidebar-light span,.left-sidebar-light label{color:#212529!important}.left-sidebar-light button{background:#fff!important;border:1px solid #dee2e6!important;color:#495057!important;box-shadow:0 1px 2px #0000000a!important}.left-sidebar-light button:hover{background:#f8f9fa!important;border-color:#1e293b!important}.left-sidebar-light input,.left-sidebar-light select{background:#fff!important;border:1px solid #dee2e6!important;color:#212529!important}body.light-theme [style*="opacity: 0.6"]{opacity:.7!important;color:#6c757d!important}body.light-theme [style*="color: #0af"],body.light-theme [style*="color: rgb(0, 170, 255)"]{color:#0d6efd!important}body.light-theme [style*="color: #6fa"],body.light-theme [style*="color: rgb(102, 255, 170)"],body.light-theme [style*="color: #8ff"]{color:#198754!important}body.light-theme div[style*="background: linear-gradient(135deg, #1e293b"],body.light-theme div[style*="background: linear-gradient(135deg, #0f172a"]{background:#fff!important;border-color:#dee2e6!important}body.light-theme div[style*="border: 1px solid rgba(16, 185, 129"]{border-color:#1e293b!important}body.light-theme div[style*="background: linear-gradient(135deg, #1e293b"] h2,body.light-theme div[style*="background: linear-gradient(135deg, #1e293b"] h3,body.light-theme div[style*="background: linear-gradient(135deg, #1e293b"] p,body.light-theme div[style*="background: linear-gradient(135deg, #1e293b"] span{color:#212529!important}body.light-theme div[style*="position: fixed"][style*="background: rgba(0, 0, 0, 0.85)"]{background:#00000080!important}body.light-theme div[style*="background: rgba(0, 20, 30"],body.light-theme div[style*="background: rgba(0,20,30"]{background:#f8f9fa!important;border-color:#dee2e6!important}body.light-theme div[style*="background: rgba(0, 40, 60"],body.light-theme div[style*="background: rgba(0,40,60"]{background:#f1f3f5!important;border-color:#dee2e6!important}body.light-theme .canvas-wrapper,body.light-theme .planner-canvas{background:#f8f9fa!important}body.light-theme .room-label{background:#fffffff2!important;border:1px solid #dee2e6!important;color:#212529!important;box-shadow:0 1px 3px #0000001a!important}body.light-theme .wall-dimension{background:#fffffff2!important;color:#495057!important}body.light-theme .room-selected{box-shadow:0 0 0 3px #ff7a0066!important}body.light-theme .running-total-box{background:#198754!important;color:#fff!important}body.light-theme .cost-item{background:#fff!important;border:1px solid #dee2e6!important;color:#212529!important}body.light-theme .price-value,body.light-theme span[style*="font-weight: 700"]{color:#198754!important}body.light-theme .section-total{background:#f8f9fa!important;border-top:1px solid #dee2e6!important;color:#212529!important}.right-sidebar-light{background:linear-gradient(180deg,#fff,#fafbfc)!important;border-left:1px solid #dee2e6!important;color:#212529!important}body.light-theme .wall-type-selector,body.light-theme .wall-type-selector *,body.light-theme div[style*="background: linear-gradient(135deg, #0a1a2a"],body.light-theme div[style*="background: linear-gradient(135deg, #0a1a2a"] *{color:#fff!important}body.light-theme div[style*="background: linear-gradient(135deg, #0a1a2a"] span[style*="color: #6a8"],body.light-theme div[style*="background: linear-gradient(135deg, #0a1a2a"] [style*="color: #888"]{color:#8ab!important}body.light-theme div[style*="background: linear-gradient(135deg, #0a1a2a"] [style*="color: #00FFCC"]{color:#334155!important}.right-sidebar-light .running-total-box,.right-sidebar-light .running-total-box *,.right-sidebar-light .cost-summary-box,.right-sidebar-light .cost-summary-box *{color:#fff!important}.right-sidebar-light>div:not([style*=gradient]):not(.running-total-box):not(.cost-summary-box){color:#212529}.right-sidebar-light div[style*="background: #011627"],.right-sidebar-light div[style*="background: #011a2e"],.right-sidebar-light div[style*="background: rgba(0,20,30"]{background:#f8f9fa!important;border-color:#dee2e6!important;color:#212529!important}.right-sidebar-light button:not([style*="background: linear-gradient(135deg, #0"]){background:linear-gradient(180deg,#fff,#f8f9fa)!important;border:1px solid #dee2e6!important;color:#495057!important}.right-sidebar-light button:not([style*="background: linear-gradient(135deg, #0"]):hover{background:linear-gradient(180deg,#f8f9fa,#e9ecef)!important;border-color:#1e293b!important;color:#1e293b!important}.right-sidebar-light button[style*="background: #1e293b"],.right-sidebar-light button[style*="background: linear-gradient"][style*="#1e293b"]{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#1e293b!important;color:#fff!important}.right-sidebar-light input,.right-sidebar-light select{background:#fff!important;border:1px solid #dee2e6!important;color:#212529!important}.right-sidebar-light input:focus,.right-sidebar-light select:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #ff7a0026!important}.right-sidebar-light [style*="color: #888"],.right-sidebar-light [style*="color: #999"],.right-sidebar-light [style*="color: #aaa"],.right-sidebar-light [style*="color: #8ff"],.right-sidebar-light [style*="color: #8cf"]{color:#6c757d!important}.right-sidebar-light [style*="color: #0ff"],.right-sidebar-light [style*="color: #00FFCC"],.right-sidebar-light [style*="color: #00a3ff"],.right-sidebar-light [style*="color: #00eaff"]{color:#1e293b!important}.right-sidebar-light [style*="font-weight: 600"],.right-sidebar-light [style*="font-weight: 700"],.right-sidebar-light [style*="font-weight: bold"]{color:#198754!important}body.light-theme .charlie-container,body.light-theme .novus-charlie-container{background:#fff!important;border:1px solid #dee2e6!important;box-shadow:0 4px 12px #0000001a!important}body.light-theme .charlie-bubble,body.light-theme .novus-charlie-bubble{background:#fff!important;border:1px solid #e9ecef!important;color:#212529!important;box-shadow:0 4px 20px #0000001a,0 0 0 1px #ff7a001a!important}body.light-theme .charlie-text,body.light-theme .novus-charlie-text{color:#212529!important}body.light-theme .charlie-action-btn{background:linear-gradient(135deg,#1e293b,#334155)!important;color:#fff!important;border:none!important;box-shadow:0 2px 8px #ff7a0066!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}body.light-theme .charlie-action-btn:hover{background:linear-gradient(135deg,#1e293b,#1e293b)!important;box-shadow:0 4px 12px #ff7a0080!important}body.light-theme .option-card,body.light-theme div[style*=border-radius][style*="cursor: pointer"][style*=background]{background:#fff!important;border:1px solid #e9ecef!important;color:#1a1a2e!important;box-shadow:0 2px 8px #0000000f!important}body.light-theme .option-card:hover,body.light-theme div[style*=border-radius][style*="cursor: pointer"][style*=background]:hover{border-color:#1e293b!important;box-shadow:0 4px 16px #ff7a0033,0 0 0 1px #ff7a004d!important;transform:translateY(-1px)}body.light-theme .option-card.selected,body.light-theme .option-card[style*="border: 2px solid"]{border-color:#1e293b!important;background:linear-gradient(135deg,#ff7a000d,#ff950014)!important;box-shadow:0 0 0 3px #ff7a0026,0 4px 12px #ff7a0026!important}body.light-theme .option-card h4,body.light-theme .option-card strong{color:#1a1a2e!important}body.light-theme .option-card p,body.light-theme .option-card span{color:#495057!important}body.light-theme .option-card .price,body.light-theme .option-card [style*="color: #00FFCC"],body.light-theme .option-card [style*="color: #00cc"]{color:#0d9448!important;text-shadow:0 0 8px rgba(16,185,129,.3)!important;font-weight:600!important}body.light-theme div[style*="background: #0"],body.light-theme div[style*="background: rgb(0,"],body.light-theme div[style*="background: #00"],body.light-theme div[style*="background: #01"],body.light-theme div[style*="background: #02"]{background:#fff!important;color:#1a1a2e!important}body.light-theme select,body.light-theme select[style*=background]{background:#fff!important;color:#1a1a2e!important;border:1px solid #dee2e6!important}body.light-theme select:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #ff7a0026!important}body.light-theme h3[style*=color],body.light-theme h4[style*=color],body.light-theme p[style*="color: #"],body.light-theme span[style*="color: #"],body.light-theme div[style*="color: #"]{color:#1a1a2e!important}body.light-theme [style*="color: #888"],body.light-theme [style*="color: #999"],body.light-theme [style*="color: #aaa"],body.light-theme [style*="color: #666"],body.light-theme [style*="color: #6a8"],body.light-theme [style*="color: rgb(106"],body.light-theme [style*="color: rgb(136"],body.light-theme [style*="opacity: 0.6"],body.light-theme [style*="opacity: 0.7"]{color:#495057!important;opacity:1!important}body.light-theme [style*="color: #00e"],body.light-theme [style*="color: #0ff"],body.light-theme [style*="color: #0af"],body.light-theme [style*="color: #0cf"],body.light-theme [style*="color: rgb(0, 2"],body.light-theme [style*="color: rgb(0, 1"],body.light-theme [style*="color: #00a"],body.light-theme [style*="color: #00c"],body.light-theme [style*="color: #00d"],body.light-theme [style*="color: #00f"]{color:#1e293b!important}body.light-theme [style*="color: #00F"],body.light-theme [style*="color: #00ff"],body.light-theme [style*="color: #00cc"],body.light-theme [style*="color: #0f"],body.light-theme [style*="color: rgb(0, 255"]{color:#0d9448!important;text-shadow:0 0 6px rgba(16,185,129,.25)!important}body.light-theme div[style*="background: #00101a"],body.light-theme div[style*="background: rgb(0, 16, 26)"],body.light-theme div[style*="background: linear-gradient"][style*="#00"]{background:linear-gradient(180deg,#fff,#f8f9fa)!important;border-color:#e9ecef!important}body.light-theme div[style*="background: #0F2A3D"],body.light-theme div[style*="background: rgb(15, 42, 61)"]{background:linear-gradient(180deg,#fff,#fafbfc)!important;border-color:#e9ecef!important}body.light-theme div[style*="color: #00a3ff"],body.light-theme h3[style*="color: #00eaff"],body.light-theme span[style*="color: #00a3ff"],body.light-theme p[style*="color: #00a3ff"]{color:#1e293b!important;text-shadow:0 0 8px rgba(255,122,0,.2)!important}body.light-theme button[style*="background: linear-gradient"][style*="#00"],body.light-theme button[style*="background: #00"],body.light-theme button[style*="background: #10"],body.light-theme button[style*="background: rgb(0,"],body.light-theme button[style*="background: rgb(16,"]{background:linear-gradient(135deg,#1e293b,#334155)!important;border-color:#1e293b!important;color:#fff!important;box-shadow:0 2px 12px #ff7a0066,inset 0 1px #fff3!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}body.light-theme button[style*="background: linear-gradient"][style*="#00"]:hover,body.light-theme button[style*="background: #00"]:hover{box-shadow:0 4px 20px #ff7a0080,inset 0 1px #fff3!important}body.light-theme [style*=Tip],body.light-theme span[style*="font-size: 11"],body.light-theme span[style*="font-size: 10"],body.light-theme p[style*="font-size: 11"],body.light-theme p[style*="font-size: 10"]{color:#495057!important}body.light-theme label,body.light-theme label[style*=color]{color:#343a40!important}body.light-theme select[style*="background: #"],body.light-theme select[style*="background: linear-gradient"],body.light-theme select[style*="background: rgb"]{background:linear-gradient(180deg,#fff,#f8f9fa)!important;color:#1a1a2e!important;border:1px solid #dee2e6!important;box-shadow:0 1px 4px #00000014!important}body.light-theme select option{background:#fff!important;color:#1a1a2e!important}body.light-theme input[type=text],body.light-theme input[type=number],body.light-theme input[style*=background]{background:#fff!important;color:#1a1a2e!important;border:1px solid #dee2e6!important}body.light-theme input:focus{border-color:#1e293b!important;box-shadow:0 0 0 3px #ff7a0026,0 0 8px #ff7a001a!important;outline:none!important}body.light-theme input::placeholder{color:#adb5bd!important}body.light-theme .running-total,body.light-theme div[style*="background: linear-gradient"][style*="#059669"],body.light-theme div[style*="background: linear-gradient"][style*="#10b981"],body.light-theme div[style*="background: #198754"],body.light-theme div[style*="background: #10b981"]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 16px #10b98166,inset 0 1px #fff3!important;text-shadow:0 1px 2px rgba(0,0,0,.2)!important}body.light-theme .running-total *,body.light-theme div[style*="background: linear-gradient"][style*="#059669"] *,body.light-theme div[style*="background: linear-gradient"][style*="#10b981"] *{color:#fff!important}body.light-theme [style*="COST BREAKDOWN"],body.light-theme div[style*="font-weight: 700"][style*=color]{color:#1a1a2e!important}body.light-theme span[style*="font-weight: 600"],body.light-theme span[style*="font-weight: 700"],body.light-theme span[style*="font-weight: bold"]{color:#0d9448!important}body.ui-pro{--bg: #0b1220;--panel: #0f1a2c;--panel2: #0c1626;--border: rgba(255, 255, 255, .08);--text: rgba(255, 255, 255, .88);--muted: rgba(255, 255, 255, .55);--accent: #6ee7ff;--btn: rgba(255, 255, 255, .08);--btnHover: rgba(255, 255, 255, .12)}body.ui-novus{--bg: #071623;--panel: #0a2032;--panel2: #0a1a28;--border: rgba(110, 231, 255, .18);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .62);--accent: #00e5ff;--btn: rgba(0, 229, 255, .14);--btnHover: rgba(0, 229, 255, .18)}body.light-theme.ui-pro,body.light-theme.ui-novus{--bg: #fafafa;--panel: #ffffff;--panel2: #fafafa;--border: #e5e7eb;--text: #1f2937;--muted: #9ca3af;--accent: #1e293b;--btn: #ffffff;--btnHover: #f5f5f5}html,body{background:var(--bg);color:var(--text)}.plannerTopbar{position:sticky;top:0;z-index:50;height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:linear-gradient(180deg,var(--panel),var(--panel2));border-bottom:1px solid var(--border)}.plannerBrand{display:flex;gap:10px;align-items:center}.plannerBrand__dot{width:10px;height:10px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 3px #6ee7ff1f}.plannerBrand__title{font-weight:700;font-size:14px;line-height:1}.plannerBrand__sub{font-size:12px;color:var(--muted);margin-top:2px}.plannerTopbar__right{display:flex;align-items:center;gap:10px}.segmented{display:inline-flex;border:1px solid var(--border);border-radius:999px;overflow:hidden;background:#ffffff08}.segmented__btn{padding:7px 12px;font-size:12px;color:var(--muted);background:transparent;border:0;cursor:pointer}.segmented__btn.isActive{color:var(--text);background:var(--btn)}.btn{padding:8px 12px;font-size:12px;border-radius:10px;border:1px solid var(--border);color:var(--text);background:var(--btn);cursor:pointer}.btn:hover{background:var(--btnHover)}.btnGhost{background:transparent}.btnGhost:hover{background:#ffffff0f}.pro-upload-screen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--panel) 0%,var(--panel2) 100%)}.pro-upload-container{width:100%;max-width:900px;padding:40px}.pro-upload-header{margin-bottom:40px}.pro-upload-header h1{font-size:28px;font-weight:600;color:var(--text);margin:0 0 8px;letter-spacing:-.5px}.pro-upload-header p{font-size:14px;color:var(--muted);margin:0}.pro-upload-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px}.pro-upload-card{padding:20px;background:#ffffff0a;border:1px solid var(--border);border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:center}.pro-upload-card:hover{background:#ffffff14;border-color:var(--accent)}.pro-upload-card.active{background:var(--accent);border-color:var(--accent);color:var(--bg)}.pro-upload-card__icon{font-size:32px;margin-bottom:12px}.pro-upload-card__title{font-size:13px;font-weight:600;margin-bottom:6px}.pro-upload-card__desc{font-size:11px;color:var(--muted);line-height:1.4}.pro-upload-footer{display:flex;gap:12px;justify-content:center}.btn-secondary{padding:10px 16px;font-size:12px;border:1px solid var(--border);border-radius:10px;background:#ffffff0a;color:var(--text);cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ffffff14}.pro-right-sidebar{width:280px;background:linear-gradient(180deg,var(--panel),var(--panel2));border-left:1px solid var(--border);padding:14px;overflow-y:auto;font-size:12px}.pro-sidebar-section{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.04)}.pro-sidebar-section:last-child{border-bottom:none}.pro-sidebar-label{font-size:11px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.pro-sidebar-stat{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.02)}.pro-sidebar-stat:last-child{border-bottom:none}.pro-stat-label{font-size:11px;color:var(--muted)}.pro-stat-value{font-size:12px;font-weight:600;color:var(--accent);font-family:ui-monospace,monospace}.pro-rooms-list{display:flex;flex-direction:column;gap:6px}.pro-room-item{padding:8px;background:#ffffff05;border:1px solid rgba(255,255,255,.04);border-radius:6px;cursor:pointer;transition:all .15s ease}.pro-room-item:hover{background:#ffffff0d;border-color:var(--accent)}.pro-room-name{font-size:12px;font-weight:600;color:var(--text);margin-bottom:2px}.pro-room-meta{font-size:10px;color:var(--muted);font-family:ui-monospace,monospace}.pro-select{width:100%;padding:8px;font-size:11px;background:#ffffff0a;border:1px solid var(--border);border-radius:6px;color:var(--text);cursor:pointer}.pro-select:hover,.pro-select:focus{background:#ffffff14;border-color:var(--accent)}.pro-shortcuts{display:flex;flex-direction:column;gap:4px}.pro-shortcut{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.pro-shortcut kbd{padding:2px 6px;background:#ffffff0f;border:1px solid var(--border);border-radius:4px;font-family:ui-monospace,monospace;font-size:9px;min-width:24px;text-align:center}body.ui-pro .float-cost-display{display:none!important}.pro-upload-tabs{display:flex;gap:12px;margin-bottom:32px;border-bottom:1px solid var(--pro-border, rgba(255, 255, 255, .08));padding-bottom:16px}.pro-upload-tab{padding:10px 20px;background:transparent;border:none;color:var(--pro-muted, rgba(255, 255, 255, .6));font-weight:600;cursor:pointer;transition:all .2s;border-bottom:2px solid transparent;font-size:14px}.pro-upload-tab:hover{color:var(--pro-text, rgba(255, 255, 255, .88))}.pro-upload-tab.active{color:var(--pro-accent, #6ee7ff);border-bottom-color:var(--pro-accent, #6ee7ff)}.pro-vault-area{padding:20px 0}.pro-vault-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.pro-vault-card{background:var(--pro-card, rgba(255, 255, 255, .03));border:1px solid var(--pro-border, rgba(255, 255, 255, .08));border-radius:12px;padding:20px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .2s;cursor:pointer}.pro-vault-card:hover{background:var(--pro-card-hover, rgba(255, 255, 255, .05));border-color:var(--pro-accent, #6ee7ff)}.pro-vault-icon{font-size:36px;margin-bottom:12px}.pro-vault-title{font-weight:600;color:var(--pro-text, rgba(255, 255, 255, .88));font-size:16px;margin-bottom:8px}.pro-vault-desc{color:var(--pro-muted, rgba(255, 255, 255, .6));font-size:12px;margin-bottom:16px}.btn-primary{padding:8px 16px;background:var(--pro-accent, #6ee7ff);color:#0b1220;border:none;border-radius:8px;font-weight:600;font-size:12px;cursor:pointer;transition:all .2s}.btn-primary:hover{opacity:.9}body.ui-pro .engine-canvas{margin-right:280px}body.ui-pro .right-sidebar-novus{display:none!important}.pricing-page{min-height:calc(100vh - 64px);background:linear-gradient(180deg,#0a1929,#0b2a3d);color:#f1f5f9;padding:60px 20px;font-family:Inter,system-ui,sans-serif}.upload-feature-banner{max-width:800px;margin:0 auto 40px;background:linear-gradient(135deg,#3b82f626,#1e40af1a);border:2px solid rgba(59,130,246,.4);border-radius:16px;padding:24px 32px;animation:pulseGlow 2s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #3b82f633}50%{box-shadow:0 0 30px #3b82f666}}.upload-banner-content{display:flex;align-items:center;gap:20px}.upload-banner-icon{font-size:48px;flex-shrink:0}.upload-banner-text strong{display:block;font-size:1.25rem;color:#3b82f6;margin-bottom:8px}.upload-banner-text p{color:#cbd5e1;font-size:.95rem;margin:0;line-height:1.5}.pricing-header{text-align:center;max-width:600px;margin:0 auto 50px}.pricing-header h1{font-size:2.5rem;font-weight:800;margin-bottom:12px;color:#fff}.pricing-header p{color:#8899a8;font-size:1.1rem}.billing-toggle{display:inline-flex;background:#ffffff08;border-radius:12px;padding:4px;margin-top:24px;border:1px solid rgba(255,255,255,.08)}.billing-toggle button{padding:10px 24px;border:none;background:transparent;color:#8899a8;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:8px}.billing-toggle button.active{background:#0fc;color:#0b2a3d}.billing-toggle button:hover:not(.active){color:#f1f5f9}.save-badge{background:#0fc;color:#0b2a3d;padding:2px 8px;border-radius:20px;font-size:11px;font-weight:600}.pricing-error{background:#dc2626;color:#fff;padding:12px 20px;border-radius:8px;max-width:400px;margin:0 auto 20px;text-align:center}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;max-width:1200px;margin:0 auto;padding:0 20px}.pricing-card{background:#ffffff08;border-radius:16px;padding:32px 24px;border:1px solid rgba(255,255,255,.08);position:relative;transition:all .3s}.pricing-card:hover{transform:translateY(-4px);border-color:#ffffff26}.pricing-card.popular{border-color:#0fc;box-shadow:0 0 40px #00ffcc26}.pricing-card.current{border-color:#0fc}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#0fc;color:#0b2a3d;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:600}.current-badge{position:absolute;top:-12px;right:16px;background:#0fc;color:#0b2a3d;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:600}.card-header{text-align:center;margin-bottom:20px}.card-header h2{font-size:1.5rem;font-weight:700;margin-bottom:4px}.tagline{color:#94a3b8;font-size:14px}.card-price{text-align:center;margin-bottom:8px;display:flex;align-items:baseline;justify-content:center;gap:2px}.currency{font-size:1.5rem;color:#94a3b8}.price-amount{font-size:3rem;font-weight:700;line-height:1}.period{color:#8899a8;font-size:14px}.yearly-note{text-align:center;color:#678;font-size:12px;margin-bottom:16px}.feature-list{list-style:none;padding:0;margin:24px 0}.feature-list li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:14px;color:#a0b4c0;border-bottom:1px solid rgba(255,255,255,.06)}.feature-list li:last-child{border-bottom:none}.feature-list .check{color:#0fc;font-weight:700}.select-btn{width:100%;padding:14px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s;background:#0fc;color:#0b2a3d}.select-btn:hover:not(:disabled){transform:scale(1.02);box-shadow:0 4px 20px #00ffcc4d}.select-btn.current{background:#ffffff1a;color:#8899a8;cursor:default}.select-btn:disabled{opacity:.7;cursor:not-allowed}.pricing-footer{text-align:center;margin-top:50px;padding-top:30px;border-top:1px solid rgba(255,255,255,.06)}.trust-badges{display:flex;justify-content:center;gap:32px;flex-wrap:wrap;margin-bottom:16px}.trust-badges span{color:#94a3b8;font-size:14px}.guarantee{color:#64748b;font-size:13px}.comparison-section{max-width:1000px;margin:60px auto 0;padding:0 20px}.comparison-section h2{text-align:center;font-size:1.8rem;margin-bottom:30px}.comparison-table{width:100%;border-collapse:collapse;background:#1e293b;border-radius:12px;overflow:hidden}.comparison-table th,.comparison-table td{padding:14px 16px;text-align:center;border-bottom:1px solid #334155}.comparison-table th{background:#0f172a;font-weight:600;color:#f1f5f9}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table td{color:#94a3b8;font-size:14px}.comparison-table tr:last-child td{border-bottom:none}.comparison-table tr:hover td{background:#263044}.faq-section{max-width:900px;margin:60px auto 0;padding:0 20px}.faq-section h2{text-align:center;font-size:1.8rem;margin-bottom:30px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.faq-item{background:#1e293b;border-radius:12px;padding:24px;border:1px solid #334155}.faq-item h4{font-size:16px;margin-bottom:10px;color:#f1f5f9}.faq-item p{color:#94a3b8;font-size:14px;line-height:1.6}@media(max-width:768px){.pricing-header h1{font-size:1.8rem}.pricing-cards{padding:0}.trust-badges{flex-direction:column;gap:12px}.comparison-table{font-size:12px}.comparison-table th,.comparison-table td{padding:10px 8px}}.paywall-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.paywall-modal{background:#1a1a2e;border-radius:16px;padding:32px;max-width:900px;width:95%;max-height:90vh;overflow-y:auto;position:relative;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 60px #00000080}.paywall-close{position:absolute;top:16px;right:16px;background:#ffffff1a;border:none;color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;transition:background .2s}.paywall-close:hover{background:#fff3}.paywall-header{text-align:center;margin-bottom:24px}.paywall-icon{font-size:48px;display:block;margin-bottom:12px}.paywall-header h2{margin:0 0 8px;font-size:28px;color:#fff}.paywall-header p{color:#ffffffb3;font-size:16px;margin:0}.tier-badge{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 12px;border-radius:20px;font-weight:600}.paywall-error{background:#ef444433;border:1px solid #ef4444;color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:20px;text-align:center}.billing-toggle{display:flex;justify-content:center;gap:8px;margin-bottom:28px}.billing-toggle button{padding:10px 24px;border:1px solid rgba(255,255,255,.2);background:transparent;color:#ffffffb3;border-radius:8px;cursor:pointer;font-size:14px;transition:all .2s}.billing-toggle button.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border-color:transparent}.billing-toggle button:hover:not(.active){border-color:#fff6}.save-badge{background:#0fc;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;margin-left:6px}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:24px}.plan-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:24px;text-align:center;position:relative;transition:transform .2s,border-color .2s}.plan-card:hover{transform:translateY(-4px);border-color:#6366f180}.plan-card.recommended{border-color:#6366f1;background:#6366f11a}.recommended-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:600}.plan-card h3{margin:0 0 4px;font-size:22px;color:#fff}.plan-card .tagline{color:#ffffff80;font-size:14px;margin:0 0 16px}.plan-card .price{margin-bottom:8px}.plan-card .amount{font-size:36px;font-weight:700;color:#fff}.plan-card .period{font-size:14px;color:#ffffff80}.plan-card .yearly-note{font-size:13px;color:#fff6;margin:4px 0 12px}.plan-card .features{list-style:none;padding:0;margin:16px 0 20px;text-align:left}.plan-card .features li{padding:6px 0;font-size:14px;color:#fffc}.upgrade-btn{width:100%;padding:12px 20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .2s,transform .2s}.upgrade-btn:hover:not(:disabled){opacity:.9;transform:scale(1.02)}.upgrade-btn:disabled{opacity:.6;cursor:not-allowed}.paywall-footer{text-align:center;color:#fff6;font-size:13px;margin:0}body.light-theme .paywall-overlay{background:#0006}body.light-theme .paywall-modal{background:#fff;border:1px solid #dee2e6;box-shadow:0 10px 40px #00000026}body.light-theme .paywall-close{background:#f8f9fa;color:#6c757d}body.light-theme .paywall-close:hover{background:#e9ecef;color:#212529}body.light-theme .paywall-header h2{color:#212529}body.light-theme .paywall-header p{color:#6c757d}body.light-theme .billing-toggle button{border-color:#dee2e6;color:#6c757d;background:#fff}body.light-theme .billing-toggle button:hover:not(.active){border-color:#1e293b;background:#f8f9fa}body.light-theme .billing-toggle button.active{background:#1e293b;color:#fff}body.light-theme .plan-card{background:#f8f9fa;border:1px solid #dee2e6}body.light-theme .plan-card:hover{border-color:#1e293b;box-shadow:0 2px 8px #ff7a0026}body.light-theme .plan-card.recommended{background:#ff7a000d;border-color:#1e293b}body.light-theme .plan-card h3{color:#212529}body.light-theme .plan-card .tagline{color:#6c757d}body.light-theme .plan-card .amount{color:#212529}body.light-theme .plan-card .period{color:#6c757d}body.light-theme .plan-card .yearly-note{color:#adb5bd}body.light-theme .plan-card .features li{color:#495057}body.light-theme .paywall-footer{color:#94a3b8}.charlie-container{position:fixed;bottom:25px;right:30px;display:flex;align-items:flex-end;gap:12px;padding:16px;background:linear-gradient(135deg,#0f1c2e,#1a2a3e);border:1px solid rgba(0,234,255,.3);border-radius:16px;box-shadow:0 8px 32px #0000004d;z-index:99999;pointer-events:auto}.charlie-avatar{width:70px;height:70px;margin-right:12px;border-radius:50%;border:3px solid #00eaff;box-shadow:0 0 20px #00eaff66;background:#0f1c2e;object-fit:cover}.charlie-avatar-fallback{width:70px;height:70px;margin-right:12px;border-radius:50%;border:3px solid #00eaff;box-shadow:0 0 20px #00eaff66;background:linear-gradient(135deg,#0f1c2e,#1a2a3e);display:flex;align-items:center;justify-content:center;font-size:36px;flex-shrink:0}.charlie-content{display:flex;flex-direction:column;gap:8px}.charlie-speech{background:linear-gradient(135deg,#0f1c2e,#1a2a3e);color:#fff;padding:14px 18px;border-radius:16px 16px 4px;font-size:15px;line-height:1.5;max-width:300px;border:1px solid rgba(0,234,255,.3);box-shadow:0 8px 32px #0000004d}.charlie-actions{display:flex;justify-content:space-between;align-items:center;padding:0 4px}.charlie-progress{font-size:11px;color:#6a8a9a;font-weight:500}.charlie-buttons{display:flex;gap:8px}.charlie-btn{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.charlie-btn-skip{background:transparent;color:#6a8a9a;border:1px solid rgba(255,255,255,.1)}.charlie-btn-skip:hover{background:#ffffff0d;color:#a0b4c0}.charlie-btn-next{background:linear-gradient(135deg,#00eaff,#0c9);color:#0b2a3d}.charlie-btn-next:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00eaff66}.charlie-pointer{position:fixed;font-size:32px;color:#00eaff;z-index:99998;transform:translate(-50%);filter:drop-shadow(0 0 8px rgba(0,234,255,.6));pointer-events:none}.charlie-highlight{outline:3px solid #00eaff!important;outline-offset:3px;box-shadow:0 0 20px #00eaff80!important;border-radius:6px;position:relative;z-index:100;animation:charlie-glow 1.5s ease-in-out infinite}@keyframes charlie-glow{0%,to{box-shadow:0 0 15px #00eaff66}50%{box-shadow:0 0 30px #00eaffb3}}.charlie-pulse{animation:charlie-pulse-anim .5s ease-in-out 3}@keyframes charlie-pulse-anim{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.charlie-container{bottom:15px;right:15px;left:15px}.charlie-avatar{width:50px;height:50px}.charlie-speech{max-width:100%;font-size:14px;padding:12px 14px}.charlie-actions{flex-direction:column;gap:8px;align-items:flex-start}}.charlie-minimize{position:fixed;bottom:25px;right:30px;width:50px;height:50px;border-radius:50%;background:linear-gradient(135deg,#0f1c2e,#1a2a3e);border:2px solid #00eaff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;z-index:99999;transition:all .2s;box-shadow:0 4px 20px #0000004d}.charlie-minimize:hover{transform:scale(1.1);box-shadow:0 0 20px #00eaff66}body.light-theme .charlie-container{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;box-shadow:0 8px 32px #1e293b1f}body.light-theme .charlie-avatar,body.light-theme .charlie-avatar-fallback{border-color:#1e293b;box-shadow:0 0 15px #1e293b33;background:#fff}body.light-theme .charlie-speech{background:#fff;color:#1f2937;border:1px solid #e5e7eb;box-shadow:0 4px 20px #1e293b14}body.light-theme .charlie-progress{color:#64748b}body.light-theme .charlie-btn-skip{background:transparent;color:#64748b;border:1px solid #e5e7eb}body.light-theme .charlie-btn-skip:hover{background:#f8fafc;color:#475569;border-color:#cbd5e1}body.light-theme .charlie-btn-next{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none}body.light-theme .charlie-btn-next:hover{background:linear-gradient(135deg,#334155,#475569);box-shadow:0 4px 12px #1e293b4d}body.light-theme .charlie-pointer{color:#059669;filter:drop-shadow(0 0 6px rgba(5,150,105,.4))}body.light-theme .charlie-highlight{outline-color:#059669!important;box-shadow:0 0 15px #0596694d!important}body.light-theme .charlie-minimize{background:#fff;border-color:#1e293b;box-shadow:0 2px 12px #1e293b1a}body.light-theme .charlie-minimize:hover{box-shadow:0 0 15px #1e293b33}body.light-theme .charlie-close-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#fff}.novus-welcome-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#1e3a5ff2,#142846fa);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.novus-welcome-card{background:#fff;border-radius:24px;padding:48px 48px 36px;max-width:560px;text-align:center;box-shadow:0 25px 80px #0006;overflow:visible}.novus-charlie-avatar-large{width:220px;height:220px;margin:-60px auto 24px;position:relative;display:flex;align-items:center;justify-content:center}.novus-charlie-avatar-large img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(224,112,32,.4))}.novus-charlie-avatar-large .charlie-fallback{font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.charlie-smoke-container{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:100%;height:60px;pointer-events:none;z-index:-1}.smoke-puff{position:absolute;bottom:0;width:40px;height:40px;background:radial-gradient(circle,rgba(200,200,200,.8) 0%,rgba(150,150,150,.4) 50%,transparent 70%);border-radius:50%;animation:smoke-rise .8s ease-out forwards}.smoke-puff.smoke-1{left:20%;animation-delay:0s}.smoke-puff.smoke-2{left:50%;transform:translate(-50%);animation-delay:.1s;width:50px;height:50px}.smoke-puff.smoke-3{right:20%;animation-delay:.2s}@keyframes smoke-rise{0%{opacity:.9;transform:translateY(0) scale(.5)}50%{opacity:.6}to{opacity:0;transform:translateY(-40px) scale(2)}}.charlie-bubble-large{padding:24px!important;min-width:420px}.novus-charlie-avatar-xl{width:100px!important;height:100px!important;position:relative}.novus-charlie-avatar-xl img{filter:drop-shadow(0 4px 12px rgba(224,112,32,.4))}.novus-welcome-card h1{font-size:28px;color:#1e3a5f;margin:0 0 16px;font-weight:700}.novus-welcome-card p{font-size:17px;color:#5a6c7d;line-height:1.6;margin:0 0 32px}.charlie-skid-marks{position:absolute;bottom:5px;left:-200px;width:200px;height:8px;display:flex;gap:4px;animation:skid-fade .8s ease-out forwards}.skid-mark{flex:1;height:4px;background:linear-gradient(90deg,transparent,rgba(50,50,50,.3),rgba(50,50,50,.5));border-radius:2px}@keyframes skid-fade{0%{opacity:1}to{opacity:0}}@keyframes charlie-arrive-bounce{0%{transform:translateY(0)}20%{transform:translateY(-15px)}40%{transform:translateY(0)}60%{transform:translateY(-8px)}80%{transform:translateY(0)}to{transform:translateY(0)}}.novus-charlie-avatar-large.arrived{animation:charlie-arrive-bounce .6s ease-out}.novus-welcome-buttons{display:flex;flex-direction:column;gap:12px}.novus-btn-primary{background:linear-gradient(135deg,#0fc,#00a3ff);color:#1a1a2e;border:none;padding:16px 32px;font-size:18px;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #00ffcc4d}.novus-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0fc6}.novus-btn-secondary{background:transparent;color:#7a8b9c;border:2px solid #e0e5eb;padding:12px 24px;font-size:14px;font-weight:500;border-radius:10px;cursor:pointer;transition:all .2s ease}.novus-btn-secondary:hover{border-color:#1e3a5f;color:#1e3a5f}.novus-charlie-container{position:fixed;bottom:24px;left:24px;z-index:1000;max-width:400px;transition:left .3s ease,right .3s ease}.novus-charlie-container.position-bottom-left{left:24px;right:auto}.novus-charlie-container.position-bottom-right{left:auto;right:290px}.novus-charlie-container.position-bottom-center{left:50%;transform:translate(-50%);right:auto}.charlie-standalone-layout{display:flex;align-items:flex-end;gap:16px}.charlie-character{position:relative;flex-shrink:0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.3));z-index:2}.charlie-character img{display:block}.charlie-character.speaking img{animation:charlie-talk .3s ease-in-out infinite alternate}@keyframes charlie-talk{0%{transform:scale(1) rotate(0)}to{transform:scale(1.02) rotate(-2deg)}}.charlie-smoke-container.standalone{position:absolute;bottom:-5px;left:-30px;width:200px;height:50px}.charlie-smoke-container.standalone .smoke-puff{width:35px;height:35px}.charlie-smoke-container.standalone .smoke-4{left:75%;animation-delay:.15s}.charlie-speech-bubble{position:relative;background:#fff;border-radius:16px;padding:14px 18px;box-shadow:0 8px 30px #0003;max-width:280px;min-width:220px}.charlie-speech-bubble .bubble-pointer{position:absolute;left:-10px;bottom:24px;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:12px solid white;filter:drop-shadow(-3px 0 2px rgba(0,0,0,.1))}.charlie-speech-bubble .novus-charlie-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.charlie-speech-bubble .novus-charlie-name{font-size:12px;font-weight:700;color:#e07020;text-transform:uppercase;letter-spacing:1px}.charlie-speech-bubble .novus-charlie-text{font-size:13px;line-height:1.45;color:#1e3a5f}.novus-progress-bar-inline{background:#1e3a5f26;height:4px;border-radius:2px;margin-bottom:10px;overflow:hidden}.novus-progress-bar-inline .novus-progress-fill{height:100%;background:linear-gradient(90deg,#0fc,#00a3ff);border-radius:2px;transition:width .5s ease}.novus-progress-bar{background:#fff3;height:8px;border-radius:4px;margin-bottom:12px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.novus-progress-fill{height:100%;background:linear-gradient(90deg,#0fc,#0ff);border-radius:4px;transition:width .5s ease}.novus-progress-text{position:absolute;right:0;top:12px;font-size:11px;color:#fffc;font-weight:500}.novus-charlie-bubble{background:#fff;border-radius:20px;padding:20px;box-shadow:0 10px 40px #0003;display:flex;gap:16px;align-items:flex-start}.novus-charlie-avatar{width:50px;height:50px;flex-shrink:0;position:relative}.novus-charlie-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}.novus-charlie-avatar .charlie-fallback{font-size:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.novus-charlie-content{flex:1;min-width:0}.novus-charlie-name{font-size:12px;font-weight:700;color:#0fc;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.novus-charlie-text{font-size:15px;line-height:1.5;color:#1e3a5f}.typing-cursor{color:#0fc;animation:blink .8s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.novus-charlie-actions{margin-top:10px;display:flex;gap:8px}.novus-btn-next{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;border:none;padding:7px 14px;font-size:12px;font-weight:600;border-radius:6px;cursor:pointer;transition:all .2s ease}.novus-btn-next:hover{transform:scale(1.05);box-shadow:0 4px 12px #0d948866}.novus-btn-back{background:transparent;color:#7a8b9c;border:1px solid #e0e5eb;padding:7px 12px;font-size:11px;border-radius:6px;cursor:pointer;transition:all .2s ease}.novus-btn-back:hover{border-color:#1e3a5f;color:#1e3a5f}.novus-waiting-indicator{margin-top:8px;display:flex;align-items:center;gap:4px}.waiting-dot{width:6px;height:6px;background:#1e293b;border-radius:50%;animation:bounce 1.4s infinite ease-in-out both}.waiting-dot:nth-child(1){animation-delay:-.32s}.waiting-dot:nth-child(2){animation-delay:-.16s}.waiting-dot:nth-child(3){animation-delay:0s}@keyframes bounce{0%,80%,to{transform:scale(.6);opacity:.5}40%{transform:scale(1);opacity:1}}.waiting-text{font-size:11px;color:#7a8b9c;margin-left:4px;font-style:italic}.novus-pointer{position:fixed;z-index:9998;pointer-events:none}.pointer-arrow{font-size:32px;animation:point 1s infinite ease-in-out;display:block}@keyframes point{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.novus-mode-toggle{display:flex;align-items:center;gap:8px;background:#ffffff1a;padding:6px 12px;border-radius:20px;cursor:pointer;transition:all .2s ease}.novus-mode-toggle:hover{background:#fff3}.novus-mode-toggle .toggle-label{font-size:12px;color:#fff;font-weight:500}.novus-mode-toggle .toggle-switch{width:36px;height:20px;background:#0000004d;border-radius:10px;position:relative;transition:background .2s ease}.novus-mode-toggle .toggle-switch:after{content:"";position:absolute;width:16px;height:16px;background:#fff;border-radius:50%;top:2px;left:2px;transition:transform .2s ease}.novus-mode-toggle.pro-mode .toggle-switch{background:#0fc}.novus-mode-toggle.pro-mode .toggle-switch:after{transform:translate(16px)}.novus-voice-option{margin:20px 0;display:flex;justify-content:center}.voice-toggle{display:flex;align-items:center;gap:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.voice-toggle input{display:none}.voice-toggle-slider{width:44px;height:24px;background:#e0e5eb;border-radius:12px;position:relative;transition:all .3s ease}.voice-toggle-slider:after{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:2px;left:2px;transition:all .3s ease;box-shadow:0 2px 4px #0003}.voice-toggle input:checked+.voice-toggle-slider{background:#0fc}.voice-toggle input:checked+.voice-toggle-slider:after{transform:translate(20px)}.voice-label{font-size:14px;color:#5a6c7d;font-weight:500}.novus-charlie-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.voice-btn{background:none;border:none;cursor:pointer;font-size:16px;padding:4px 8px;border-radius:6px;transition:all .2s ease;opacity:.7}.voice-btn:hover{background:#0000000d;opacity:1}.voice-btn.off{opacity:.4}.novus-charlie-avatar.speaking{animation:speak-pulse .5s ease-in-out infinite alternate}.novus-charlie-avatar.speaking img{animation:speak-glow .5s ease-in-out infinite alternate}@keyframes speak-pulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@keyframes speak-glow{0%{filter:drop-shadow(0 0 3px rgba(76,175,80,.3))}to{filter:drop-shadow(0 0 8px rgba(76,175,80,.6))}}@media(max-width:768px){.novus-charlie-container{left:12px;right:12px;max-width:none}.novus-welcome-card{margin:20px;padding:32px 24px}.novus-charlie-bubble{padding:16px}.novus-charlie-avatar{width:40px;height:40px}.novus-charlie-text{font-size:14px}}@keyframes charlie-slide-in-left{0%{transform:translate(-150%) rotate(-20deg);opacity:0}60%{transform:translate(10%) rotate(5deg);opacity:1}80%{transform:translate(-5%) rotate(-2deg)}to{transform:translate(0) rotate(0)}}@keyframes charlie-slide-in-right{0%{transform:translate(150%) rotate(20deg);opacity:0}60%{transform:translate(-10%) rotate(-5deg);opacity:1}80%{transform:translate(5%) rotate(2deg)}to{transform:translate(0) rotate(0)}}@keyframes charlie-wave-hello{0%,to{transform:rotate(0) translateY(0)}10%{transform:rotate(-8deg) translateY(-2px)}20%{transform:rotate(8deg) translateY(-4px)}30%{transform:rotate(-8deg) translateY(-2px)}40%{transform:rotate(8deg) translateY(-4px)}50%{transform:rotate(0) translateY(-2px)}}@keyframes charlie-excited{0%,to{transform:translateY(0) scale(1)}20%{transform:translateY(-8px) scale(1.05)}40%{transform:translateY(0) scale(.98)}60%{transform:translateY(-4px) scale(1.02)}80%{transform:translateY(0) scale(1)}}@keyframes charlie-thinking{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes charlie-pop-in{0%{transform:scale(0) rotate(-180deg);opacity:0}60%{transform:scale(1.2) rotate(10deg);opacity:1}80%{transform:scale(.9) rotate(-5deg)}to{transform:scale(1) rotate(0)}}.novus-welcome-card .novus-charlie-avatar-large{animation:charlie-pop-in .8s cubic-bezier(.68,-.55,.265,1.55) forwards,charlie-wave-hello 2s ease-in-out 1s}.novus-charlie-container.position-bottom-left .novus-charlie-bubble{animation:charlie-slide-in-left .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.novus-charlie-container.position-bottom-right .novus-charlie-bubble{animation:charlie-slide-in-right .5s cubic-bezier(.68,-.55,.265,1.55) forwards}.novus-charlie-avatar:hover img,.novus-charlie-avatar-large:hover img{animation:charlie-excited .6s ease-in-out}.novus-charlie-avatar.thinking img{animation:charlie-thinking .5s ease-in-out infinite}.novus-charlie-avatar img{transition:filter .3s ease,transform .3s ease}.novus-charlie-avatar:not(.speaking):hover img{filter:drop-shadow(0 0 12px rgba(224,112,32,.6));transform:scale(1.08)}body.light-theme .novus-welcome-overlay{background:linear-gradient(135deg,#f8f9faf7,#e9eceffa)}body.light-theme .novus-welcome-card{background:#fff;box-shadow:0 10px 40px #00000026}body.light-theme .novus-charlie-container{background:#fff;border:1px solid #dee2e6;box-shadow:0 4px 20px #0000001a}body.light-theme .novus-charlie-bubble{background:#fff;border:1px solid #dee2e6;color:#212529;box-shadow:0 2px 12px #00000014}body.light-theme .novus-charlie-text{color:#212529}body.light-theme .novus-charlie-progress{color:#6c757d}body.light-theme .novus-action-btn{background:#1e293b;color:#fff;border:none}body.light-theme .novus-action-btn:hover{background:#1e293b;box-shadow:0 2px 8px #0d94884d}body.light-theme .novus-skip-btn{background:transparent;color:#6c757d;border:1px solid #dee2e6}body.light-theme .novus-skip-btn:hover{background:#f8f9fa;color:#495057}:root{--pro-bg: #f8f9fa;--pro-surface: #ffffff;--pro-panel: #f8f9fa;--pro-border: #dee2e6;--pro-border-light: #e9ecef;--pro-text: #212529;--pro-text-secondary: #6c757d;--pro-text-muted: #adb5bd;--pro-accent: #FF7A00;--pro-accent-light: #fff7ed;--pro-accent-hover: #e86800;--pro-danger: #dc3545;--pro-success: #198754;--pro-warning: #ffc107;--pro-shadow: 0 1px 3px rgba(0, 0, 0, .08);--pro-shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--r: 8px;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono: "SFMono-Regular", "SF Mono", "Monaco", "Cascadia Code", "Roboto Mono", "Courier New", monospace}.platform{font-family:var(--sans);color:var(--pro-text);background:var(--pro-bg);min-height:100vh;padding:0}.platform>div{max-width:1400px;margin:0 auto;padding:24px}.h1{font-size:28px;font-weight:700;margin:0;color:var(--pro-text);letter-spacing:-.5px}.h2{font-size:20px;font-weight:600;margin:0;color:var(--pro-text)}.small{font-size:14px;color:var(--pro-text-secondary);margin:6px 0 0}.row{display:flex;justify-content:space-between;align-items:center;gap:20px}.split{display:grid;grid-template-columns:1fr 350px;gap:24px}.grid{display:flex;flex-direction:column;gap:12px}.hr{height:1px;background:var(--pro-border);margin:20px 0;border:none}.card{background:var(--pro-surface);border:1px solid var(--pro-border);border-radius:var(--r);box-shadow:var(--pro-shadow);transition:all .2s ease}.card:hover{border-color:var(--pro-border-light);box-shadow:var(--pro-shadow-lg)}.btn{border:1px solid var(--pro-border);background:var(--pro-surface);color:var(--pro-text);border-radius:var(--r);padding:10px 14px;cursor:pointer;font-weight:500;font-size:14px;transition:all .2s ease;white-space:nowrap}.btn:hover{background:var(--pro-panel);border-color:var(--pro-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btnPrimary{border-color:var(--pro-accent);background:var(--pro-accent);color:#fff;font-weight:600}.btnPrimary:hover{background:var(--pro-accent-hover);border-color:var(--pro-accent-hover)}.btnPrimary:disabled{background:var(--pro-text-muted);border-color:var(--pro-text-muted);opacity:1}.badge{font-family:var(--mono);font-size:12px;font-weight:600;padding:6px 10px;border-radius:999px;background:var(--pro-accent-light);color:var(--pro-accent);display:inline-flex;align-items:center;white-space:nowrap}.error-message{background:#fef2f2;border:1px solid #fecaca;padding:12px 14px;border-radius:var(--r);color:#dc2626;font-size:13px;display:flex;align-items:center;gap:8px;margin:16px 0}.error-message button{background:none;border:none;color:#dc2626;cursor:pointer;font-size:16px;padding:0;margin-left:auto}@media(max-width:768px){.split{grid-template-columns:1fr}.row{flex-direction:column;align-items:flex-start}.h1{font-size:24px}}.h1{font-size:22px;font-weight:700;letter-spacing:.2px}.h2{font-size:14px;font-weight:700;color:var(--muted);letter-spacing:.35px;text-transform:uppercase}.grid{display:grid;gap:14px}.split{display:grid;grid-template-columns:1fr 420px;gap:14px}@media(max-width:1100px){.split{grid-template-columns:1fr}}.row{display:flex;align-items:center;gap:10px;justify-content:space-between}.input{width:100%;background:#00000040;border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--text)}.small{font-size:12px;color:var(--muted)}.hr{height:1px;background:var(--line);margin:10px 0}
