@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700&display=swap";:root{--color-bg-primary: #ffffff;--color-bg-secondary: #fafafa;--color-bg-tertiary: #f0f0f0;--color-bg-hover: #fcfcfc;--color-bg-active: #f0f0f0;--color-text-primary: #000000;--color-text-secondary: #333333;--color-text-muted: #605e5e;--color-text-light: #777777;--color-text-lighter: #999999;--color-text-placeholder: #9ca3af;--color-border-primary: #cccccc;--color-border-light: #dddddd;--color-border-lighter: #e1e5eb;--color-border-lightest: #e5e7eb;--color-border-node: #dddddd;--color-accent-pdf: #dc2626;--color-accent-pptx: #d96c3e;--color-accent-orange: #ff8c00;--color-accent-delete-hover: #fef2f2;--color-danger: #dc3545;--color-success: #28a745;--color-icon: #7D8996;--icon-color-blue: rgba(42, 129, 242, .7);--icon-color-teal: rgba(78, 188, 172, .7);--icon-color-purple: rgba(140, 94, 255, .7);--icon-color-pink: rgba(255, 64, 129, .7);--icon-color-orange: rgba(255, 167, 38, .7);--icon-color-yellow: rgba(255, 213, 79, .8);--icon-color-red: rgba(211, 47, 47, .7);--icon-color-indigo: rgba(108, 122, 224, .7);--icon-color-cyan: rgba(0, 151, 167, .7);--icon-color-green: rgba(56, 142, 60, .7);--icon-color-fallback: rgba(120, 144, 156, .7);--color-input-bg: #ffffff;--color-input-bg-hover: #fafafa;--color-input-border: #e5e7eb;--color-input-border-hover: #d1d5db;--color-input-text: #374151;--color-label-text: #6b7280;--color-button-bg: #ffffff;--color-button-bg-hover: var(--color-main-content-bg);--color-connection-line: rgba(108, 166, 247, .7);--color-border-medium: #bbbbbb;--color-sidebar-bg: #ffffff;--color-main-content-bg: #fbfbfa;--color-main-content-bg-active: #fdfdfc;--color-scrollbar: #aaaaaa;--color-skeleton: #f0f0f0;--color-skeleton-accent: #e0e0e0;--color-resource-accent: #5F6B79;--hl-bg: rgba(255, 245, 130, .42);--color-message-user-bg: #fafafa;--color-message-user-border: #e8e8e8;--color-message-user-text: #000000;--color-message-system-bg: #fafafa;--color-message-system-border: #e8e8e8;--color-message-system-text: #505050;--gradient-upload: linear-gradient(90deg, #d4e6fb 0%, #fad4e8 100%);--gradient-upload-drag: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);--gradient-upload-active: linear-gradient(135deg, #b0d4f5 0%, #f2b5e0 100%);--gradient-selected: linear-gradient(135deg, #f9fafb 0%, #ffffff 100%);--shadow-light: 0 1px 3px rgba(0, 0, 0, .05);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .05);--shadow-strong: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-focus: 0 0 0 2px rgba(108, 166, 247, 1);--shadow-focus-large: 0 0 0 3px rgba(108, 166, 247, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .3);--sidebar-width: 220px;--color-overlay: rgba(0, 0, 0, .5);--color-auth-accent: #605e5e;--color-auth-accent-hover: #525050;--color-auth-success: #06bf00;--color-auth-error: #fc6565;--color-auth-error-bg: rgba(252, 101, 101, .1);--color-auth-error-border: #fc6565;--color-auth-login-bg: var(--color-bg-primary);--color-chat-error-bg: #ffecec;--color-chat-error-text: #c0392b;--color-chat-error-border: #ffb3b3;--color-chat-error-retry: #a93226;--color-chat-error-retry-hover: rgba(231, 76, 60, .07)}body.dark-mode{--color-bg-primary: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #404040;--color-bg-hover: #2a2a2a;--color-bg-active: #353535;--color-text-primary: #ffffff;--color-text-secondary: #e0e0e0;--color-text-muted: #e8e8e8;--color-text-light: #888888;--color-text-lighter: #666666;--color-text-placeholder: #b0b0b0;--color-border-primary: #404040;--color-border-light: #353535;--color-border-lighter: #2a2a2a;--color-border-lightest: #333333;--color-border-node: #505050;--color-accent-pdf: #ff6b6b;--color-accent-pptx: #ffa726;--color-accent-orange: #a975ff;--color-accent-delete-hover: #3a1a1a;--color-danger: #ff6b6b;--color-success: #4caf50;--color-icon: #C9CDD3;--icon-color-blue: #3d8bff;--icon-color-teal: #40e6d6;--icon-color-purple: #9c4dff;--icon-color-pink: #ff4d8a;--icon-color-orange: #ffa726;--icon-color-yellow: #ffd54f;--icon-color-red: #ff4444;--icon-color-indigo: #7c4dff;--icon-color-cyan: #00e5ff;--icon-color-green: #4caf50;--icon-color-fallback: #9e9e9e;--color-input-bg: #2a2a2a;--color-input-bg-hover: #353535;--color-input-border: #404040;--color-input-border-hover: #505050;--color-input-text: #e0e0e0;--color-label-text: #b0b0b0;--color-button-bg: var(--color-input-bg);--color-button-bg-hover: var(--color-input-bg-hover);--color-connection-line: rgba(108, 166, 247, .95);--color-border-medium: #555555;--color-sidebar-bg: #1a1a1a;--color-main-content-bg: #2d2d2d;--color-scrollbar: #555555;--color-skeleton: #353535;--color-skeleton-accent: #404040;--color-resource-accent: #C9CDD3;--hl-bg: rgba(255, 245, 130, .58);--color-message-user-bg: #353535;--color-message-user-border: #454545;--color-message-user-text: #b0b0b0;--color-message-system-bg: #2a2a2a;--color-message-system-border: #404040;--color-message-system-text: #e0e0e0;--gradient-upload: linear-gradient(90deg, #6366f1 0%, #8b5cf6 50%, #ec4899 100%);--gradient-upload-drag: linear-gradient(135deg, #4a6aa0 0%, #4a4aa0 100%);--gradient-upload-active: linear-gradient(90deg, #7c7ff3 0%, #9d75f7 50%, #ef609e 100%);--gradient-selected: linear-gradient(135deg, #2a2a2a 0%, #353535 100%);--shadow-light: 0 1px 3px rgba(0, 0, 0, .3);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .3);--shadow-strong: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 2px rgba(108, 166, 247, 1);--shadow-focus-large: 0 0 0 3px rgba(108, 166, 247, .4);--color-accent-pdf: #ff4444;--color-accent-delete-hover: rgba(255, 68, 68, .1);--color-overlay: rgba(0, 0, 0, .3);--color-auth-accent: #605e5e;--color-auth-accent-hover: #525050;--color-auth-success: #4caf50;--color-auth-error: #ff6b6b;--color-auth-error-bg: rgba(255, 107, 107, .1);--color-auth-error-border: #ff6b6b;--color-auth-login-bg: var(--color-bg-primary);--color-chat-error-bg: rgba(231, 76, 60, .12);--color-chat-error-text: #ff6b6b;--color-chat-error-border: rgba(255, 107, 107, .35);--color-chat-error-retry: #ff8a80;--color-chat-error-retry-hover: rgba(255, 107, 107, .12)}body{font-family:Open Sans,sans-serif;line-height:1.6;overflow-x:hidden;background-color:var(--color-bg-primary);transition:background-color .3s ease,color .3s ease}:root{--gen-sidebar-width: 400px}@media(min-width:1440px){:root{--gen-sidebar-width: 460px}}@media(min-width:1680px){:root{--gen-sidebar-width: 500px}}@media(min-width:1920px){:root{--gen-sidebar-width: 560px}}@media(min-width:2560px){:root{--gen-sidebar-width: 640px}}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium)}*{scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) transparent}body.dark-mode ::-webkit-scrollbar-track{background:transparent}body.dark-mode ::-webkit-scrollbar-thumb{background:var(--color-text-light)}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.icon{display:inline-block;width:1em;height:1em;vertical-align:-.125em;color:inherit;--icon-stroke: 1.6}.icon [fill=none]{fill:none!important}.icon [stroke]{stroke:currentColor;stroke-width:var(--icon-stroke, 1.75)}.icon [stroke=none]{stroke:none!important}.icon--spin{animation:icon-spin 1.4s linear infinite}@keyframes icon-spin{to{transform:rotate(360deg)}}.sidebar{position:fixed;top:0;left:0;height:100%;background-color:var(--color-sidebar-bg);color:var(--color-text-secondary);transition:width .3s ease;z-index:1000;font-size:.9rem;overflow-y:auto;overflow-x:hidden}.sidebar.expanded{width:220px}.sidebar.collapsed{width:50px}.sidebar-header{padding:10px 15px 8px;display:flex;justify-content:flex-start;align-items:center;gap:12px;min-height:40px}.logo{width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-weight:700;background-color:var(--color-border-primary);border-radius:4px;font-size:15px}.sidebar-menu{list-style:none;padding:5px 15px 100px}.sidebar-header-title{font-family:Libre Baskerville,serif;font-size:18px;font-weight:500;color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;margin-top:-12px;position:relative;top:2px;left:-2px;text-decoration:none}.sidebar-header-title:hover{text-decoration:none;color:var(--color-text-secondary)}.sidebar-menu li{margin-bottom:2px}.sidebar.expanded .sidebar-menu li:not(.talk-to-us-item):not(.account-item):has(>.menu-item),.sidebar.expanded .sidebar-menu li:not(.talk-to-us-item):not(.account-item):has(>div>.menu-item){margin-bottom:6px}.sidebar-menu li .menu-item,.sidebar-menu li a.menu-item{display:flex;align-items:center;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-weight:500;font-size:12.5px;border:1px solid transparent;transition:all .2s ease;text-decoration:none;width:100%}.sidebar-menu li i{margin-right:10px;width:28px;font-size:18px;text-align:center;color:var(--color-text-muted)}.sidebar-menu li .icon{margin-right:10px;width:18px;height:18px;min-width:18px;text-align:center;color:var(--color-text-muted)}.sidebar-menu li .menu-item:hover,.sidebar-menu li a.menu-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu li .menu-item.selected,.sidebar-menu li a.menu-item.selected{background:var(--gradient-selected);color:var(--color-label-text)}.sidebar-menu li .menu-item.selected i,.sidebar-menu li a.menu-item.selected i,.sidebar-menu li .menu-item.selected .icon,.sidebar-menu li a.menu-item.selected .icon{color:var(--color-icon)}.sidebar-menu .account-item{border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);position:absolute;bottom:15px;left:15px;right:15px;margin:0;padding:0;font-size:12px;font-weight:400;display:flex;align-items:center;border-radius:8px;cursor:pointer;transition:all .2s ease}.sidebar-menu .account-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu .account-item>div:first-child{width:100%}.sidebar-menu .account-item .menu-item{padding:6px 10px;margin:0;border:none;width:100%;background:transparent;font-size:12px;font-weight:400;display:flex;align-items:center}.sidebar-menu .account-item .menu-item:hover,.sidebar-menu li.account-item .menu-item:hover,.sidebar-menu li.account-item div.menu-item:hover{border:none;background:transparent!important;background-color:transparent!important}.sidebar-menu .account-item i{font-size:14px;margin-right:10px;width:28px;text-align:center}.sidebar-menu .account-item .icon{width:18px;height:18px;min-width:18px;margin-right:10px;text-align:center;color:var(--color-text-muted)}.sidebar-menu .account-item .account-name{color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-dropdown{position:fixed;background-color:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;box-shadow:var(--shadow-medium);padding:0 0 4px;display:none;z-index:1003;min-width:220px;visibility:hidden;opacity:0;transition:opacity .2s ease,visibility .2s ease}.account-dropdown.show{display:block;visibility:visible;opacity:1}.account-dropdown .user-profile{padding:12px 16px;display:flex;align-items:center;gap:12px}.account-dropdown .user-initials{width:28px;height:28px;background-color:var(--color-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-family:Libre Baskerville,serif;font-weight:700;font-size:11px}.account-dropdown .user-info{flex:1;min-width:0;overflow:hidden}.account-dropdown .user-email{font-family:Montserrat,sans-serif;font-size:12px;color:var(--color-text-muted);font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.account-dropdown .user-username{font-family:Montserrat,sans-serif;font-size:10px;color:var(--color-text-muted);font-weight:400;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.account-dropdown .user-role-badge{font-family:Montserrat,sans-serif;font-size:9px;font-weight:500;text-transform:capitalize;color:var(--color-text-muted);opacity:.6;margin-top:2px}.account-dropdown .menu-divider{height:.5px;background-color:var(--color-border-lighter);margin:0 12px}.account-item .account-dropdown .menu-item{padding:8px 12px!important;margin:4px 12px!important;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s ease;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-primary);border-radius:6px;border:none;background-color:transparent;width:auto!important}.account-item .account-dropdown .menu-item .icon{width:14px;height:14px;min-width:14px;color:var(--color-text-muted);flex-shrink:0}.account-item .account-dropdown .menu-item:hover{background-color:var(--color-bg-hover)!important}.account-item .account-dropdown .menu-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.account-item .account-dropdown .menu-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.sidebar-menu .talk-to-us-item{border:1px solid var(--color-border-lighter);background-color:var(--color-bg-primary);position:absolute;bottom:58px;left:15px;right:15px;margin:0;padding:0;font-size:12px;font-weight:400;display:flex;align-items:center;cursor:pointer;transition:all .2s ease;border-radius:8px}.sidebar-menu .talk-to-us-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu .talk-to-us-item>div:not(.sidebar-tooltip){width:100%}.sidebar-menu .talk-to-us-item .menu-item{padding:6px 10px;margin:0;border:none;width:100%;background:transparent;font-size:12px;font-weight:400;display:flex;align-items:center}.sidebar-menu .talk-to-us-item .menu-item:hover,.sidebar-menu li.talk-to-us-item .menu-item:hover,.sidebar-menu li.talk-to-us-item a.menu-item:hover{border:none;background:transparent!important;background-color:transparent!important}.sidebar-menu .talk-to-us-item .icon{width:18px;height:18px;min-width:18px;margin-right:10px;text-align:center;color:var(--color-text-muted)}.sidebar-menu .talk-to-us-item span{color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu .submenu{list-style:none;margin-left:0;margin-top:8px;padding-left:0;display:none}.sidebar-menu .submenu li{margin-bottom:8px;padding:0}.sidebar-menu .has-submenu.open .submenu{display:block}.sidebar-menu .has-submenu>.menu-item{cursor:pointer}.sidebar-menu .has-submenu>.menu-item:after{content:"";margin-left:auto;width:12px;height:12px;mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%207C6.90909%2011.8876%2011.776%2018.285%2012.6364%2016.7746C14.8636%2012.8649%2018.0455%209.93267%2019%207'%20stroke='black'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;-webkit-mask:url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M5%207C6.90909%2011.8876%2011.776%2018.285%2012.6364%2016.7746C14.8636%2012.8649%2018.0455%209.93267%2019%207'%20stroke='black'%20stroke-linecap='round'/%3e%3c/svg%3e") no-repeat center / contain;background-color:currentColor;transition:transform .3s;flex-shrink:0}.sidebar-menu .has-submenu.open>.menu-item:after{transform:rotate(180deg)}.sidebar-menu .submenu-item{padding-left:32px;font-size:12.5px;margin-bottom:0;border-radius:8px;border:1px solid transparent;transition:all .2s ease;color:var(--color-text-primary);font-family:Montserrat,sans-serif}.sidebar-menu .submenu-item:hover{background-color:var(--color-main-content-bg)}.sidebar-menu .submenu-item.selected{background:var(--gradient-selected);color:var(--color-label-text)}.sidebar-menu .submenu-item.selected .icon{color:var(--color-icon)}.sidebar-menu .menu-header{font-weight:600}.sidebar-menu .menu-subheading{margin-top:32px;margin-bottom:8px;padding:0;list-style:none}.sidebar-menu .menu-subheading:first-child{margin-top:0}.sidebar-menu .subheading-text{font-family:Montserrat,sans-serif;font-size:12px;font-weight:500;letter-spacing:.3px;color:var(--color-text-muted);opacity:.7;padding:8px 12px 4px;display:block;cursor:default;-webkit-user-select:none;user-select:none}.sidebar.collapsed .sidebar-menu .menu-subheading{display:none}.sidebar-menu .menu-subheading-spacer{height:32px;margin:0;padding:0;list-style:none;pointer-events:none}.sidebar.expanded .sidebar-menu .menu-subheading-spacer{display:none}.sidebar.collapsed .sidebar-menu .menu-subheading-spacer{height:16px}.sidebar-menu .recent-subheading{margin-top:24px;margin-bottom:4px}.sidebar-menu .recent-conversation-item{list-style:none;margin:0;padding:0}.sidebar-menu .recent-conversation-link{display:flex;align-items:center;gap:2px;padding:6px 12px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:400;color:var(--color-text-muted);text-decoration:none;border-radius:6px;transition:all .15s ease;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu .recent-conversation-link:hover{background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-menu .recent-conversation-link.selected{background-color:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:500}.sidebar-menu .recent-conversation-icon{width:8px;height:8px;flex-shrink:0;opacity:.4}.sidebar-menu .recent-conversation-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.sidebar-toggle{display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--color-text-primary);font-family:Montserrat,sans-serif;margin-bottom:12px;font-weight:500;font-size:13px;border:1px solid transparent;transition:all .2s ease;background-color:transparent;z-index:1001}.sidebar-toggle:hover{background-color:var(--color-main-content-bg)}.sidebar-toggle i{width:28px;font-size:18px;text-align:center;color:var(--color-text-muted)}.sidebar-toggle .icon{width:18px;height:18px;min-width:18px;text-align:center;color:var(--color-text-muted)}.sidebar.collapsed .sidebar-toggle{padding:8px 0;margin-bottom:8px;justify-content:center;margin-left:7px;margin-right:0;width:36px}.sidebar-avatar{display:flex;align-items:center;justify-content:center;padding:8px 0;margin-bottom:8px;margin-left:7px;width:36px;cursor:pointer;text-decoration:none}.sidebar-avatar .icon{width:22px;height:22px;font-size:20px;color:var(--color-text-muted)}body.dark-mode .sidebar-avatar .icon{color:#888}.sidebar.collapsed .sidebar-toggle i{margin-right:0;width:28px;font-size:18px;text-align:center;color:var(--color-text-muted)}.sidebar.collapsed .sidebar-menu{padding:5px 5px 100px}.sidebar.collapsed .sidebar-menu>li{justify-content:center;padding:8px 0;font-size:0;margin-bottom:4px;margin-left:7px;margin-right:0;width:36px}.sidebar.collapsed .sidebar-menu>li>span,.sidebar.collapsed .sidebar-header-title{display:none}.sidebar.collapsed .sidebar-menu>li>i{margin-right:0;font-size:18px}.sidebar.collapsed .sidebar-menu>li>.icon{margin-right:0;width:18px;height:18px}.sidebar.collapsed .sidebar-menu>li:not(.talk-to-us-item):not(.account-item) .menu-item{justify-content:center;padding:8px 0;width:36px;margin:0}.sidebar.collapsed .sidebar-menu>li:not(.talk-to-us-item):not(.account-item) .menu-item>i{margin-right:0;font-size:18px;width:auto;text-align:center}.sidebar.collapsed .sidebar-menu>li:not(.talk-to-us-item):not(.account-item) .menu-item>.icon{margin-right:0;width:18px;height:18px}.sidebar.collapsed .sidebar-menu .account-item,.sidebar.collapsed .sidebar-menu .talk-to-us-item{left:5px;right:5px;padding:8px 5px;justify-content:center}.sidebar.collapsed .sidebar-menu .talk-to-us-item .menu-item,.sidebar.collapsed .sidebar-menu .account-item .menu-item{justify-content:center;padding:0;margin:0;width:100%}.account-dropdown .menu-item{justify-content:flex-start!important}.sidebar.collapsed .sidebar-menu .talk-to-us-item .menu-item>i{margin-right:0;width:auto;text-align:center}.sidebar.collapsed .sidebar-menu .talk-to-us-item .menu-item>.icon{margin-right:0;width:18px;height:18px}.sidebar.collapsed .sidebar-menu .account-item .account-name{display:none}.sidebar.collapsed .sidebar-menu .account-item .icon{margin-right:0}.sidebar.collapsed .sidebar-header{padding:10px 5px 8px;justify-content:center;gap:0}.header-sidebar-open{width:24px;height:24px;background-color:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-right:15px}.header-sidebar-open:hover{background-color:var(--color-bg-tertiary)}.header-sidebar-open i{color:var(--color-message-system-text);font-size:14px}.sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-backdrop{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay, rgba(0, 0, 0, .5));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);z-index:999}.sidebar{z-index:1001}.content-column{margin:6px 6px 6px 60px!important}.content-column.active{margin:6px 6px 6px 230px!important}.main-content{padding-left:8px!important;padding-right:4px!important}body,.main-content{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar,.main-content::-webkit-scrollbar{display:none}.app-container.chat-view .main-content,.main-content.chat-active,.app-container.canvas-view .main-content{padding-left:8px!important;padding-right:8px!important}}@media(max-width:600px){.content-column,.content-column.active{margin:6px!important;height:calc(100dvh - 12px)!important}}.sidebar.mobile-overlay{position:fixed;top:0;left:0;width:85%;max-width:320px;height:100%;z-index:1001;box-shadow:var(--shadow-medium)}.sidebar.mobile-overlay.collapsed{width:85%;max-width:320px}.sidebar.mobile-overlay .sidebar-header-title{display:block!important;margin-left:15px;margin-top:5px}.sidebar.mobile-overlay .sidebar-menu>li>span,.sidebar.mobile-overlay .sidebar-menu .account-name{display:block!important}.sidebar.mobile-overlay .sidebar-menu>li .menu-item{justify-content:flex-start!important;padding:8px 12px!important;width:100%!important}.sidebar.mobile-overlay .sidebar-menu>li .menu-item>.icon{margin-right:10px!important}.sidebar.mobile-overlay .sidebar-menu .account-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item{left:15px!important;right:15px!important;padding:0!important}.sidebar.mobile-overlay .sidebar-menu .account-item .menu-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item .menu-item{padding:6px 10px!important}.sidebar.mobile-overlay .sidebar-header{padding:10px 15px 8px!important;justify-content:flex-start!important;gap:12px!important}.sidebar.mobile-overlay .sidebar-menu{padding:5px 15px!important}.sidebar-mobile-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0003;z-index:1000}.sidebar-tooltip{position:fixed;z-index:1004;pointer-events:none;opacity:0;transform:translateY(-50%) translate(-8px);transition:opacity .2s ease,transform .2s ease;font-family:Montserrat,sans-serif}.sidebar-tooltip.visible{opacity:1;transform:translateY(-50%) translate(0)}.sidebar-tooltip-bottom{transform:translateY(-4px)}.sidebar-tooltip-bottom.visible{transform:translateY(0)}.sidebar-tooltip-content{background-color:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-lighter);border-radius:6px;box-shadow:var(--shadow-medium);padding:6px 10px;font-size:12px;font-weight:500;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}@media(max-width:600px){.sidebar-tooltip{display:none}.sidebar.mobile-overlay .sidebar-header{padding:12px 18px 10px!important}.sidebar.mobile-overlay .sidebar-header-title{font-size:20px}.sidebar.mobile-overlay .sidebar-menu{padding:5px 18px!important}.sidebar.mobile-overlay .sidebar-menu>li .menu-item{padding:9px 14px!important;font-size:13.5px}.sidebar.mobile-overlay .sidebar-menu>li .menu-item>.icon{width:20px!important;height:20px!important;min-width:20px}.sidebar.mobile-overlay .sidebar-menu .account-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item{left:18px!important;right:18px!important}.sidebar.mobile-overlay .sidebar-menu .account-item .menu-item,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item .menu-item{padding:8px 12px!important}.sidebar.mobile-overlay .sidebar-menu .account-item .icon,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item .icon{width:20px!important;height:20px!important;min-width:20px}.sidebar.mobile-overlay .sidebar-menu .account-name,.sidebar.mobile-overlay .sidebar-menu .talk-to-us-item span{font-size:13px}}.landing-viewport{position:relative;max-height:1000px;min-height:600px;width:100%;background-color:var(--color-main-content-bg);background-image:linear-gradient(rgba(0,0,0,.012) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.012) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.025) 1px,transparent 1px);background-size:20px 20px,20px 20px,100px 100px,100px 100px;background-position:0 0,0 0,0 0,0 0}.landing-viewport:before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;background:linear-gradient(to bottom,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 1.5%,transparent 4%),linear-gradient(to top,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 1.5%,transparent 4%),linear-gradient(to right,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 15px,transparent 40px),linear-gradient(to left,var(--color-main-content-bg) 0%,rgba(250,250,250,.8) 15px,transparent 40px)}.landing-title{display:block;width:100%;font-family:Libre Baskerville,serif;font-weight:500;font-size:clamp(32px,7vw,50px);line-height:1.2;letter-spacing:0;color:var(--color-text, #111);margin:250px 0 40px;text-align:center}.landing-brand-title{font-family:Libre Baskerville,serif;font-weight:400;font-size:clamp(1.3rem,3.2vw,1.9rem);color:var(--color-text, #111);text-align:center;margin:0 0 32px;letter-spacing:0;line-height:1.25}.landing-brand-subtitle{font-family:Libre Baskerville,serif;font-size:clamp(.9rem,2vw,1rem);color:#777;text-align:center;margin:0 0 32px;font-weight:400}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin-left:auto;margin-right:auto}.landing-card.hero-card{padding:28px}.hero-card:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;--grid-color: rgba(80, 120, 220, .033);background:repeating-linear-gradient(0deg,var(--grid-color) 0 1px,transparent 1px 40px),repeating-linear-gradient(60deg,var(--grid-color) 0 1px,transparent 1px 40px),repeating-linear-gradient(-60deg,var(--grid-color) 0 1px,transparent 1px 40px)}.hero-cards>.hero-card:nth-child(2):before{--grid-color: rgba(220, 130, 50, .033)}.hero-card{cursor:pointer;display:flex;flex-direction:column;min-height:320px;outline:none;transition:border-color .2s ease,transform .35s ease;--grain-gradient: linear-gradient( to top, rgba(80, 120, 220, .18) 0%, rgba(80, 120, 220, .08) 40%, transparent 70% )}.hero-card:hover{border-color:#0000001a}.hero-card:focus-visible{border-color:#0003}.hero-cards>.hero-card:nth-child(1){transform:perspective(800px) rotateY(2deg) rotateX(1.5deg)}.hero-cards>.hero-card:nth-child(2){transform:perspective(800px) rotateY(-2deg) rotateX(1.5deg);--grain-gradient: linear-gradient( to top, rgba(220, 130, 50, .18) 0%, rgba(220, 130, 50, .08) 40%, transparent 70% )}.hero-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:1;mix-blend-mode:multiply;opacity:.15;background:var(--grain-gradient),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.45' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.hero-card-icon{width:32px;height:32px;margin-bottom:24px;flex-shrink:0}.hero-card-icon path,.hero-card-icon circle,.hero-card-icon line,.hero-card-icon polyline,.hero-card-icon polygon{stroke-width:1}.hero-card-icon--discover{color:var(--icon-color-purple);animation:compass-quiver 3s ease-in-out infinite;animation-delay:.5s;transform-origin:center}@keyframes compass-quiver{0%,to{transform:rotate(0)}4%{transform:rotate(20deg)}8%{transform:rotate(-16deg)}12%{transform:rotate(13deg)}16%{transform:rotate(-10deg)}20%{transform:rotate(7deg)}24%{transform:rotate(-5deg)}28%{transform:rotate(3deg)}32%{transform:rotate(-2deg)}36%{transform:rotate(1deg)}40%{transform:rotate(0)}}.hero-card-icon--create{color:var(--icon-color-teal)}.hero-card .hero-card-title{font-family:Libre Baskerville,serif;font-weight:700;font-size:clamp(.95rem,1.8vw,1.15rem);color:#111;margin:0 0 16px;line-height:1.25}.hero-card-text{font-family:Montserrat,system-ui,sans-serif;font-size:.78rem;color:#666;line-height:1.65;margin:0;flex:1}.hero-card-cta{display:block;margin-top:auto;padding-top:20px;font-family:Montserrat,system-ui,sans-serif;font-size:.74rem;font-weight:600;color:#888;transition:color .2s ease}.hero-card:hover .hero-card-cta{color:#444}@media(max-width:560px){.hero-cards{grid-template-columns:1fr}.hero-cards>.hero-card:nth-child(1),.hero-cards>.hero-card:nth-child(2){transform:none}.landing-brand-title{font-size:clamp(1.8rem,8vw,2.4rem);margin-bottom:20px}}.waitlist-form{width:100%;max-width:500px;margin:40px auto 0;display:flex;flex-wrap:wrap;gap:10px;padding:0;border:none;background:transparent}.waitlist-input{flex:1;padding:12px 16px;background:var(--color-bg-primary);border:1px solid rgba(0,0,0,.12);border-radius:10px;font-family:Libre Baskerville,serif;font-size:clamp(.85rem,1.6vw,1rem);color:#222;transition:border-color .2s ease;height:48px;box-sizing:border-box}.waitlist-input:focus{outline:none;border-color:#0000002e}.waitlist-input::placeholder{color:#999}.waitlist-input:disabled{opacity:.6}.waitlist-button{padding:12px 24px;background:#fcfcfcfa;color:#444;border:1px solid rgba(0,0,0,.12);border-radius:10px;font-family:Libre Baskerville,serif;font-weight:600;font-size:clamp(.85rem,1.6vw,1rem);cursor:pointer;transition:filter .2s ease,border-color .2s ease;white-space:nowrap;height:48px;box-sizing:border-box}.waitlist-button:hover:not(:disabled){filter:brightness(.98);border-color:#0003}.waitlist-button:disabled{opacity:.6;cursor:default}.waitlist-success{flex-basis:100%;text-align:center;padding:8px 0 0;color:#2ea851;font-family:var(--font-serif);font-size:14px}.waitlist-error{flex-basis:100%;text-align:center;padding:8px 0 0;color:#b91c1c;font-family:var(--font-serif);font-size:13px}@media(max-width:640px){.landing-title{margin-top:200px}.waitlist-form{max-width:500px;flex-direction:column;gap:10px}.waitlist-input,.waitlist-button{width:100%}}.icon-decoration-container{position:relative;width:100%;max-width:1000px;height:180px;margin:40px auto 0;overflow:visible;pointer-events:none;z-index:10}.draggable-icon-decoration{position:absolute;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:grab;-webkit-user-select:none;user-select:none;pointer-events:auto;opacity:0;transition:opacity .4s ease;z-index:1}.draggable-icon-decoration.visible{opacity:.7}.draggable-icon-decoration.visible:hover{opacity:.9}.draggable-icon-decoration:active{cursor:grabbing}.draggable-icon-decoration .icon{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.draggable-icon-decoration svg{width:100%;height:100%}@media(max-width:640px){.icon-decoration-container{height:220px;margin:30px auto 0}.draggable-icon-decoration{width:32px;height:32px}}.tutorial-starting-bridge{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;min-height:60vh}.tutorial-starting-text{font-family:Montserrat,sans-serif;font-size:14px;color:var(--color-text-muted);margin-top:1rem}.landing-tutorials-section{background:var(--color-main-content-bg);padding:60px 0 80px;display:flex;flex-direction:column;align-items:center;gap:32px}.landing-tutorials-strip{display:flex;gap:16px;overflow-x:auto;padding:0 40px 12px;width:100%;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory}.landing-tutorials-strip::-webkit-scrollbar{display:none}.landing-tutorials-card-wrap{flex:0 0 280px;scroll-snap-align:start}.landing-discover-strip{background:var(--color-main-content-bg)}.landing-discover-strip-inner{max-width:1400px;margin:0 auto;padding:40px 24px 60px;overflow:hidden}.landing-discover-heading{font-family:Libre Baskerville,serif;font-weight:700;font-size:clamp(1.15rem,2.4vw,1.4rem);text-align:center;color:#222;margin:0 0 32px}.landing-discover-more{display:flex;justify-content:center;padding-top:4px;padding-bottom:32px}.landing-tutorials-more{background:transparent;border:none;font-family:Montserrat,system-ui,sans-serif;font-size:.82rem;font-weight:600;color:#888;cursor:pointer;padding:0;transition:color .2s ease}.landing-tutorials-more:hover{color:#333}.screenshot-section{background:var(--color-main-content-bg);padding:60px 24px 100px;display:flex;flex-direction:column;align-items:center;gap:32px}.screenshot-stack{position:relative;width:min(640px,calc(100vw - 360px));aspect-ratio:16 / 10;cursor:pointer;margin:40px 160px;outline:none}@media(max-width:900px){.screenshot-stack{width:min(500px,calc(100vw - 200px));margin:40px 100px}}.screenshot-card{position:absolute;inset:0;border-radius:10px;overflow:hidden;transition:transform .4s cubic-bezier(.34,1.1,.64,1);box-shadow:0 4px 20px #00000014}.screenshot-placeholder{width:100%;height:100%;background:var(--color-bg-primary);border:1px solid rgba(0,0,0,.07)}.screenshot-hint{font-family:Montserrat,system-ui,sans-serif;font-size:.78rem;font-weight:600;color:#bbb;margin:0;letter-spacing:.3px}@media(max-width:640px){.screenshot-stack{margin-right:60px;margin-bottom:60px}}.landing-create-section{background:var(--color-main-content-bg);padding:40px 24px 60px}.landing-create-inner{max-width:700px;width:100%;margin:0 auto}.landing-create-inner .chat-container{max-width:700px;width:100%}.landing-create-title{font-family:Libre Baskerville,serif;font-weight:700;font-size:clamp(1.15rem,2.4vw,1.4rem);text-align:center;color:#222;margin:0 0 16px}.landing-create-text{font-family:Montserrat,system-ui,sans-serif;font-size:.88rem;color:#888;margin:0 0 28px;line-height:1.5}.story-section{width:100%;background-color:var(--color-main-content-bg);padding:120px 24px 40px;margin:0}.story-content{max-width:750px;margin:0 auto}.story-paragraph{margin-bottom:48px;text-align:center}.story-line{font-family:Libre Baskerville,serif;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8;color:#333}.story-accent--students{background:linear-gradient(175deg,#64b4ff40,#64b4ff9e 12%,#64b4ff4d 28%,#64b4ff94 62%,#64b4ff59 84%,#64b4ff38);color:inherit;padding:.22em .48em .05em .28em;border-radius:1px 9px 2px 8px/8px 2px 9px 1px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #64b4ff26}.story-accent--generic{background:linear-gradient(182deg,#b4b4b438,#b4b4b48c 25%,#b4b4b447 38%,#b4b4b485,#b4b4b44d 78%,#b4b4b433);color:inherit;padding:.06em .3em .2em .5em;border-radius:8px 1px 10px 2px/2px 9px 1px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #b4b4b41f}.story-accent--live{background:linear-gradient(178deg,#ffa0464d,#ffa046ad 8%,#ffa04659 22%,#ffa046a6 48%,#ffa04661 72%,#ffa04647);color:inherit;padding:.18em .32em .08em .52em;border-radius:2px 8px 1px 10px/9px 1px 8px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #ffa0462e}.story-accent--evolve{background:linear-gradient(185deg,#64dc8c42,#64dc8ca3 18%,#64dc8c52 42%,#64dc8ca8 55%,#64dc8c59 82%,#64dc8c3d);color:inherit;padding:.08em .45em .18em .25em;border-radius:10px 2px 8px 1px/1px 7px 2px 9px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #64dc8c29}.story-accent--grey{background:linear-gradient(182deg,#b4b4b438,#b4b4b48c 25%,#b4b4b447 38%,#b4b4b485,#b4b4b44d 78%,#b4b4b433);color:inherit;padding:.06em .3em .2em .5em;border-radius:8px 1px 10px 2px/2px 9px 1px 7px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #b4b4b41f}.story-accent--amplified{background:linear-gradient(180deg,#ff785047,#ff7850a6 15%,#ff785057 35%,#ff78509e 58%,#ff78505c 80%,#ff785040);color:inherit;padding:.12em .4em .12em .35em;border-radius:8px 2px 9px 1px/1px 8px 2px 10px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #ff78502e}.story-accent--inspire{background:linear-gradient(176deg,#c882ff3d,#c882ff99 12%,#c882ff4d 32%,#c882ff94,#c882ff52 78%,#c882ff38);color:inherit;padding:.15em .38em .1em .42em;border-radius:9px 1px 8px 2px/2px 9px 1px 8px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #c882ff26}.story-color--spark{background:linear-gradient(178deg,#ffa0464d,#ffa046ad 8%,#ffa04659 22%,#ffa046a6 48%,#ffa04661 72%,#ffa04647);color:inherit;padding:.18em .32em .08em .52em;border-radius:2px 8px 1px 10px/9px 1px 8px 2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;box-shadow:0 0 3px #ffa0462e}.story-emphasis{font-style:italic}.story-ending-icon{display:inline-block;margin-left:.35em;vertical-align:-.05em;width:1.4em;height:1.4em;color:var(--icon-color-yellow)}.story-ending-icon svg{width:100%;height:100%}.story-icons{display:flex;justify-content:center;align-items:center;gap:24px;margin:48px 0;opacity:0;transform:translateY(15px);transition:opacity .6s ease,transform .6s ease}.story-icons.visible{opacity:1;transform:translateY(0)}.story-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.story-icon svg{width:100%;height:100%}.story-icons-students .story-icon:nth-child(1){transform:translateY(-5px)}.story-icons-students .story-icon:nth-child(2){transform:translateY(8px)}.story-icons-students .story-icon:nth-child(3){transform:translateY(-3px)}.story-icons-files .story-icon:nth-child(1){transform:translateY(5px) rotate(-8deg)}.story-icons-files .story-icon:nth-child(2){transform:translateY(-3px) rotate(5deg)}.story-icons-files .story-icon:nth-child(3){transform:translateY(7px) rotate(-3deg)}@media(max-width:768px){.story-section{padding:80px 24px}.story-paragraph{margin-bottom:36px}.story-line{font-size:clamp(.9rem,3.2vw,1.05rem);line-height:1.75}.story-icons{gap:20px;margin:36px 0}.story-icon{width:42px;height:42px}}.landing-title .icon{display:inline-block;width:1em;height:1em;vertical-align:-.05em;margin-right:.35em}.landing-title .icon path,.landing-title .icon circle,.landing-title .icon line,.landing-title .icon polyline,.landing-title .icon polygon{stroke-width:1}.landing-header{position:fixed;top:24px;left:24px;right:24px;z-index:1000}.glass-pill{position:relative;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:12px 20px;width:100%;border-radius:13px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;font-weight:700;letter-spacing:.3px;color:var(--color-text, #111);background:#fafafa99;border:2px solid rgba(240,240,240,.4);box-shadow:0 1px 2px #00000005,inset 0 1px #ffffff4d;background-clip:padding-box;backdrop-filter:blur(8px) saturate(180%) contrast(1.01);-webkit-backdrop-filter:blur(8px) saturate(180%) contrast(1.01)}.glass-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at -10% -20%,#ffffff1a,#ffffff0a 42%,#fff0 68%)}.glass-pill .brand{font-family:Libre Baskerville,serif;font-weight:500;letter-spacing:0}.glass-pill .pill-spacer{flex:1 1 auto}.glass-pill .nav-links{display:inline-flex;gap:20px;font-weight:600;font-size:.85rem}.glass-pill .nav-links a{color:#444;text-decoration:none;opacity:1;transition:color .2s ease,opacity .2s ease;cursor:pointer}.glass-pill .nav-links a:hover{color:#666;opacity:1;text-decoration:none}.glass-pill .nav-links a.current,.glass-pill .nav-links a[aria-current=page]{color:#666;cursor:default;pointer-events:none}.glass-pill .nav-actions{display:inline-flex;align-items:center;gap:10px;margin-left:12px}.mobile-menu-btn{display:none;background:transparent;border:none;color:#444;cursor:pointer;padding:4px;margin-left:8px;transition:opacity .2s ease}.mobile-menu-btn:hover{opacity:.7}.mobile-menu-btn .icon{width:24px;height:24px}.mobile-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:#fcfcfcfa;border:1px solid rgba(0,0,0,.12);border-radius:12px;box-shadow:0 4px 12px #00000014;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:8px;display:flex;flex-direction:column;gap:4px;z-index:1001}.mobile-menu-dropdown a{padding:10px 14px;color:#777;text-decoration:none;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:.85rem;font-weight:500;border-radius:10px;transition:background .2s ease,color .2s ease}.mobile-menu-dropdown a:hover{background:#00000008;color:#555}.mobile-menu-dropdown a.current{color:#999;pointer-events:none}.mobile-menu-dropdown .mobile-menu-cta{background:#fcfcfcfa;border:1px solid rgba(0,0,0,.08);font-weight:600;margin-top:4px;color:#666}.mobile-menu-dropdown .mobile-menu-cta:hover{background:#fcfcfc;border-color:#0000001f;color:#555}.mobile-menu-divider{height:1px;background:#00000014;margin:4px 0}@media(max-width:640px){.landing-header .glass-pill .nav-links,.landing-header .glass-pill .nav-actions{display:none}.mobile-menu-btn{display:flex;align-items:center;justify-content:center}}.glass-pill .btn-login{background:transparent;border:1px solid rgba(0,0,0,.18);color:#444;border-radius:10px;padding:6px 10px;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.glass-pill .btn-login:hover{background:#0000000a;border-color:#00000047;color:#666}.glass-pill .btn-cta{background:#fcfcfcfa;color:#444;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:6px 12px;font-size:.85rem;font-weight:700;cursor:pointer;transition:filter .2s ease}.glass-pill .btn-cta:hover{filter:brightness(.98);border-color:#0003;color:#666}.video-section{background:var(--color-main-content-bg);padding:40px 24px}.video-container{max-width:1000px;margin:0 auto}.video-wrapper{position:relative;width:700px;max-width:100%;height:700px;max-height:100vw;margin:0 auto;overflow:hidden;background:#000;border-radius:16px}@media(max-width:640px){.video-wrapper{width:100%;height:auto;aspect-ratio:1 / 1}}.video-wrapper iframe,.video-wrapper video{width:100%;height:100%;object-fit:cover}.pricing-section{background:var(--color-main-content-bg);padding:40px 24px 80px}.about-section{background:var(--color-main-content-bg);padding:120px 24px 80px}.about-content{width:min(900px,100%);margin:0 auto;font-family:Libre Baskerville,serif;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.9;color:#333}.pricing-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 40px}.toggle-btn{background:var(--color-bg-secondary);border:1px solid var(--color-border-lighter);color:var(--color-text-muted);padding:10px 24px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease}.toggle-btn:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.toggle-btn.active{background:var(--color-bg-primary);color:var(--color-text-primary);border-color:var(--color-border-light);box-shadow:0 2px 4px #0000000d}.pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(260px,1fr));justify-content:center;align-items:stretch;gap:22px;max-width:1400px;margin:0 auto}.pricing-card .price-features{flex:1}.pricing-card .price-row{margin:10px 0 12px;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:10px;font-family:Libre Baskerville,serif}.pricing-card .price-row.small{font-size:1rem;font-weight:600}.pricing-card .price-subtitle{margin:6px 0 8px;font-family:Libre Baskerville,serif;color:#555;font-size:.95rem}.pricing-card .price-period{font-size:.9rem;font-weight:600;color:#666;margin-left:6px}.pricing-card .price-save{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid currentColor;background:#9c4dff14;color:var(--icon-color-purple);font-size:.8rem;font-weight:700}.pricing-card .card-icon{width:40px;height:40px;color:#555;margin-bottom:10px}.pricing-card .price-features{list-style:none;padding:0;margin:6px 0 0;display:flex;flex-direction:column;gap:6px;color:#555}.pricing-card .price-features li{display:flex;align-items:flex-start;gap:8px;line-height:1.4}.pricing-card .feature-check{width:16px;height:16px;min-width:16px;min-height:16px;flex-shrink:0;color:#22c55e;margin-top:2px}.pricing-cta-row{margin:16px 0 24px}.pricing-cta{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter);border-radius:8px;padding:10px 20px;font-weight:600;cursor:pointer;width:100%;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease}.pricing-cta:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}@media(max-width:1150px){.pricing-grid{grid-template-columns:repeat(2,minmax(260px,360px))}}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}}.pricing-cta.outline{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter)}.landing-card{position:relative;background:var(--color-bg-primary);border:.5px solid rgba(0,0,0,.1);border-radius:14px;padding:28px 28px 30px;box-shadow:none;display:flex;flex-direction:column}.pricing-card{min-height:520px}.pricing-card.featured{position:relative;border-color:#1e88e559}.pricing-card.featured:before{content:"";position:absolute;inset:-10px;border-radius:13px;background:radial-gradient(60% 60% at 50% -10%,#1e88e52e,#1e88e514 40%,#1e88e500 70%);filter:blur(8px);z-index:-1}.landing-card-header{display:flex;align-items:center;gap:14px;margin-bottom:12px}.landing-card .card-icon{width:28px;height:28px;color:#555;flex-shrink:0}.landing-card .card-icon path,.landing-card .card-icon circle,.landing-card .card-icon line,.landing-card .card-icon polyline,.landing-card .card-icon polygon,.pricing-card .card-icon path,.pricing-card .card-icon circle,.pricing-card .card-icon line,.pricing-card .card-icon polyline,.pricing-card .card-icon polygon{stroke-width:1}.landing-card h3,.landing-card .card-title{margin:0;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;color:#222;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif}.landing-card p,.landing-card .card-text{margin:0;color:#555;line-height:1.6;font-size:.95rem;font-family:Libre Baskerville,serif}.etymology-section{background:var(--color-main-content-bg);padding:60px 24px 20px}.etymology-container{max-width:950px;margin:0 auto;text-align:center}.etymology-text{font-family:Libre Baskerville,serif;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.8;color:#555;margin:0;display:inline-block;opacity:0;clip-path:inset(0 100% 0 0);transition:opacity 1.2s ease-out,clip-path 1.8s cubic-bezier(.25,.46,.45,.94)}.etymology-text.visible{opacity:1;clip-path:inset(0 0 0 0)}.etymology-text strong{font-weight:700;color:#222}.pronunciation{color:#777;font-size:.95em}.etymology-text em{font-style:italic}.landing-footer-minimal{padding:24px;background:var(--color-main-content-bg)}.landing-footer-minimal .footer-pill{justify-content:center}.landing-footer-minimal .footer-pill .nav-links{margin:0}.footer-dot{color:#bbb;font-size:.85rem;-webkit-user-select:none;user-select:none}.footer-social-links{display:flex;align-items:center;gap:20px;margin-left:32px}.footer-social-links a{display:flex;align-items:center;justify-content:center;color:#777;transition:color .2s ease}.footer-social-links a:hover{color:#333}.footer-social-links .icon{width:18px;height:18px}.mockup-slide-thumbs{width:70px;display:flex;flex-direction:column;gap:3px;flex-shrink:0}.mockup-slide-thumb{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--color-input-bg);border:.5px solid var(--color-input-border);border-radius:3px;overflow:hidden;cursor:pointer;transition:border-color .2s ease}.mockup-slide-thumb:hover{border-color:var(--color-input-border-hover)}.mockup-slide-thumb.active{border-color:var(--color-input-border-hover);box-shadow:0 0 0 1px #6ca6f74d}.mockup-slide-thumb-content{padding:2px;display:flex;flex-direction:column;gap:1px;height:100%}.mockup-slide-thumb-title{font-size:3px;font-weight:500;font-family:Montserrat,sans-serif;color:var(--color-input-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mockup-slide-thumb-img{flex:1;background:var(--color-bg-secondary);border-radius:1px}.mockup-slide-thumb-index{position:absolute;left:2px;bottom:2px;min-width:6px;height:6px;padding:0 2px;border-radius:2px;font-size:4px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg-primary);border:.5px solid var(--color-input-border);display:flex;align-items:center;justify-content:center;line-height:1}.mockup-slide-main{flex:1;display:flex;align-items:center;justify-content:center}.mockup-slide-canvas{width:100%;height:100%;aspect-ratio:16 / 9;max-height:100%;background:var(--color-bg-primary);border:.5px solid var(--color-border-light);border-radius:4px;position:relative;padding:8px}.mockup-slide-content-wrapper{display:flex;gap:6px;height:100%}.mockup-slide-text-column{width:30%;display:flex;flex-direction:column;gap:4px}.mockup-slide-title{font-size:10px;font-weight:700;font-family:Montserrat,sans-serif;color:var(--color-input-text);line-height:1.3}.mockup-slide-body{font-size:6px;font-weight:400;font-family:Libre Baskerville,serif;color:var(--color-input-text);line-height:1.5}.mockup-slide-image{flex:1;background:var(--color-bg-secondary);border-radius:3px;display:flex;align-items:center;justify-content:center;border:.5px solid var(--color-input-border)}.mockup-slide-image .icon{width:16px;height:16px;color:var(--color-text-muted);opacity:.4}.mockup-container-canvas{background-image:linear-gradient(rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.02) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);background-size:10px 10px,10px 10px,50px 50px,50px 50px;background-position:0 0,0 0,0 0,0 0}.mockup-container-canvas:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:10;background:linear-gradient(to bottom,var(--color-bg-secondary) 0%,transparent 15%),linear-gradient(to top,var(--color-bg-secondary) 0%,transparent 15%),linear-gradient(to right,var(--color-bg-secondary) 0%,transparent 15%),linear-gradient(to left,var(--color-bg-secondary) 0%,transparent 15%);border-radius:inherit}body.dark-mode .mockup-container-canvas{background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px)}.mockup-window-controls{display:flex;gap:6px;margin-bottom:10px;position:relative;z-index:11}.mockup-dot{width:10px;height:10px;border-radius:50%;opacity:.6}.mockup-dot-red{background:#ff5f57}.mockup-dot-yellow{background:#ffbd2e}.mockup-dot-green{background:#28c840}.mockup-canvas{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;padding:14px 12px;z-index:11}.mockup-node{position:absolute;width:70px;min-height:78px;background:var(--color-bg-primary);border:.5px solid var(--color-border-node, rgba(0, 0, 0, .15));border-radius:4px;padding:7px;display:flex;flex-direction:column;z-index:2;box-shadow:0 .5px 1.5px #00000008}.mockup-node-header{display:flex;align-items:center;gap:5px;margin-bottom:5px}.mockup-node-icon{width:14px;height:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-node-icon .icon{width:14px;height:14px}.mockup-node-title{font-size:7px;font-weight:500;color:var(--color-input-text, #374151);line-height:1.2;font-family:system-ui,-apple-system,sans-serif}.mockup-node-content{flex:1;background:var(--color-input-bg-hover);border-radius:3px;min-height:14px;margin-top:6px;opacity:.4}.mockup-shared-node{top:-12px;left:50%;transform:translate(-50%);cursor:default;width:90px}.mockup-resource-node{-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.mockup-resource-node:hover{box-shadow:0 1px 3px #0000000f}.mockup-connection{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.mockup-connection-path{opacity:.5}body.dark-mode .mockup-connection-path{opacity:.7}.mockup-input{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:12px 10px;position:relative;z-index:11}.mockup-input-wrapper{width:85%;display:flex;flex-direction:column;padding:8px 8px 6px;border-radius:7px;border:.5px solid var(--color-input-border);background-color:var(--color-bg-primary);position:relative}.mockup-textarea{width:100%;min-height:35px;padding:0 24px 0 0;border:none;background:transparent;color:var(--color-input-text);font-size:8px;font-family:Libre Baskerville,serif;line-height:1.5;resize:none;outline:none}.mockup-textarea::placeholder{color:var(--color-text-muted);opacity:.6}.mockup-input-controls{display:flex;justify-content:flex-end;margin-top:5px}.mockup-send-btn{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:var(--color-main-content-bg);border:.5px solid var(--color-border-light);border-radius:3px;cursor:pointer;transition:all .2s ease}.mockup-send-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-medium)}.mockup-send-btn .icon{width:9px;height:9px}.mockup-upload-panel{width:85%;padding:.5px;border-radius:7px;background:var(--gradient-upload);cursor:default;position:relative}.mockup-upload-content{background:var(--color-bg-primary);border-radius:7px;padding:10px;display:flex;align-items:center;justify-content:center;gap:6px}.mockup-upload-content .icon{width:10px;height:10px;color:var(--icon-color-blue);--icon-stroke: 1.5}.mockup-upload-text{font-size:8px;color:var(--color-text-muted);font-weight:500;font-family:system-ui,-apple-system,sans-serif}.mockup-chat{display:flex;flex-direction:column;gap:10px;width:100%;padding:12px 10px;position:relative;z-index:11;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.mockup-chat::-webkit-scrollbar{display:none}.mockup-message{display:flex;width:100%}.mockup-message-user{justify-content:flex-end}.mockup-message-assistant{justify-content:flex-start}.mockup-user-bubble{background:var(--color-message-user-bg);border:.5px solid var(--color-message-user-border, rgba(0, 0, 0, .1));border-radius:10px;padding:7px 10px;display:flex;align-items:flex-start;gap:7px;max-width:85%}.mockup-user-initials{width:16px;height:16px;min-width:16px;min-height:16px;border-radius:50%;background:var(--color-text-light, #888);color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:500;flex-shrink:0}.mockup-message-text{font-size:9px;line-height:1.6;color:var(--color-input-text, #374151);font-family:Libre Baskerville,serif}.mockup-message-assistant .mockup-message-text{max-width:85%;color:var(--color-text-primary, #000);padding:2px 0}.mockup-typing-cursor{display:inline-block;margin-left:1px;animation:mockup-blink 1s infinite;font-weight:300}@keyframes mockup-blink{0%,49%{opacity:1}50%,to{opacity:0}}.mockup-planning-inline{font-size:7px;font-family:Libre Baskerville,serif;line-height:1.6;color:var(--color-text-muted);font-style:italic;opacity:.8;margin:8px 0 0;display:block}.mockup-shimmer-text{display:inline-block;background:linear-gradient(90deg,#64646466,#dcdcdc,#64646466);background-size:200% 100%;background-position:-100% 0;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;-moz-text-fill-color:transparent!important;animation:mockup-shimmer-sweep 3s ease-in-out infinite}@keyframes mockup-shimmer-sweep{0%{background-position:-100% 0}to{background-position:100% 0}}body.dark-mode .mockup-shimmer-text{background:linear-gradient(90deg,#7a7a7a33,#fffc,#7a7a7a33);background-size:200% 100%;background-position:-100% 0;-webkit-background-clip:text;-moz-background-clip:text;background-clip:text}@supports not (-webkit-background-clip: text){.mockup-shimmer-text{color:var(--color-text-muted)!important;-webkit-text-fill-color:initial!important;-moz-text-fill-color:initial!important;animation:mockup-shimmer-opacity 3s ease-in-out infinite}body.dark-mode .mockup-shimmer-text{color:var(--color-text-light)!important}}@keyframes mockup-shimmer-opacity{0%,to{opacity:.4}50%{opacity:1}}.mockup-tool-call-item{position:relative;display:flex;align-items:flex-start;gap:4px;background-color:transparent;border:.5px solid var(--color-message-user-border);border-radius:4px;padding:4px 12px 4px 6px;margin:0;font-size:7px;color:var(--color-input-text, #374151);font-family:Libre Baskerville,serif;max-width:70%}.mockup-planning-inline+.mockup-tool-call-item{margin-top:2px}.mockup-tool-call-item+.mockup-tool-call-item{margin-top:-7px}.mockup-tool-call-item+.mockup-message-assistant{margin-top:-6px}.mockup-tool-call-item .icon{width:8px;height:8px;color:var(--icon-color-green);flex-shrink:0;margin-top:1px}.mockup-tool-call-content{flex:1;min-width:0}.mockup-tool-event-details{position:static}.mockup-tool-event-toggle{position:absolute;top:4px;right:2px;background:transparent;border:none;color:var(--color-text-lighter);padding:1px;cursor:pointer;z-index:1;display:flex;align-items:center;justify-content:center}.mockup-tool-event-toggle .icon{width:6px;height:6px;color:var(--color-text-lighter)}.mockup-tool-event-details-body{margin:4px 0 0;font-size:6px;color:var(--color-text-secondary);line-height:1.4;opacity:.85}.contact-section{background:var(--color-main-content-bg);padding:40px 24px 60px}.contact-container{max-width:700px;margin:0 auto}.contact-title{font-family:Libre Baskerville,serif;font-weight:700;font-size:clamp(1.4rem,3vw,1.7rem);text-align:center;color:#222;margin:0 0 16px}.contact-subtitle{font-family:Libre Baskerville,serif;font-size:.95rem;line-height:1.6;text-align:center;color:#555;max-width:650px;margin:0 auto 32px}.contact-form{width:100%}.contact-form-wrapper{width:100%;display:flex;flex-direction:column;gap:10px;padding:13px 13px 10px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background-color:var(--color-bg-primary);position:relative}.contact-form-wrapper:focus-within{outline:none;border-color:#0000002e}.form-input,.form-textarea{width:100%;padding:12px 0;background:transparent;border:none;border-bottom:1px solid rgba(0,0,0,.08);font-family:Libre Baskerville,serif;font-size:.9rem;color:#222;transition:border-color .2s ease}.form-input:focus,.form-textarea:focus{outline:none;border-bottom-color:#00000029}.form-input::placeholder,.form-textarea::placeholder{color:#999}.form-textarea{resize:none;min-height:100px;border-bottom:none;padding-top:12px}.form-submit-row{display:flex;justify-content:flex-end;margin-top:8px}.form-submit{display:inline-flex;align-items:center;gap:8px;background:#fcfcfcfa;color:#444;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:6px 12px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-weight:700;font-size:.85rem;cursor:pointer;transition:filter .2s ease,border-color .2s ease}.form-submit:hover{filter:brightness(.98);border-color:#0003}.form-submit .icon{width:16px;height:16px}.landing-footer{background:var(--color-main-content-bg);padding:24px}.footer-glass{position:relative;display:flex;flex-direction:column;gap:24px;padding:32px;border-radius:13px;font-family:Libre Baskerville,serif;color:var(--color-text, #111);background:#f8f8f880;border:1px solid rgba(235,235,235,.4);box-shadow:0 1px 2px #00000003,inset 0 1px #fff3;background-clip:padding-box;backdrop-filter:blur(6px) saturate(180%) contrast(1.01);-webkit-backdrop-filter:blur(6px) saturate(180%) contrast(1.01)}.footer-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at -10% -20%,#ffffff0f,#ffffff05 42%,#fff0 68%)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:800px;margin:0 auto;width:100%}.footer-section{display:flex;flex-direction:column;gap:10px}.footer-section a{color:#555;text-decoration:none;font-size:.85rem;font-weight:400;transition:color .2s ease}.footer-section a:hover{color:#777}.footer-copyright{text-align:center;font-size:.75rem;color:#777;font-weight:400;padding-top:20px}@media(max-width:640px){.footer-links{grid-template-columns:1fr;gap:24px;text-align:left}.footer-section{align-items:flex-start}}.cookie-banner{position:fixed;bottom:24px;left:24px;z-index:10000;max-width:400px;animation:cookieBannerSlideIn .3s ease-out}@keyframes cookieBannerSlideIn{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.cookie-banner-glass{position:relative;display:flex;flex-direction:column;gap:12px;padding:16px 20px;border-radius:13px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;color:var(--color-text, #111);background:#f8f8f880;border:1px solid rgba(235,235,235,.4);box-shadow:0 2px 8px #00000014,inset 0 1px #fff3;background-clip:padding-box;backdrop-filter:blur(6px) saturate(180%) contrast(1.01);-webkit-backdrop-filter:blur(6px) saturate(180%) contrast(1.01)}.cookie-banner-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(120% 120% at -10% -20%,#ffffff0f,#ffffff05 42%,#fff0 68%)}.cookie-banner-text{margin:0;font-size:.875rem;line-height:1.5;color:#444;font-weight:400}.cookie-banner-link{color:#444;text-decoration:underline;text-decoration-color:#4446;text-underline-offset:2px;transition:color .2s ease,text-decoration-color .2s ease}.cookie-banner-link:hover{color:#666;text-decoration-color:#6669}.cookie-banner-actions{display:flex;gap:8px;justify-content:flex-end}.cookie-banner-btn{font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;font-size:.875rem;font-weight:600;padding:8px 16px;border-radius:8px;border:none;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cookie-banner-btn-accept{background:#111;color:#fff}.cookie-banner-btn-accept:hover{background:#333}.cookie-banner-btn-reject{background:#ffffffe6;color:#444;border:1px solid rgba(0,0,0,.12)}.cookie-banner-btn-reject:hover{background:#fff;border-color:#0003;transform:translateY(-1px)}@media(max-width:640px){.cookie-banner{bottom:0;left:0;right:0;max-width:none;border-radius:0;padding:0}.cookie-banner-glass{border-radius:0;border-left:none;border-right:none;border-bottom:none}}.showcase-section{padding:80px 24px;display:flex;justify-content:center;background:var(--color-main-content-bg, #fafafa);overflow:hidden}.showcase-grid{display:flex;justify-content:center;align-items:start;gap:32px;flex-wrap:wrap;max-width:1600px}.showcase-card{position:relative;width:500px;border-radius:16px;overflow:hidden;background:#fafafa;border:1px solid #e1e5eb}.showcase-card-iframe{width:100%;border:none;overflow:hidden}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden;background-color:var(--color-bg-primary)}.auth-container{width:100vw;height:100vh;overflow:hidden;background:var(--color-bg-primary);display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#0000000d;border-radius:3px}::-webkit-scrollbar-thumb{background:var(--color-scrollbar);border-radius:3px;border:1px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium);background-clip:content-box}@media(max-width:768px){body{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important;overflow-x:hidden!important}}body.dark-mode .canvas-container{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px)}body.dark-mode .canvas-container:before{height:calc(100vh - 32px);background:linear-gradient(to bottom,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 1.5%,transparent 4%),linear-gradient(to top,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 1.5%,transparent 4%),linear-gradient(to right,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 15px,transparent 40px),linear-gradient(to left,var(--color-main-content-bg) 0%,rgba(45,45,45,.8) 15px,transparent 40px)}body.dark-mode .connection-line path{stroke:var(--color-connection-line)}body.dark-mode ::-webkit-scrollbar-track{background:#ffffff14}body.dark-mode ::-webkit-scrollbar-thumb{background:#555;background-clip:content-box}body.dark-mode ::-webkit-scrollbar-thumb:hover{background:#666;background-clip:content-box}.main-content.chat-active{background-color:var(--color-main-content-bg-active)}body.dark-mode .main-content.chat-active{background-color:var(--color-main-content-bg)}.content-column{display:flex;flex-direction:column;margin:10px 10px 10px 60px;height:calc(100dvh - 20px)}.content-column.active{margin-left:230px}.content-column.no-sidebar{margin-left:10px}@media(max-width:600px){.content-column{margin-left:10px}}@media(max-width:600px){*{scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}}.content-header-strip{height:28px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding:0 10px;margin-top:-2px;margin-bottom:8px;overflow:visible;z-index:100;position:relative}.content-header-strip:empty{height:0;padding:0;margin:0}.mobile-menu-button{display:none;width:30px;height:30px;padding:5px;border:1px solid var(--color-border-lighter);background:var(--color-bg-primary);border-radius:6px;cursor:pointer;flex-shrink:0;align-items:center;justify-content:center;transition:all .2s ease}.mobile-menu-button:hover{background:var(--color-button-bg-hover);border-color:var(--color-input-border-hover)}.mobile-menu-button .icon{width:16px;height:16px;color:var(--color-icon)}@media(max-width:600px){.mobile-menu-button{display:flex}.content-header-strip{padding-left:0}}.header-title-icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.header-title{font-family:Montserrat,sans-serif;font-size:13px;font-weight:600;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:10px}.canvas-toolbar-button+.header-title{margin-left:4px}.header-title-sep{color:var(--color-text-muted);font-weight:400;opacity:.5;padding:0 4px}.header-search-input{height:30px;padding:5px 10px;border:1px solid var(--color-border-lighter);border-radius:6px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Open Sans,sans-serif;font-size:.75rem;min-width:150px;max-width:250px;margin-left:10px}.header-search-input:focus{outline:none;border-color:var(--color-input-border-hover)}.header-search-input::placeholder{color:var(--color-text-muted)}@media(max-width:600px){.header-search-input{flex:1;max-width:none;min-width:0;margin-left:0}}.header-dropdown-container{position:relative}.header-dropdown-menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--color-bg-primary);border:1px solid var(--color-border-lighter);border-radius:8px;box-shadow:var(--shadow-medium);min-width:160px;z-index:1000;padding:4px}.header-dropdown-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;border:none;background:transparent;color:var(--color-text-primary);font-family:Open Sans,sans-serif;font-size:.8rem;cursor:pointer;border-radius:6px;transition:background .15s ease}.header-dropdown-item:hover{background:var(--color-bg-hover)}.header-dropdown-item .icon{width:14px;height:14px;color:var(--color-icon)}@media(max-width:600px){.content-header-strip{height:37px;gap:8px;padding-top:3px}.mobile-menu-button{width:36px;height:36px;padding:6px}.mobile-menu-button .icon{width:20px;height:20px}.content-header-strip .canvas-toolbar-button:not(.icon-only){padding:6px;width:36px;height:36px;justify-content:center}.content-header-strip .canvas-toolbar-button:not(.icon-only) span{display:none}.content-header-strip .canvas-toolbar-button .icon{width:16px;height:16px}.content-header-strip .canvas-toolbar-button.icon-only{width:36px;height:36px;padding:6px}.header-title{font-size:14px}.header-title-icon{width:18px;height:18px}.header-search-input{height:36px;font-size:14px}}.main-content{position:relative;padding:0 20px;background-color:var(--color-main-content-bg);border:1px solid var(--color-input-border);border-radius:8px;flex:1;min-height:0;overflow:hidden;box-shadow:var(--shadow-light);container-type:inline-size;container-name:main-content}.content-header{padding-bottom:6px;border-bottom:1px solid var(--color-border-light);width:100%;margin:0 -1px 15px;display:flex;flex-wrap:wrap;align-items:flex-start}.header-title-section{display:flex;align-items:center;margin-right:20px}.content-header h1{font-size:1.2rem;color:var(--color-text-secondary);font-weight:600;margin:0 0 0 5px;white-space:nowrap}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary, #374151);color:var(--color-text-primary, #fff);font-family:Montserrat,sans-serif;font-weight:600;-webkit-user-select:none;user-select:none}.avatar img,img.avatar{width:100%;height:100%;object-fit:cover}.avatar-sm{width:24px;height:24px;font-size:10px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:64px;height:64px;font-size:20px}.avatar-xl{width:96px;height:96px;font-size:28px}.avatar-xxl{width:128px;height:128px;font-size:36px}.avatar-initials{background:linear-gradient(135deg,var(--color-accent, #6366f1) 0%,var(--color-accent-secondary, #8b5cf6) 100%);color:#fff;text-transform:uppercase;letter-spacing:.5px}.avatar-placeholder{background:var(--color-bg-secondary, #e5e7eb);color:var(--color-text-muted, #9ca3af)}.avatar-placeholder .icon{width:36%;height:36%}.avatar-hidden{display:none!important}.confirm-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay, rgba(0, 0, 0, .5));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:none;animation:none}.confirm-modal.show{opacity:1;visibility:visible}.confirm-modal-card{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-modal, 0 20px 60px rgba(0, 0, 0, .3));width:90%;max-width:460px;padding:20px 20px 16px;transform:translateY(-100px)}.confirm-modal-title{font-family:Montserrat,sans-serif;font-size:15px;font-weight:600;color:var(--color-icon);margin:0 0 16px;line-height:1.3}.confirm-modal-description{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:var(--color-text-muted);line-height:1.5;margin:0 0 16px}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end}.confirm-modal-button{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-light);border-radius:8px;padding:10px 18px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center}.confirm-modal-button:hover{background:var(--color-bg-primary)}.confirm-modal-button:disabled{opacity:.6;box-shadow:none}.confirm-modal-button.danger{background:var(--color-bg-secondary);color:var(--color-danger, #d9534f);border-color:var(--color-border-light)}.confirm-modal-button.danger:hover{background:var(--color-bg-hover)}.confirm-modal-button.cancel{opacity:.95}.confirm-modal-button.primary{background:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border-light)}.confirm-modal-button.primary:hover{background:var(--color-bg-hover)}.confirm-modal-button.primary:disabled{opacity:.5;box-shadow:none}.confirm-modal-button.compact{padding:6px 12px;font-size:13px;border-radius:6px}.rename-modal-input{width:100%;padding:12px 16px;font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;color:var(--color-input-text, var(--color-text-primary));background:var(--color-input-bg, var(--color-bg-secondary));border:1px solid var(--color-input-border, var(--color-border-light));border-radius:8px;margin-bottom:16px;box-sizing:border-box;transition:all .2s ease}.rename-modal-error{font-family:Montserrat,sans-serif;font-size:12px;line-height:1.4;color:var(--color-danger, #d9534f);margin:8px 2px 0}.rename-modal-input:hover{background:var(--color-input-bg-hover, var(--color-bg-hover));border-color:var(--color-input-border-hover, var(--color-border-primary))}.rename-modal-input:focus{outline:none;border:none;box-shadow:var(--shadow-focus, 0 0 0 2px var(--color-accent-orange))}.rename-modal-input:disabled{opacity:.6}.success-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-overlay, rgba(0, 0, 0, .5));backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:none;animation:none}.success-modal.show{opacity:1;visibility:visible}.success-modal-card{position:relative;background:var(--color-bg-primary);border:1.5px solid var(--color-border-primary);border-radius:8px;box-shadow:var(--shadow-modal, 0 20px 60px rgba(0, 0, 0, .3));width:90%;max-width:460px;padding:20px 20px 36px;transform:translateY(-100px)}.success-modal-title{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--color-text-primary);margin:0 0 10px;line-height:1.3}.success-modal-description{font-family:Montserrat,sans-serif;font-size:14px;font-weight:400;color:var(--color-text-muted);line-height:1.5;margin:0 0 16px}.success-modal-icon{position:absolute;right:16px;bottom:12px;color:var(--color-success);font-size:30px}.pdf-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:var(--color-overlay, rgba(0, 0, 0, .5));z-index:9999;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:none}.pdf-modal-overlay.show{opacity:1;visibility:visible}.pdf-modal-container{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:8px 8px 0 0;box-shadow:var(--shadow-modal, 0 20px 60px rgba(0, 0, 0, .3));width:90vw;height:85vh;max-width:1200px;min-width:320px;max-height:800px;min-height:400px;display:flex;flex-direction:column;overflow:hidden;transform:none;transition:none}.pdf-modal-header{background:var(--color-bg-primary);border-bottom:1px solid var(--color-border-primary);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.pdf-modal-title{margin:0 16px 0 0;font-size:14px;font-weight:600;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.pdf-modal-actions{display:flex;align-items:center;gap:8px}.pdf-modal-download{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:var(--color-text-placeholder);font-size:16px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.pdf-modal-download:hover{background-color:var(--color-bg-hover);color:var(--color-primary)}.pdf-modal-download:active{transform:scale(.95)}.pdf-modal-close{background:none;border:none;padding:8px;cursor:pointer;border-radius:6px;color:var(--color-text-placeholder);transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:16px;width:32px;height:32px;flex-shrink:0}.pdf-modal-close:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.pdf-modal-close:active{transform:scale(.95)}.pdf-modal-content{flex:1;position:relative;display:flex;flex-direction:column}.pdf-viewer{flex:1;border:none;width:100%;background:var(--color-bg-primary)}.pdf-modal-loading{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1}.pdf-modal-loading i{font-size:24px;color:var(--color-text-muted)}.pdf-modal-loading p{margin:0;font-size:14px;color:var(--color-text-muted);font-weight:500}.pdf-modal-error{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--color-bg-primary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:1;text-align:center;padding:20px}.pdf-modal-error i{font-size:32px;color:var(--color-danger, #dc3545)}.pdf-modal-error p{margin:0;font-size:16px;color:var(--color-text-secondary);font-weight:500}.pdf-modal-error button{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);padding:8px 16px;border-radius:6px;color:var(--color-text-secondary);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s ease}.pdf-modal-error button:hover{background:var(--color-bg-hover);border-color:var(--color-scrollbar)}@media(max-width:768px){.pdf-modal-container{width:95vw;height:95vh;min-width:320px;border-radius:6px 6px 0 0}.pdf-modal-header{padding:12px 16px}.pdf-modal-title{font-size:14px}.pdf-modal-close{width:28px;height:28px;font-size:14px}}@media(max-width:480px){.pdf-modal-container{width:100vw;height:100vh;border-radius:0;max-width:none;max-height:none}.pdf-modal-header{padding:10px 12px}.pdf-modal-title{font-size:13px}.pdf-modal-close{width:24px;height:24px;font-size:12px;padding:4px}}.share-modal-skeleton{display:flex;flex-direction:column;gap:32px}.share-skeleton-row{display:flex;gap:8px}.share-skeleton-input{flex:1;height:44px;border-radius:8px;background:var(--color-skeleton);animation:share-shimmer 1.5s ease-in-out infinite}.share-skeleton-button{width:70px;height:44px;border-radius:6px;background:var(--color-skeleton);animation:share-shimmer 1.5s ease-in-out infinite}.share-skeleton-social{display:flex;justify-content:center;gap:8px}.share-skeleton-social-btn{width:32px;height:32px;border-radius:6px;background:var(--color-skeleton);animation:share-shimmer 1.5s ease-in-out infinite}.share-skeleton-actions{display:flex;justify-content:space-between}.share-skeleton-action{width:90px;height:32px;border-radius:6px;background:var(--color-skeleton);animation:share-shimmer 1.5s ease-in-out infinite}@keyframes share-shimmer{0%,to{opacity:1}50%{opacity:.5}}@media(max-width:600px){.confirm-modal-card{padding:16px}.confirm-modal-title{font-size:14px;margin-bottom:12px}.confirm-modal-description{font-size:13px;margin-bottom:12px}.confirm-modal-button{padding:8px 14px;font-size:13px}.confirm-modal-button.compact{padding:5px 10px;font-size:12px}.rename-modal-input{padding:10px 12px;font-size:13px;margin-bottom:12px}.rename-modal-error{font-size:11px}.share-modal-skeleton{gap:24px}.share-skeleton-input{height:38px}.share-skeleton-button{width:60px;height:38px}.share-skeleton-social-btn{width:28px;height:28px}.share-skeleton-action{width:80px;height:28px}}.share-social-btn{position:relative}.share-social-btn:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--color-bg-primary);color:var(--color-text-primary);border:1px solid var(--color-border-light);border-radius:6px;padding:4px 8px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .15s ease;z-index:9999;pointer-events:none;box-shadow:var(--shadow-light)}.share-social-btn:hover:after{opacity:1;visibility:visible}body.dark-mode .share-social-btn:after{background:var(--color-input-bg);color:var(--color-input-text);border-color:var(--color-input-border)}.custom-dropdown{position:relative;display:inline-block;width:100%;max-width:400px}.usage-controls .custom-dropdown{max-width:none;width:auto}.custom-dropdown-trigger{padding:10px 32px 10px 16px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-primary);color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:160px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left}.custom-dropdown-trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.custom-dropdown-trigger:focus{outline:none;border-color:var(--color-border-light)}.custom-dropdown-trigger.disabled,.custom-dropdown-trigger:disabled{opacity:.6;cursor:default}.custom-dropdown-text{flex:1}.custom-dropdown-icon{width:14px;height:14px;color:var(--color-text-muted);transition:transform .2s ease;flex-shrink:0;margin-right:-20px}.custom-dropdown-icon.open{transform:rotate(180deg)}.custom-dropdown-menu{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:9999;max-height:300px;overflow-y:auto;overflow-x:hidden;animation:dropdown-fade-in .15s ease}.custom-dropdown-menu::-webkit-scrollbar{width:6px}.custom-dropdown-menu::-webkit-scrollbar-track{background:transparent;margin:4px 0}.custom-dropdown-menu::-webkit-scrollbar-thumb{background:var(--color-scrollbar, #aaa);border-radius:3px}.custom-dropdown-menu::-webkit-scrollbar-thumb:hover{background:var(--color-border-medium, #999)}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.custom-dropdown-item{width:100%;padding:10px 16px;border:none;background:transparent;color:var(--color-text-primary);font-family:Montserrat,sans-serif;font-size:14px;font-weight:500;text-align:left;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:space-between;gap:8px}.custom-dropdown-item:hover{background:var(--color-bg-secondary)}.custom-dropdown-item.active{background:var(--color-bg-secondary);color:var(--color-text-secondary)}.custom-dropdown-check{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}@media(max-width:768px){.custom-dropdown-trigger{min-width:100%;padding:8px 28px 8px 12px;font-size:13px}.custom-dropdown-item{padding:10px 12px;font-size:13px}}.checkout-view{width:100%;height:100%;overflow-y:auto;padding:0}.checkout-header{padding:20px 0;border-bottom:1px solid var(--color-border-light);margin-bottom:32px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.checkout-title{font-family:Montserrat,sans-serif;font-size:24px;font-weight:700;color:var(--color-text-primary);margin:0 0 8px;display:flex;align-items:center;gap:12px}.checkout-title .icon{font-size:24px;color:#555}.checkout-description{font-family:Libre Baskerville,serif;font-size:14px;color:#555;margin:0;line-height:1.6}.checkout-back-button{padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.checkout-back-button:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.checkout-tabs{display:flex;gap:12px;margin-bottom:32px;justify-content:center}.checkout-tab{padding:10px 24px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.checkout-tab:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.checkout-tab.active{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-primary);box-shadow:0 2px 4px #0000000d}.checkout-tab .icon{font-size:16px}.checkout-content{max-width:1400px;margin:0 auto}.checkout-loading{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.checkout-loading .icon{font-size:32px;margin-bottom:16px}.checkout-loading p{font-family:Montserrat,sans-serif;font-size:14px;margin:0}.pricing-interval-toggle{display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto 40px}.pricing-interval-toggle button{padding:10px 24px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pricing-interval-toggle button:hover{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.pricing-interval-toggle button.active{background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-primary);box-shadow:0 2px 4px #0000000d}.interval-badge{display:inline-block;margin-left:8px;padding:2px 8px;background:#22c55e;color:#fff;border-radius:4px;font-size:11px;font-weight:700}.pricing-tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:40px}.pricing-tier{position:relative;background:var(--color-bg-primary);border:.5px solid rgba(0,0,0,.05);border-radius:8px;padding:28px 28px 30px;box-shadow:none;display:flex;flex-direction:column;min-height:520px;transition:all .2s ease}.pricing-tier:hover{box-shadow:0 4px 12px #0000000f}.pricing-tier.featured{position:relative;border-color:#1e88e559}.pricing-tier.featured:before{content:"";position:absolute;inset:-10px;border-radius:13px;background:radial-gradient(60% 60% at 50% -10%,#1e88e52e,#1e88e514 40%,#1e88e500 70%);filter:blur(8px);z-index:-1}.tier-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:4px 16px;border-radius:12px;font-family:Montserrat,sans-serif;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.tier-header{margin-bottom:24px}.tier-name{font-family:Montserrat,sans-serif;font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;color:#222;margin:0 0 6px}.tier-header .card-icon{width:40px;height:40px;color:#555;margin-bottom:10px}.tier-subtitle{margin:6px 0 8px;font-family:Libre Baskerville,serif;color:#555;font-size:.95rem}.tier-price{margin:10px 0 12px;font-size:1.8rem;font-weight:700;display:flex;align-items:center;gap:10px;font-family:Libre Baskerville,serif;color:#222;line-height:1}.tier-interval{font-size:.9rem;font-weight:600;color:#666;margin-left:6px}.tier-savings{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;border:1px solid currentColor;background:#22c55e14;color:#22c55e;margin-left:6px;font-size:.8rem;font-weight:700}.tier-features{list-style:none;padding:0;margin:16px 0 0;display:flex;flex-direction:column;gap:6px;color:#555;flex:1}.tier-feature{display:flex;align-items:center;gap:8px;font-family:Libre Baskerville,serif;font-size:.95rem;line-height:1.6}.tier-feature .icon{width:16px;height:16px;color:#22c55e;flex-shrink:0}.tier-feature.highlight{font-weight:600;color:#222}.tier-button{width:100%;padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:24px}.tier-button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.tier-button:disabled{opacity:.6;cursor:default}.checkout-view .pricing-cta{width:100%;padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.checkout-view .pricing-cta:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.checkout-view .pricing-cta:disabled{opacity:.6;cursor:default}.checkout-view .pricing-cta.outline{background:var(--color-bg-secondary);color:var(--color-text-muted);border:1px solid var(--color-border-lighter)}.topup-info{background:var(--color-bg-secondary);border-radius:8px;padding:16px 20px;margin-bottom:32px;display:flex;align-items:center;justify-content:center;gap:12px}.topup-info .icon{color:#555;font-size:20px;flex-shrink:0}.topup-info p{font-family:Libre Baskerville,serif;font-size:13px;color:#555;margin:0;line-height:1.6;text-align:center}.topup-packages{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-bottom:32px;max-width:900px;margin-left:auto;margin-right:auto}.topup-package{position:relative;background:var(--color-bg-primary);border:.5px solid rgba(0,0,0,.05);border-radius:8px;padding:28px 20px;text-align:center;transition:all .2s ease;display:flex;flex-direction:column}.topup-package:hover{box-shadow:0 4px 12px #0000000f}.topup-package.popular{border-color:#1e88e559}.topup-package.popular:before{content:"";position:absolute;inset:-10px;border-radius:13px;background:radial-gradient(60% 60% at 50% -10%,#1e88e52e,#1e88e514 40%,#1e88e500 70%);filter:blur(8px);z-index:-1}.package-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:3px 12px;border-radius:10px;font-family:Montserrat,sans-serif;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.topup-package .card-icon{width:40px;height:40px;color:#555;margin:0 auto 20px;display:block}.topup-package .card-icon path,.topup-package .card-icon circle,.topup-package .card-icon line,.topup-package .card-icon polyline,.topup-package .card-icon polygon{stroke-width:1}.package-credits{font-family:Libre Baskerville,serif;font-size:32px;font-weight:700;color:#222;line-height:1;margin-bottom:4px}.package-credits-label{font-family:Libre Baskerville,serif;font-size:12px;color:#555;margin-bottom:12px}.package-price{font-family:Libre Baskerville,serif;font-size:20px;font-weight:700;color:#222;margin-bottom:4px}.package-rate{font-family:Montserrat,sans-serif;font-size:11px;color:#666}.topup-package-button{width:100%;padding:10px 20px;border:1px solid var(--color-border-lighter);border-radius:8px;background:var(--color-bg-secondary);color:var(--color-text-muted);font-family:Montserrat,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:20px}.topup-package-button:hover:not(:disabled){background:var(--color-bg-primary);border-color:var(--color-border-light);color:var(--color-text-secondary)}.topup-package-button:disabled{opacity:.6;cursor:default}.custom-input-wrapper{margin:0 0 12px}.custom-credits-input{width:100%;padding:12px 16px;border:1px solid var(--color-border-light);border-radius:6px;background:var(--color-bg-primary);font-family:Libre Baskerville,serif;font-size:28px;font-weight:700;color:#222;text-align:center;transition:all .2s ease}.custom-credits-input:focus{outline:none;border-color:#111}.custom-credits-input::placeholder{color:#ccc;font-size:28px;font-weight:700}.custom-credits-label{font-family:Libre Baskerville,serif;font-size:12px;color:#555;text-align:center;margin-top:4px}@media(max-width:1024px){.pricing-tiers{grid-template-columns:repeat(2,minmax(260px,1fr))}}@media(max-width:768px){.checkout-header{flex-direction:column;align-items:flex-start}.checkout-back-button{width:100%;justify-content:center}.checkout-tabs{overflow-x:auto;gap:8px;justify-content:flex-start}.checkout-tab{white-space:nowrap;padding:10px 16px}.pricing-tiers,.topup-packages{grid-template-columns:1fr}.topup-custom-input{flex-direction:column;align-items:stretch}.custom-price{text-align:center}}