:root{--app-bg:#0e1014;--app-surface:#15171d;--app-text:#cdcdde;--app-text-soft:#a1a5b7;--app-text-muted:#7e8299;--app-text-dim:#565674;--app-overlay-sm:rgba(255, 255, 255, 0.07);--app-overlay-xl:rgba(255, 255, 255, 0.1);--app-scrollbar-size:12px;--app-scrollbar-pad:2px;--app-scrollbar-track:rgba(255, 255, 255, 0.07);--app-scrollbar-thumb:rgba(255, 255, 255, 0.45);--app-scrollbar-thumb-hover:rgba(255, 255, 255, 0.65);--app-float-border:rgba(255, 255, 255, 0.22);--app-float-shadow:rgba(0, 0, 0, 0.55)}[data-bs-theme=light]{--app-bg:#f0f2f8;--app-surface:#ffffff;--app-text:#1e2134;--app-text-soft:#4a5170;--app-text-muted:#6b7492;--app-text-dim:#8890a8;--app-overlay-sm:rgba(0, 0, 0, 0.05);--app-overlay-xl:rgba(0, 0, 0, 0.08);--app-scrollbar-track:rgba(0, 0, 0, 0.07);--app-scrollbar-thumb:rgba(0, 0, 0, 0.4);--app-scrollbar-thumb-hover:rgba(0, 0, 0, 0.58);--app-float-border:rgba(0, 0, 0, 0.18);--app-float-shadow:rgba(0, 0, 0, 0.18)}html body *{scrollbar-width:thin;scrollbar-color:var(--app-scrollbar-thumb) var(--app-scrollbar-track)}@supports selector(::-webkit-scrollbar){html body *{scrollbar-width:auto;scrollbar-color:auto}html body ::-webkit-scrollbar{width:var(--app-scrollbar-size);height:var(--app-scrollbar-size)}html body ::-webkit-scrollbar-track{background-color:var(--app-scrollbar-track);border-radius:999px}html body ::-webkit-scrollbar-thumb{background-color:var(--app-scrollbar-thumb);background-clip:padding-box;border:var(--app-scrollbar-pad) solid transparent;border-radius:999px;transition:background-color .15s}html body ::-webkit-scrollbar-thumb:active,html body ::-webkit-scrollbar-thumb:hover{background-color:var(--app-scrollbar-thumb-hover)}html body ::-webkit-scrollbar-corner{background-color:transparent}html body ::-webkit-scrollbar-button{display:none;width:0;height:0}}#message-input,.code-block pre,.msg-bubble table,.tuto-code-body{--app-scrollbar-size:8px;--app-scrollbar-pad:1px}html{height:100vh!important;overflow:hidden!important}body{height:100vh!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;margin:0!important;padding:0!important;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif!important}#sidebar{width:260px;min-width:260px;background:var(--app-surface);display:flex;flex-direction:column;height:100vh;overflow:hidden;border-right:1px solid var(--bs-root-card-border-color);transition:width .25s cubic-bezier(.4, 0, .2, 1),min-width .25s cubic-bezier(.4, 0, .2, 1);position:relative}#sidebar-header{padding:16px 14px 12px;border-bottom:1px solid var(--bs-root-card-border-color);display:flex;flex-direction:column;gap:10px}#logo{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;letter-spacing:-.2px;color:#fff}#logo-img{display:inline-flex;align-items:center;line-height:1;font-weight:700;color:#f3f4f1}#logo-img .ai-icon{color:#0fb37a}#logo-text{flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}#sidebar-toggle{display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:1px solid var(--bs-root-card-border-color);color:var(--app-text-soft);border-radius:6px;width:24px;height:24px;cursor:pointer;flex-shrink:0;padding:0;transition:all .15s;margin-left:auto}#sidebar-toggle:hover{background:rgba(255,255,255,.12);color:#fff}#sidebar-toggle svg{transition:transform .25s}body[data-kt-app-sidebar-minimize=on] #sidebar{width:64px;min-width:64px}body[data-kt-app-sidebar-minimize=on] #sidebar-header{padding:12px 8px}body[data-kt-app-sidebar-minimize=on] #logo-text,body[data-kt-app-sidebar-minimize=on] #new-chat-btn span,body[data-kt-app-sidebar-minimize=on] #sessions-empty,body[data-kt-app-sidebar-minimize=on] #user-bar,body[data-kt-app-sidebar-minimize=on] .session-delete,body[data-kt-app-sidebar-minimize=on] .session-meta,body[data-kt-app-sidebar-minimize=on] .session-rename,body[data-kt-app-sidebar-minimize=on] .session-title,body[data-kt-app-sidebar-minimize=on] .status-label{display:none!important}body[data-kt-app-sidebar-minimize=on] #logo{justify-content:center}body[data-kt-app-sidebar-minimize=on] #logo-img .wm-text{display:none!important}body[data-kt-app-sidebar-minimize=on] #new-chat-btn{padding:8px}body[data-kt-app-sidebar-minimize=on] #status-bar{align-items:center;padding:10px 6px}body[data-kt-app-sidebar-minimize=on] .status-row{justify-content:center}body[data-kt-app-sidebar-minimize=on] .session-item{justify-content:center;padding:8px}body[data-kt-app-sidebar-minimize=on] #sessions-list{display:none!important}body[data-kt-app-sidebar-minimize=on] #sidebar-toggle svg{transform:rotate(180deg)}#sessions-mini{display:none}body[data-kt-app-sidebar-minimize=on] #sessions-mini{display:flex;flex:1;flex-direction:column;align-items:center;padding:6px 0;overflow:visible}.sessions-mini-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:0 0;border:1px solid transparent;border-radius:8px;color:var(--app-text-dim);cursor:pointer;transition:all .15s}.sessions-mini-btn.open,.sessions-mini-btn:hover{background:var(--app-overlay-sm);border-color:var(--bs-root-card-border-color);color:var(--app-text-soft)}.sessions-mini-panel{display:none;position:fixed;width:230px;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:10px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:500;flex-direction:column;gap:2px;max-height:400px;overflow-y:auto}.sessions-mini-panel.open{display:flex}.sessions-mini-label{font-size:10px;color:var(--app-text-dim);text-transform:uppercase;letter-spacing:.5px;padding:4px 10px 8px}.sessions-mini-item{display:flex;align-items:center;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .12s}.sessions-mini-item:hover{background:var(--app-overlay-sm)}.sessions-mini-item.active{background:var(--app-overlay-xl)}.sessions-mini-item-title{font-size:13px;color:var(--app-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sessions-mini-item.active .sessions-mini-item-title{color:#fff}.sessions-mini-empty{font-size:12px;color:var(--app-text-dim);text-align:center;padding:12px 10px 6px;font-style:italic}#new-chat-btn{display:flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,#6173f6,#4f5fe6);color:#fff;border:none;border-radius:11px;padding:8px 12px;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s;width:100%;box-shadow:0 6px 18px rgba(79,95,230,.35)}#new-chat-btn:hover{filter:brightness(1.1)}#sessions-list{flex:1;overflow-y:auto;padding:6px}.session-item{display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:8px;cursor:pointer;transition:background .12s;user-select:none;position:relative}.session-item:hover{background:var(--app-overlay-sm)}.session-item.active{background:var(--app-overlay-xl)}.session-title{flex:1;font-size:14px;color:var(--app-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.session-item.active .session-title{color:#fff}.session-meta{font-size:10px;color:var(--app-text-dim);white-space:nowrap}.session-cost{color:#ffc700}[data-bs-theme=light] .session-cost{color:#b07d00}.session-delete,.session-rename{display:none;background:0 0;border:none;color:var(--app-text-dim);cursor:pointer;padding:2px 4px;border-radius:4px;font-size:16px;line-height:1;flex-shrink:0}.session-delete:hover{color:#f1416c}.session-rename:hover{color:var(--app-text)}.session-item:hover .session-delete,.session-item:hover .session-rename{display:flex;align-items:center}#sessions-empty{text-align:center;color:var(--app-text-dim);font-size:12px;padding:24px 12px}#status-bar{padding:10px 12px;border-top:1px solid var(--bs-root-card-border-color);display:flex;flex-direction:column;gap:6px}.status-row{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--app-text-dim)}.status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--app-text-dim)}.status-dot.ok{background:#50cd89;box-shadow:0 0 5px #50cd89}.status-dot.err{background:#f1416c;box-shadow:0 0 5px #f1416c}.status-dot.warn{background:#ffc700}.status-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-version{align-self:flex-start;margin-left:14px;display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;letter-spacing:.2px;line-height:1;padding:4px 7px;border-radius:6px;cursor:default;white-space:nowrap;font-variant-numeric:tabular-nums}.status-version-icon{flex-shrink:0;color:var(--app-text-dim)}.status-version-text:empty{display:none}.status-version-text:not(:empty)::before{content:"v";opacity:.7;margin-right:2px}.status-version-text.is-label::before{content:none}body[data-kt-app-sidebar-minimize=on] .status-version{display:none}#sidebar-footer{padding:8px 12px 10px;border-top:1px solid var(--bs-root-card-border-color);display:flex;flex-direction:column;gap:6px;font-size:10.5px;line-height:1.45;color:var(--app-text-dim)}.sidebar-footer-text{overflow:hidden}.sidebar-footer-text a{color:#8a8aa8;text-decoration:none;transition:color .15s}.sidebar-footer-text a:hover{color:#c8c8e0}.sidebar-footer-disclaimer{display:block;margin-top:2px;opacity:.8}.sidebar-footer-actions{display:flex;gap:6px}.sidebar-footer-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:4px 8px;border:1px solid var(--bs-root-card-border-color);border-radius:6px;color:#8a8aa8;text-decoration:none;background:0 0;font-size:11px;transition:color .15s,border-color .15s,background .15s}.sidebar-footer-btn:hover{color:var(--app-text);border-color:#3366cf;background:rgba(51,102,207,.08)}.sidebar-footer-prc img{display:block;object-fit:contain}body[data-kt-app-sidebar-minimize=on] #sidebar-footer{padding:8px 6px 10px;align-items:center}body[data-kt-app-sidebar-minimize=on] .sidebar-footer-text{display:none}body[data-kt-app-sidebar-minimize=on] .sidebar-footer-actions{flex-direction:column;width:100%;align-items:center}body[data-kt-app-sidebar-minimize=on] .sidebar-footer-btn{flex:0 0 auto;width:32px;height:32px;padding:0;border-radius:8px}body[data-kt-app-sidebar-minimize=on] .sidebar-footer-btn-label{display:none}#user-bar{display:flex;align-items:center;gap:8px}#user-bar.hidden{display:none}.user-name{font-size:12px;color:var(--app-text-soft);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-btn{background:0 0;border:1px solid var(--bs-root-card-border-color);border-radius:6px;color:var(--app-text-soft);font-size:11px;padding:3px 8px;cursor:pointer;transition:all .15s;font-family:inherit;flex-shrink:0}.logout-btn:hover{color:#f1416c;border-color:#f1416c}#main{flex:1!important;min-width:0;display:flex!important;flex-direction:column!important;overflow:hidden!important;height:100vh!important;height:100dvh!important;position:relative;background:var(--app-bg)}#scroll-bottom-btn{position:absolute;right:0;bottom:calc(100% + 12px);width:38px;height:38px;border-radius:50%;border:1px solid var(--app-float-border);background:var(--app-surface);color:var(--app-text);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s,visibility .18s,transform .18s,background .15s,border-color .15s;z-index:50;box-shadow:0 4px 14px var(--app-float-shadow)}#scroll-bottom-btn.visible{opacity:1;visibility:visible;transform:translateY(0)}#scroll-bottom-btn:hover{background:#3366cf;border-color:#3366cf;color:#fff}#header{display:flex;align-items:center;gap:10px;padding:10px 18px;border-bottom:1px solid var(--bs-root-card-border-color);background:var(--app-surface);min-height:52px;flex-shrink:0}#model-select,#server-select{background:var(--app-surface);color:var(--app-text);border:1px solid var(--bs-root-card-border-color);border-radius:8px;padding:6px 10px;font-size:13px;cursor:pointer;outline:0}#model-select{min-width:200px}#server-select{min-width:160px}#model-select:focus,#server-select:focus{border-color:#3366cf}#model-select option,#server-select option{background:var(--app-surface);color:var(--app-text)}#server-select:disabled{opacity:.5;cursor:default}#header-title{font-size:13px;color:var(--app-text-dim);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#header-right{position:relative;display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0}.credits-widget{display:flex;align-items:center;gap:8px;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px;color:var(--app-text);transition:all .15s;user-select:none}.credits-widget:hover{border-color:#3366cf;color:#fff}.credits-widget .credits-count{color:#fff;font-weight:600}.credits-widget .credits-label{color:var(--app-text-muted);font-size:12px}.credits-widget .credits-coin{color:#ffc700;flex-shrink:0}.credits-widget .credits-caret{color:var(--app-text-muted);margin-left:2px;transition:transform .15s}.credits-widget.open .credits-caret{transform:rotate(180deg)}.credits-menu{position:absolute;top:calc(100% + 6px);right:0;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:10px;min-width:260px;padding:6px;box-shadow:0 10px 30px rgba(0,0,0,.5);z-index:100;display:none}.credits-menu.open{display:block}.credits-menu-header{padding:10px 12px}.credits-menu-title{font-size:11px;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:4px}.credits-hi{color:#fff;font-weight:700}[data-bs-theme=light] .credits-hi{color:#1e2134}.credits-menu-value{font-size:18px;font-weight:600;color:#fff}.credits-menu-value .credits-max{color:var(--app-text-dim);font-weight:400;font-size:14px}.credits-bar{height:4px;background:var(--app-bg);border-radius:2px;margin-top:8px;overflow:hidden}.credits-bar-fill{height:100%;background:linear-gradient(90deg,#3366cf,#50cd89);border-radius:2px;transition:width .3s}.credits-menu-divider{height:1px;background:var(--bs-root-card-border-color);margin:4px 0}.credits-menu-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:6px;cursor:pointer;color:var(--app-text);font-size:13px;transition:background .12s;text-decoration:none}.credits-menu-item:hover{background:rgba(51,102,207,.12);color:#fff}.credits-menu-item svg{color:#3366cf;flex-shrink:0}#credits-page{flex:1;min-height:0;overflow-y:auto;padding:40px 24px;background:var(--app-bg);display:none}#credits-page.visible{display:block}.credits-page-wrap{max-width:960px;margin:0 auto}.credits-page-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}.credits-page-back{display:inline-flex;align-items:center;gap:6px;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);color:var(--app-text-soft);padding:8px 14px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .15s;font-family:inherit}.credits-page-back:hover{border-color:#3366cf;color:#fff}.credits-page h1{font-size:24px;color:#fff;margin:0 0 6px;font-weight:600}.credits-page .credits-page-sub{color:var(--app-text-muted);font-size:14px;margin:0}.credits-summary{background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:12px;padding:20px 24px;margin-bottom:32px;display:flex;align-items:center;gap:20px}.credits-summary-icon{width:44px;height:44px;border-radius:10px;background:rgba(255,199,0,.12);color:#ffc700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.credits-summary-body{flex:1}.credits-summary-body .label{color:var(--app-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px}.credits-summary-body .value{color:#fff;font-size:22px;font-weight:600}.credits-summary-body .value .sep{color:var(--app-text-dim);font-weight:400;font-size:16px}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.plan-card{background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:12px;padding:24px;display:flex;flex-direction:column;position:relative;transition:all .2s}.plan-card:hover{border-color:#3366cf;transform:translateY(-2px)}.plan-card.featured{border-color:#3366cf}.plan-badge{position:absolute;top:-10px;right:16px;background:#3366cf;color:#fff;font-size:10px;padding:3px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.4px}.plan-name{color:#fff;font-size:16px;font-weight:600;margin:0 0 4px}.plan-desc{color:var(--app-text-muted);font-size:12px;margin:0 0 16px}.plan-price{display:flex;align-items:baseline;gap:4px;margin-bottom:16px}.plan-price .amount{font-size:32px;font-weight:700;color:#fff}.plan-price .currency{font-size:16px;color:var(--app-text-muted)}.plan-credits{color:#ffc700;font-size:13px;font-weight:500;margin-bottom:6px;display:flex;align-items:center;gap:6px}.plan-bonus{color:#50cd89;font-size:12px;font-weight:600;margin:0 0 18px}.plan-bonus.none{color:var(--app-text-muted);font-weight:400}.plan-features{list-style:none;padding:0;margin:0 0 20px;flex:1}.plan-features li{color:var(--app-text-soft);font-size:13px;padding:5px 0;display:flex;align-items:center;gap:8px}.plan-features li svg{color:#50cd89;flex-shrink:0}.plan-buy{width:100%;padding:10px;border-radius:8px;border:none;background:var(--app-surface);color:var(--app-text);border:1px solid var(--bs-root-card-border-color);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.plan-buy:hover{background:#3366cf;color:#fff;border-color:#3366cf}.plan-card.featured .plan-buy{background:#3366cf;color:#fff;border-color:#3366cf}.plan-card.featured .plan-buy:hover{background:#2855b0;border-color:#2855b0}.sessions-load-more,.sessions-view-all{display:block;width:100%;background:rgba(51,102,207,.12);border:1px solid rgba(51,102,207,.3);color:#6e9bf2;font-size:12px;font-weight:500;text-align:center;padding:8px 10px;margin-top:4px;border-radius:8px;cursor:pointer;font-family:inherit;transition:all .12s}.sessions-load-more:hover,.sessions-view-all:hover{background:#3366cf;border-color:#3366cf;color:#fff}.sessions-load-more:disabled{opacity:.6;cursor:default}[data-bs-theme=light] .sessions-load-more,[data-bs-theme=light] .sessions-view-all{background:rgba(51,102,207,.08);border-color:rgba(51,102,207,.35);color:#3366cf}[data-bs-theme=light] .sessions-load-more:hover,[data-bs-theme=light] .sessions-view-all:hover{background:#3366cf;border-color:#3366cf;color:#fff}#all-sessions-page{flex:1;min-height:0;overflow-y:auto;padding:40px 24px;background:var(--app-bg);display:none}#all-sessions-page.visible{display:block}.all-sessions-wrap{max-width:720px;margin:0 auto}.all-sessions-header{display:flex;align-items:center;gap:12px;margin-bottom:28px}#all-sessions-page h1{font-size:24px;color:#fff;margin:0 0 20px;font-weight:600}#all-sessions-list{display:flex;flex-direction:column;gap:4px}#all-sessions-list .session-item{background:var(--app-surface);border:1px solid var(--bs-root-card-border-color)}#all-sessions-list .session-item .session-delete,#all-sessions-list .session-item .session-rename{display:flex;align-items:center}#all-sessions-list .session-title{font-size:15px}#all-sessions-list .session-meta{font-size:12px}.all-sessions-show-more{display:block;margin:20px auto 0;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);color:var(--app-text-soft);padding:8px 18px;border-radius:8px;cursor:pointer;font-size:13px;transition:all .15s;font-family:inherit}.all-sessions-show-more:hover{border-color:#3366cf;color:#fff}#messages{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;padding:0 0;display:flex!important;flex-direction:column!important;gap:0;background:var(--app-bg)}.msg-row{padding:4px 0;display:flex;flex-direction:column}.msg-row.user{align-items:flex-end}.msg-row.assistant{align-items:flex-start}.msg-row.user .msg-bubble{max-width:min(72%,780px);padding:12px 16px;border-radius:12px 12px 4px 12px;line-height:1.65;font-size:16px;background:#1c2a42;border:1px solid #2d3d60;color:#c5d8f5;margin-right:18px;white-space:pre-wrap;overflow-wrap:anywhere}.msg-row.assistant .msg-bubble{background:0 0;border-radius:0;color:var(--app-text);width:100%;max-width:100%;padding:14px 32px 14px 24px;line-height:1.65;font-size:16px;border-bottom:1px solid var(--bs-root-card-border-color)}.msg-row.assistant:last-child .msg-bubble{border-bottom:none}.msg-content-wrapper{width:100%;min-width:0;max-width:100%}.msg-row{max-width:100%}.msg-row.assistant .msg-bubble{overflow-wrap:anywhere}.credits-alert-row{align-items:stretch!important;padding:10px 0!important}.credits-alert{display:flex;gap:16px;align-items:flex-start;width:100%;max-width:720px;margin:0 auto;padding:20px 22px;background:rgba(255,199,0,.06);border:1px solid rgba(255,199,0,.28);border-radius:14px;box-shadow:0 1px 0 rgba(0,0,0,.2) inset}.credits-alert-icon{flex-shrink:0;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#ffc700;background:rgba(255,199,0,.12);border:1px solid rgba(255,199,0,.28)}.credits-alert-body{flex:1;min-width:0}.credits-alert-title{margin:2px 0 6px;font-size:16px;font-weight:600;color:#f5e7a8;letter-spacing:-.1px}.credits-alert-text{margin:0 0 14px;font-size:13.5px;line-height:1.55;color:#b8b8c8}.credits-alert-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-credits-topup{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#ffc700;color:var(--app-surface);border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform 50ms}.btn-credits-topup:hover{background:#ffd530}.btn-credits-topup:active{transform:translateY(1px)}.credits-alert-link{font-size:12.5px;color:#8a8aa8;text-decoration:none;transition:color .15s}.credits-alert-link:hover{color:var(--app-text);text-decoration:underline}@media (max-width:560px){.credits-alert{flex-direction:column;align-items:stretch;gap:12px;padding:18px}.credits-alert-icon{width:44px;height:44px}}.conv-card-row{align-items:stretch!important;padding:8px 0!important}.conv-card{position:relative;display:flex;gap:14px;align-items:flex-start;width:100%;max-width:720px;margin:0 auto;padding:16px 18px;background:rgba(0,158,247,.05);border:1px solid rgba(0,158,247,.24);border-radius:14px}.conv-card-icon{flex-shrink:0;width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#009ef7;background:rgba(0,158,247,.1);border:1px solid rgba(0,158,247,.24)}.conv-card-body{flex:1;min-width:0}.conv-card-title{margin:2px 0 6px;padding-right:22px;font-size:15px;font-weight:600;color:var(--app-text);letter-spacing:-.1px}.conv-card-text{margin:0 0 6px;font-size:13.5px;line-height:1.55;color:var(--app-text-soft)}.conv-card-tip{margin:0 0 12px;font-size:12.5px;line-height:1.5;color:var(--app-text-muted)}.conv-card-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.btn-conv-card{display:inline-flex;align-items:center;gap:6px;padding:7px 13px;background:0 0;color:#009ef7;border:1px solid rgba(0,158,247,.45);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,transform 50ms}.btn-conv-card:hover{background:rgba(0,158,247,.12)}.btn-conv-card:active{transform:translateY(1px)}.conv-card-dismiss{position:absolute;top:10px;right:12px;display:flex;align-items:center;justify-content:center;padding:4px;background:0 0;border:none;border-radius:6px;color:var(--app-text-dim);cursor:pointer;transition:color .15s,background .15s}.conv-card-dismiss:hover{color:var(--app-text);background:var(--app-overlay-sm)}@media (max-width:560px){.conv-card{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.conv-card-icon{width:38px;height:38px}}.msg-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;margin:0 6px}.msg-row.user .msg-avatar{background:#3366cf;color:#fff}.msg-row.assistant .msg-avatar{background:var(--app-surface);color:var(--app-text-muted);border:1px solid var(--bs-root-card-border-color)}.msg-header{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:0 24px}.msg-role-label{font-size:12px;font-weight:600;color:var(--app-text-dim)}.msg-bubble p{margin-bottom:10px}.msg-bubble p:last-child{margin-bottom:0}.stream-cursor{display:inline-block;width:2px;height:1.05em;margin-left:2px;vertical-align:text-bottom;background:#3366cf;border-radius:1px;animation:stream-blink 1.05s steps(1) infinite}@keyframes stream-blink{0%,50%{opacity:1}100%,50.01%{opacity:0}}@media (prefers-reduced-motion:reduce){.stream-cursor{animation:none}}.msg-bubble ol,.msg-bubble ul{padding-left:20px;margin-bottom:10px}.msg-bubble li{margin-bottom:4px}.msg-bubble a{color:#3366cf}.msg-bubble strong{color:inherit}.msg-bubble :not(pre)>code{background:rgba(51,102,207,.12);color:#7eb3f5;border:1px solid rgba(51,102,207,.25);border-radius:5px;padding:1px 7px;font-family:Consolas,"Cascadia Code","Fira Code",monospace;font-size:.87em;white-space:pre-wrap;overflow-wrap:anywhere}.code-block{border-radius:8px;overflow:hidden;border:1px solid var(--bs-root-card-border-color);margin:10px 0;font-size:13px}.code-header{background:#1a1a2d;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-bottom:1px solid var(--bs-root-card-border-color)}.code-lang{font-size:11px;color:#3366cf;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.code-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.code-pill svg{flex:none}.code-pill-indicator{color:#009ef7;background:rgba(0,158,247,.13)}.code-pill-strategy{color:#50cd89;background:rgba(80,205,137,.13)}.code-pill-screener{color:#ffc700;background:rgba(255,199,0,.13)}.code-pill-none{color:var(--app-text-muted);background:rgba(126,130,153,.12);padding:3px 10px}.copy-btn{border:0;padding:calc(.775rem + 1px) calc(1.5rem + 1px)!important;background-color:var(--bs-primary-active)!important;color:var(--bs-primary-inverse)!important;border-radius:8px!important;box-shadow:none!important;margin:6px 12px!important;font-size:11px;cursor:pointer;transition:opacity .15s;position:relative;z-index:2;pointer-events:all}.copy-btn:hover{opacity:.85}.copy-btn.copied{opacity:.7}.code-block pre{margin:0!important;padding:14px 16px!important;overflow-x:auto;background:#1d1f23!important;border:none!important;border-radius:0!important;box-shadow:none!important}.code-block code{font-family:Consolas,"Cascadia Code","Fira Code",monospace;font-size:13px;color:#fff;background:0 0!important;text-shadow:none!important}.tool-events{padding:4px 24px 6px;display:flex;flex-direction:column;gap:4px}.tool-pill{display:inline-flex;align-items:center;gap:6px;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:20px;padding:4px 12px;font-size:11px;color:var(--app-text-muted);cursor:pointer;transition:all .12s;max-width:fit-content}.tool-pill:hover{border-color:#3366cf;color:var(--app-text)}.tool-name{color:#3366cf;font-weight:600;font-family:monospace}.tool-args{font-size:10px;color:var(--app-text-dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.tool-detail{display:none;background:#1d1f23;color:var(--app-text-muted);border:1px solid var(--bs-root-card-border-color);border-radius:8px;padding:10px 14px;margin:4px 0 4px 12px;font-size:11px;font-family:Consolas,monospace;white-space:pre-wrap;word-break:break-word;max-height:160px;overflow-y:auto}.tool-detail.open{display:block}.msg-usage{font-size:10px;color:var(--app-text-dim);padding:4px 24px 10px;display:flex;gap:10px;align-items:center}.usage-cost{color:#ffc700}.usage-free{color:#50cd89}#typing-indicator{display:none;padding:14px 24px;align-items:flex-start;gap:10px;border-bottom:1px solid var(--bs-root-card-border-color)}#typing-indicator.visible{display:flex}.typing-dots{display:flex;gap:4px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#3366cf;animation:bounce 1.2s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.15s}.typing-dot:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,100%,60%{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:1}}.typing-tool{font-size:13px;color:#3366cf;font-weight:500;min-height:18px}.typing-tool.in{animation:typing-step-in .25s ease-out}.typing-body{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1}.typing-current{display:flex;align-items:center;gap:10px;min-height:18px}.typing-steps{display:flex;flex-direction:column;gap:3px}.typing-step{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--app-text-muted);animation:typing-step-in .25s ease-out}.typing-step::before{content:"✓";color:#50cd89;font-weight:700}@keyframes typing-step-in{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.typing-progress{display:none;font-size:12.5px;line-height:1.45;font-style:italic;color:var(--app-text-muted);overflow:hidden;max-width:62ch}.typing-progress.visible{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#input-area{position:relative;padding:12px 18px 16px;border-top:1px solid var(--bs-root-card-border-color);background:var(--app-surface);flex-shrink:0}#input-wrap{display:flex;gap:10px;align-items:flex-end;background:var(--app-surface);border:1px solid rgba(97,115,246,.3);border-radius:15px;padding:10px 10px 10px 18px;transition:border-color .15s,box-shadow .15s;box-shadow:0 0 0 4px rgba(97,115,246,.07)}#input-wrap:focus-within{border-color:rgba(97,115,246,.55);box-shadow:0 0 0 4px rgba(97,115,246,.13)}#message-input{flex:1;background:0 0;border:none;outline:0;color:var(--app-text);font-size:14px;resize:none;max-height:180px;line-height:1.55;font-family:inherit;overflow-y:auto}#message-input::placeholder{color:var(--app-text-dim)}#send-btn{background:linear-gradient(180deg,#6173f6,#4f5fe6);border:none;border-radius:11px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;flex-shrink:0;transition:filter .15s,opacity .15s;box-shadow:0 6px 16px rgba(79,95,230,.4)}#send-btn:hover{filter:brightness(1.1)}#send-btn:disabled{opacity:.4;cursor:default}#input-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:5px;min-height:13px}#input-hint{font-size:10px;color:var(--app-text-dim);text-align:right;margin-left:auto}#input-counter{font-size:10px;color:var(--app-text-dim);font-variant-numeric:tabular-nums}#input-counter.over{color:var(--bs-danger);font-weight:600}#input-wrap.limit-flash{animation:input-limit-flash .9s ease-out}@keyframes input-limit-flash{0%,100%{border-color:rgba(97,115,246,.3);box-shadow:0 0 0 4px rgba(97,115,246,.07)}15%,60%{border-color:var(--bs-danger);box-shadow:0 0 0 4px rgba(241,65,108,.18)}}@media (prefers-reduced-motion:reduce){#input-wrap.limit-flash{animation:none;border-color:var(--bs-danger)}}#app-loader{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at center,var(--app-surface) 0,var(--app-bg) 70%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;transition:opacity .4s ease,visibility .4s}#app-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-logo{width:72px;height:72px;border-radius:16px;animation:loaderPulse 2s ease-in-out infinite;box-shadow:0 0 40px rgba(51,102,207,.35)}@keyframes loaderPulse{0%,100%{transform:scale(1);box-shadow:0 0 40px rgba(51,102,207,.35)}50%{transform:scale(1.06);box-shadow:0 0 60px rgba(51,102,207,.6)}}.loader-spinner{width:44px;height:44px;border-radius:50%;border:3px solid rgba(51,102,207,.15);border-top-color:#3366cf;animation:loaderSpin .9s linear infinite}@keyframes loaderSpin{to{transform:rotate(360deg)}}.loader-text{color:var(--app-text-muted);font-size:13px;letter-spacing:.4px;text-transform:uppercase}.loader-subtitle{color:var(--app-text-dim);font-size:12px;letter-spacing:.3px;margin-top:-14px}#empty-state{display:none!important;flex:1 0 auto;flex-direction:column;align-items:stretch;justify-content:center;padding:48px 52px;overflow:hidden;position:relative;background:radial-gradient(700px 440px at 50% 10%,rgba(70,90,200,.16),transparent 60%),radial-gradient(640px 540px at 100% 100%,rgba(120,70,180,.13),transparent 60%),radial-gradient(520px 380px at 0 30%,rgba(54,207,143,.07),transparent 60%)}#empty-state.visible{display:flex!important}#empty-state::after,#empty-state::before{content:"";position:absolute;border-radius:50%;filter:blur(90px);opacity:.28;pointer-events:none;z-index:0}#empty-state::before{width:520px;height:520px;background:radial-gradient(circle,#3366cf 0,transparent 70%);top:-160px;left:-160px;animation:blobFloat1 16s ease-in-out infinite alternate}#empty-state::after{width:460px;height:460px;background:radial-gradient(circle,#7f5af0 0,transparent 70%);bottom:-160px;right:-140px;animation:blobFloat2 20s ease-in-out infinite alternate}@keyframes blobFloat1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(80px,60px) scale(1.15)}}@keyframes blobFloat2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-70px,-50px) scale(1.1)}}.es-grid{max-width:1120px;margin:0 auto;width:100%;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center;position:relative;z-index:1}.es-left,.es-right{min-width:0;overflow:hidden}.es-badge{display:inline-flex;align-items:center;gap:9px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09)}.es-badge-label{font-size:13px;letter-spacing:.02em;color:#8b93a4}.es-badge-brand{display:inline-flex;align-items:center}.es-badge-logo{display:block;width:auto;height:18px}[data-bs-theme=light] .es-badge-logo{content:url("/static/prorealtime-logo-black.svg")}.es-h1{margin:22px 0 0;font-size:52px;font-weight:800;letter-spacing:-.03em;line-height:1.04;color:#f3f6fb}.es-accent{color:#36cf8f}.es-sub{margin:22px 0 0;font-size:18px;line-height:1.65;color:#9aa3b5;max-width:100%}.es-chips{margin-top:28px;display:flex;gap:10px;flex-wrap:wrap}.es-chip{flex:1 1 0;min-width:190px;display:inline-flex;align-items:center;gap:10px;padding:13px 17px;border-radius:13px;cursor:pointer;background:rgba(255,255,255,.028);border:1px solid rgba(255,255,255,.075);color:#cdd4e0;font-size:14.5px;font-weight:500;font-family:inherit;text-align:left;transition:all .15s}.es-chip:hover{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.05);transform:translateY(-1px)}.es-chip-icon{flex-shrink:0}.es-chip-green .es-chip-icon{color:#36cf8f}.es-chip-indigo .es-chip-icon{color:#6f8df0}.es-chip-amber .es-chip-icon{color:#e8b24a}.es-howto{margin-top:14px;display:inline-flex;align-items:center;gap:7px;padding:0;background:0 0;border:none;color:var(--app-text-muted);font-family:inherit;font-size:13.5px;font-weight:500;cursor:pointer;transition:color .15s}.es-howto:hover{color:var(--app-text)}.es-howto svg{color:#6f8df0;flex-shrink:0}.es-credits-callout{margin-top:22px;max-width:100%;display:flex;align-items:center;gap:13px;padding:14px 15px 14px 17px;border-radius:14px;background:rgba(232,178,74,.055);border:1px solid rgba(232,178,74,.18)}.es-credits-icon{color:#e8b24a;flex-shrink:0;display:flex}.es-credits-body{flex:1;min-width:0}.es-credits-line1{font-size:14px;color:#e6eaf2;font-weight:600}.es-credits-line1 #hero-credits-count{color:#f0d79a}.es-credits-line2{font-size:12px;color:#8b7e57;margin-top:3px;line-height:1.4}.es-buy-btn{padding:9px 16px;border-radius:9px;background:linear-gradient(180deg,#efc468,#e2b24a);color:#33280c;font-weight:700;font-size:13px;cursor:pointer;text-decoration:none;flex-shrink:0;font-family:inherit;transition:filter .15s;text-align:center}.es-buy-btn:hover{filter:brightness(1.08);color:#33280c}.es-login-link{font-size:12.5px;color:#a07840;font-weight:600;cursor:pointer;text-decoration:none;transition:color .15s;text-align:center;max-width:100px;word-break:break-word}.es-login-link:hover{color:#e8b24a}.es-credits-callout.is-empty{background:rgba(241,65,108,.07);border-color:rgba(241,65,108,.32)}.es-credits-callout.is-empty .es-credits-icon{color:#f1416c}.es-credits-callout.is-empty .es-credits-line1 #hero-credits-count{color:#ff8fa8}.es-credits-callout.is-empty .es-credits-line2{color:#b9808f}.es-credits-callout.is-empty .es-buy-btn{background:linear-gradient(180deg,#f4577d,#e13a63);color:#fff}.es-prompt-bubble{display:inline-flex;align-items:center;gap:9px;padding:9px 15px;border-radius:11px;background:rgba(97,115,246,.1);border:1px solid rgba(97,115,246,.22);margin-bottom:14px}.es-prompt-bubble span{font-size:14px;color:#c2cbe6}.es-prompt-bubble span::before{content:'"'}.es-prompt-bubble span::after{content:'"'}.es-down-arrow{display:flex;justify-content:center;margin:2px 0 12px;color:#3f4a63}.es-code-card{border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#0a0e16;box-shadow:0 24px 56px rgba(0,0,0,.45);position:relative}.es-code-titlebar{display:flex;align-items:center;gap:8px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.018)}.es-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.es-code-filename{margin-left:6px;font-family:Consolas,"Courier New",monospace;font-size:12px;color:#6b7488}.es-code-generated{margin-left:auto;font-size:11px;color:#36cf8f;display:flex;align-items:center;gap:5px}.es-gen-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#36cf8f;box-shadow:0 0 8px #36cf8f}.es-code-body{margin:0;padding:14px 16px 0;font-family:Consolas,"Courier New",monospace;font-size:11px;line-height:1.68;white-space:pre;color:#cdd4e0;max-height:370px;overflow:hidden;display:block}.es-code-card::after{content:"";position:absolute;bottom:0;left:0;right:0;height:96px;background:linear-gradient(to bottom,transparent 0,#0a0e16 72%,#0a0e16 100%);pointer-events:none}.es-ln{color:#3c4456;user-select:none;margin-right:16px;display:inline-block}@media (max-width:900px){.es-grid{grid-template-columns:1fr;gap:32px}.es-right{display:none}#empty-state{padding:32px 24px}.es-h1{font-size:36px}.es-sub{font-size:16px}.es-credits-callout{flex-wrap:wrap;row-gap:10px}}@media (max-width:600px){#empty-state{padding:24px 16px}.es-badge{padding:5px 11px;gap:7px}.es-badge-brand,.es-badge-label{font-size:12px}.es-h1{font-size:30px;margin-top:16px;letter-spacing:-.02em}.es-sub{font-size:15px;margin-top:16px}.es-chips{flex-direction:column;gap:8px}.es-chip{flex:none;width:100%;min-width:0}.es-credits-callout{flex-wrap:wrap;column-gap:10px;row-gap:10px}.es-credits-body{flex:1 1 calc(100% - 42px)}.es-buy-btn{flex:1 1 auto}.es-login-link{flex:1 1 auto;max-width:none;text-align:center}#guest-panel{margin-top:16px}.es-guest-cta{padding:14px 16px;gap:12px}.es-guest-cta-icon{display:none}.es-guest-cta-body{min-width:0}.es-guest-cta-actions{width:100%;flex-direction:column;gap:8px}.es-guest-register,.es-guest-signin{width:100%;padding:11px;text-align:center;white-space:normal;box-sizing:border-box}}@media (max-width:440px){#empty-state{padding:20px 14px}.es-h1{font-size:26px}.es-chip{font-size:13.5px;padding:11px 14px}.es-credits-line1{font-size:13px}.es-credits-line2{font-size:11.5px}}.msg-rating{display:flex;align-items:center;gap:6px;padding:2px 24px 10px}.rate-btn{background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:6px;color:var(--app-text-dim);cursor:pointer;font-size:15px;padding:2px 8px;transition:all .15s;line-height:1.5}.msg-rating.pulse:not(.voted) .rate-btn{animation:rate-pulse 2.5s ease-in-out infinite}@keyframes rate-pulse{0%,100%{box-shadow:0 0 6px 0 rgba(51,102,207,.15);border-color:var(--bs-root-card-border-color)}50%{box-shadow:0 0 12px 2px rgba(51,102,207,.35);border-color:rgba(51,102,207,.55)}}.msg-rating.pulse:not(.voted):hover .rate-btn{animation:none}.rate-btn:hover{animation:none;border-color:#3366cf;box-shadow:0 0 10px 0 rgba(51,102,207,.4)}@media (prefers-reduced-motion:reduce){.msg-rating.pulse:not(.voted) .rate-btn{animation:none;box-shadow:0 0 8px 0 rgba(51,102,207,.22)}}.rate-btn.good.selected{background:rgba(80,205,137,.12);border-color:#50cd89}.rate-btn.bad.selected{background:rgba(241,65,108,.12);border-color:#f1416c}.rate-label{font-size:10px;color:var(--app-text-dim)}#app-overlay,#auth-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1000}#app-overlay.hidden,#auth-overlay.hidden{display:none}.auth-tabs{display:flex;border:1px solid var(--bs-root-card-border-color);border-radius:8px;overflow:hidden}.auth-tab{flex:1;padding:8px;text-align:center;font-size:13px;font-weight:500;cursor:pointer;background:0 0;border:none;color:var(--app-text-muted);transition:all .15s;font-family:inherit}.auth-tab.active{background:#3366cf;color:#fff}.auth-error{font-size:12px;color:#f1416c;text-align:center;min-height:14px}.swal2-container .swal2-popup{background:var(--app-surface)!important;color:var(--app-text)!important;border:1px solid var(--bs-root-card-border-color)!important;border-radius:10px!important}.swal2-container .swal2-title{color:#fff!important}.swal2-container .swal2-content,.swal2-container .swal2-html-container{color:var(--app-text-soft)!important}.swal2-container .swal2-close{color:var(--app-text-muted)!important}.swal2-container .swal2-close:hover{color:#fff!important}.swal2-container .swal2-actions{gap:8px}.swal2-container .swal2-input,.swal2-container .swal2-select,.swal2-container .swal2-textarea{background:var(--app-bg)!important;color:var(--app-text)!important;border:1px solid var(--bs-root-card-border-color)!important;box-shadow:none!important}.swal2-container .swal2-timer-progress-bar{background:#3366cf!important}.swal2-container .path-hint .swal2-html-container{display:flex;flex-direction:column;align-items:center;gap:16px;margin:6px 0 0}.path-hint .path-dest{align-self:center;margin-bottom:12px}.path-hint .path-steps{width:100%;display:flex;flex-direction:column;gap:8px}.path-hint .path-step{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:8px;text-align:left;font-size:13px;line-height:1.5;color:var(--app-text);background:var(--app-bg);border:1px solid var(--bs-root-card-border-color)}.path-hint .path-n{flex:none;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff;background:#3366cf}.swal2-container .path-hint .swal2-checkbox{background:0 0!important;margin:4px 0 0;font-size:12px;color:var(--app-text-muted)!important}.swal2-container .path-hint .swal2-checkbox input{accent-color:#3366cf;margin-right:7px}.swal2-container .rate-reason-popup .swal2-html-container{margin:10px 0 0;text-align:left}.rate-reasons{display:flex;flex-direction:column;gap:6px}.rate-reason{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13px;line-height:1.5;color:var(--app-text);background:var(--app-bg);border:1px solid var(--bs-root-card-border-color);cursor:pointer;transition:all .15s}.rate-reason:hover{border-color:#3366cf}.rate-reason input{flex:none;margin:0;accent-color:#3366cf}.rate-reason:has(input:checked){border-color:#3366cf;background:rgba(51,102,207,.12)}.swal2-container .rate-reason-popup .swal2-textarea.rate-reason-details{display:flex;width:100%;height:74px;margin:10px 0 0;padding:8px 10px;font-size:13px;line-height:1.5;resize:none}.swal2-container .rate-reason-popup .swal2-validation-message{background:0 0!important;color:#f1416c!important;font-size:12px}.swal2-container .swal2-backdrop-show{background:rgba(0,0,0,.55)!important}#guest-panel{width:100%;max-width:1120px;margin:24px auto 0;position:relative;z-index:1;animation:fadeUpIn .5s cubic-bezier(.16,1,.3,1) forwards}.es-guest-cta{display:flex;align-items:center;gap:16px;padding:18px 22px;border-radius:16px;background:linear-gradient(135deg,rgba(97,115,246,.1) 0,rgba(79,95,230,.06) 100%);border:1px solid rgba(97,115,246,.22);flex-wrap:wrap}.es-guest-cta-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:rgba(97,115,246,.12);border:1px solid rgba(97,115,246,.2);color:#8ea0f7;flex-shrink:0}.es-guest-cta-body{flex:1;min-width:180px}.es-guest-cta-title{font-size:15px;font-weight:700;color:#dde2f0}.es-guest-cta-sub{font-size:13px;color:#8b93a4;margin-top:2px;line-height:1.4}.es-guest-cta-sub b{color:#a8b4ff;font-weight:600}.es-guest-cta-actions{display:flex;gap:10px;flex-shrink:0;flex-wrap:wrap}.es-guest-signin{padding:10px 20px;border-radius:10px;border:none;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:700;color:#fff;background:linear-gradient(180deg,#6173f6,#4f5fe6);box-shadow:0 4px 14px rgba(79,95,230,.4);transition:filter .15s;white-space:nowrap}.es-guest-signin:hover{filter:brightness(1.1)}.es-guest-register{padding:10px 20px;border-radius:10px;border:1px solid rgba(97,115,246,.3);cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:600;color:#a8b4ff;background:rgba(97,115,246,.07);transition:all .15s;white-space:nowrap}.es-guest-register:hover{border-color:rgba(97,115,246,.55);background:rgba(97,115,246,.13);color:#c4ceff}@keyframes fadeUpIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}#theme-btn{width:36px;height:36px;border-radius:50%;background:0 0;border:1px solid rgba(255,255,255,.08);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--app-text-soft);transition:all .15s;flex-shrink:0}#help-btn:hover,#theme-btn:hover{background:var(--app-overlay-sm);color:#fff}#help-btn{width:36px;height:36px;border-radius:50%;background:0 0;border:1px solid rgba(255,255,255,.08);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--app-text-soft);transition:all .15s;flex-shrink:0}[data-bs-theme=light] #app-loader{background:radial-gradient(ellipse at center,#fff 0,#f0f2f8 70%)}[data-bs-theme=light] #sidebar{background:#f4f6fb}[data-bs-theme=light] #logo{color:var(--app-text)}[data-bs-theme=light] #logo-img{color:#16150f}[data-bs-theme=light] #logo-img .ai-icon{color:#0a8c60}[data-bs-theme=light] #sidebar-toggle{background:rgba(0,0,0,.04);color:var(--app-text-soft)}[data-bs-theme=light] #sidebar-toggle:hover{background:rgba(0,0,0,.08);color:var(--app-text)}[data-bs-theme=light] .sessions-mini-btn.open,[data-bs-theme=light] .sessions-mini-btn:hover{background:rgba(0,0,0,.06)}[data-bs-theme=light] .sessions-mini-panel{background:#f4f6fb;box-shadow:0 10px 30px rgba(0,0,0,.12)}[data-bs-theme=light] .sessions-mini-item-title{color:var(--app-text-soft)}[data-bs-theme=light] .sessions-mini-item.active .sessions-mini-item-title{color:var(--app-text)}[data-bs-theme=light] .session-item.active .session-title{color:var(--app-text)}[data-bs-theme=light] #model-select,[data-bs-theme=light] #server-select{background:#fff;color:var(--app-text)}[data-bs-theme=light] #model-select option,[data-bs-theme=light] #server-select option{background:#fff;color:var(--app-text)}[data-bs-theme=light] #lang-toggle{border-color:rgba(0,0,0,.12)!important;color:var(--app-text-soft)!important}[data-bs-theme=light] #lang-toggle:hover{background:rgba(0,0,0,.04)!important}[data-bs-theme=light] #help-btn,[data-bs-theme=light] #theme-btn{border-color:rgba(0,0,0,.12);color:var(--app-text-soft)}[data-bs-theme=light] #help-btn:hover,[data-bs-theme=light] #theme-btn:hover{background:rgba(0,0,0,.05);color:var(--app-text)}[data-bs-theme=light] .credits-widget{background:#fff;color:var(--app-text)}[data-bs-theme=light] .credits-widget .credits-count{color:var(--app-text)}[data-bs-theme=light] .credits-menu{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12)}[data-bs-theme=light] .credits-menu-item{color:var(--app-text)}[data-bs-theme=light] .credits-menu-item:hover{color:var(--app-text)}[data-bs-theme=light] .credits-menu-value{color:var(--app-text)}[data-bs-theme=light] .credits-bar{background:#e0e4ef}[data-bs-theme=light] .credits-page-back{background:#fff;color:var(--app-text-soft)}[data-bs-theme=light] .credits-page h1{color:var(--app-text)}[data-bs-theme=light] #all-sessions-page h1{color:var(--app-text)}[data-bs-theme=light] #all-sessions-list .session-item{background:#fff}[data-bs-theme=light] .all-sessions-show-more:hover{color:var(--app-text)}[data-bs-theme=light] .credits-summary{background:#fff}[data-bs-theme=light] .credits-summary-body .value{color:var(--app-text)}[data-bs-theme=light] .plan-card{background:#fff}[data-bs-theme=light] .plan-name{color:var(--app-text)}[data-bs-theme=light] .plan-price .amount{color:var(--app-text)}[data-bs-theme=light] .plan-buy{background:#fff;color:var(--app-text)}[data-bs-theme=light] .msg-row.user .msg-bubble{background:#e8f0ff;border-color:#b8ccf5;color:#1a3a7d}[data-bs-theme=light] .msg-row.assistant .msg-bubble{color:var(--app-text)}[data-bs-theme=light] .msg-bubble :not(pre)>code{background:rgba(51,102,207,.1);color:#2855b0;border-color:rgba(51,102,207,.2)}[data-bs-theme=light] .msg-row.assistant .msg-avatar{background:#eef0f8;color:var(--app-text-muted)}[data-bs-theme=light] .code-block pre{background:#fff!important}[data-bs-theme=light] .code-block code{color:#1e2134!important}[data-bs-theme=light] .code-block{border:1px solid #d0d7e0}[data-bs-theme=light] .code-header{background:#f4f6f8;border-bottom-color:#d0d7e0}[data-bs-theme=light] .code-pill-indicator{color:#0a6fa8;background:rgba(0,158,247,.12)}[data-bs-theme=light] .code-pill-strategy{color:#237a4f;background:rgba(80,205,137,.18)}[data-bs-theme=light] .code-pill-screener{color:#7a5e00;background:rgba(255,199,0,.22)}[data-bs-theme=light] .code-pill-none{color:#5e6278;background:rgba(126,130,153,.14)}[data-bs-theme=light] .tuto-dest-row .tuto-code-pill{color:#0a6fa8;background:rgba(0,158,247,.12)}[data-bs-theme=light] .tuto-dest-row .tuto-code-pill-strategy{color:#237a4f;background:rgba(80,205,137,.18)}[data-bs-theme=light] .tuto-dest-row .tuto-code-pill-screener{color:#7a5e00;background:rgba(255,199,0,.22)}[data-bs-theme=light] .tool-detail{background:#fff;color:var(--app-text-muted)}[data-bs-theme=light] .tool-pill{background:#fff;color:var(--app-text-muted)}[data-bs-theme=light] .rate-btn{background:#fff}[data-bs-theme=light] .chip{background:rgba(255,255,255,.85);color:var(--app-text-soft)}[data-bs-theme=light] .chip:hover{color:var(--app-text);background:rgba(51,102,207,.1)}[data-bs-theme=light] .es-h1{color:#1e2134}[data-bs-theme=light] .es-accent{color:#13b377}[data-bs-theme=light] .es-sub{color:#4a5170}[data-bs-theme=light] .es-badge{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.1)}[data-bs-theme=light] .es-badge-label{color:#6b7280}[data-bs-theme=light] .es-badge-brand{color:#1e2134}[data-bs-theme=light] .es-chip{background:rgba(255,255,255,.85);border-color:rgba(0,0,0,.1);color:#374151}[data-bs-theme=light] .es-chip:hover{background:rgba(97,115,246,.08);border-color:rgba(97,115,246,.3)}[data-bs-theme=light] .es-credits-callout{background:#fff8dd;border-color:rgba(246,192,0,.45)}[data-bs-theme=light] .es-credits-icon{color:#f6c000}[data-bs-theme=light] .es-credits-line1{color:#3f4254}[data-bs-theme=light] .es-credits-line1 #hero-credits-count{color:#b8860b}[data-bs-theme=light] .es-credits-line2{color:#7e8299}[data-bs-theme=light] .es-credits-callout.is-empty{background:#fff5f8;border-color:rgba(241,65,108,.4)}[data-bs-theme=light] .es-credits-callout.is-empty .es-credits-icon{color:#f1416c}[data-bs-theme=light] .es-credits-callout.is-empty .es-credits-line1 #hero-credits-count{color:#d9214e}[data-bs-theme=light] .es-credits-callout.is-empty .es-credits-line2{color:#9a6b78}[data-bs-theme=light] .es-login-link{color:#b07d10}[data-bs-theme=light] .es-login-link:hover{color:#916509}[data-bs-theme=light] .es-prompt-bubble span{color:#374151}[data-bs-theme=light] .es-code-card{background:#f4f6fa;border-color:rgba(0,0,0,.1);box-shadow:0 4px 20px rgba(0,0,0,.08)}[data-bs-theme=light] .es-code-card::after{background:linear-gradient(to bottom,transparent 0,#f4f6fa 72%,#f4f6fa 100%)}[data-bs-theme=light] .es-code-titlebar{background:rgba(0,0,0,.03);border-bottom-color:rgba(0,0,0,.07)}[data-bs-theme=light] .es-code-filename{color:#8b93a4}[data-bs-theme=light] .es-code-body{color:#374151}[data-bs-theme=light] .es-guest-cta{background:linear-gradient(135deg,rgba(97,115,246,.07) 0,rgba(79,95,230,.04) 100%);border-color:rgba(97,115,246,.18)}[data-bs-theme=light] .es-guest-cta-icon{background:rgba(97,115,246,.08);border-color:rgba(97,115,246,.15);color:#4f5fe6}[data-bs-theme=light] .es-guest-cta-title{color:#1e2134}[data-bs-theme=light] .es-guest-cta-sub{color:#4a5170}[data-bs-theme=light] .es-guest-cta-sub b{color:#4f5fe6}[data-bs-theme=light] .es-guest-register{color:#4f5fe6;border-color:rgba(97,115,246,.25);background:rgba(97,115,246,.05)}[data-bs-theme=light] .auth-tab{color:var(--app-text-muted)}[data-bs-theme=light] .swal2-container .swal2-popup{background:#fff!important;color:var(--app-text)!important;border-color:rgba(0,0,0,.12)!important}[data-bs-theme=light] .swal2-container .swal2-title{color:var(--app-text)!important}[data-bs-theme=light] .swal2-container .swal2-content,[data-bs-theme=light] .swal2-container .swal2-html-container{color:var(--app-text-soft)!important}[data-bs-theme=light] .swal2-container .swal2-close{color:var(--app-text-muted)!important}[data-bs-theme=light] .swal2-container .swal2-close:hover{color:var(--app-text)!important}[data-bs-theme=light] .swal2-container .swal2-input,[data-bs-theme=light] .swal2-container .swal2-select,[data-bs-theme=light] .swal2-container .swal2-textarea{background:#f0f2f8!important;color:var(--app-text)!important;border-color:rgba(0,0,0,.15)!important;box-shadow:none!important}#payment-page{flex:1;min-height:0;overflow-y:auto;padding:40px 24px;background:var(--app-bg);display:none}#payment-page.visible{display:block}#payment-page h1{font-size:24px;color:#fff;margin:0 0 28px}.payment-page-wrap{max-width:1020px;margin:0 auto}.payment-layout{display:grid;grid-template-columns:1fr 320px;gap:32px;align-items:start}.billing-section-title{font-size:15px;font-weight:600;color:var(--app-text);margin:0 0 20px}#billing-form{display:flex;flex-direction:column;gap:14px}.billing-row-2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.billing-field{display:flex;flex-direction:column;gap:5px}.billing-field label{font-size:12px;font-weight:600;color:var(--app-text-muted);text-transform:uppercase;letter-spacing:.4px}.billing-field input,.billing-field select{background:var(--bs-root-card-bg,#15171d);border:1px solid var(--bs-root-card-border-color);border-radius:8px;color:var(--app-text);font-size:14px;padding:9px 12px;outline:0;transition:border-color .15s;width:100%;appearance:auto}.billing-field input:focus,.billing-field select:focus{border-color:#3366cf;box-shadow:0 0 0 3px rgba(51,102,207,.18)}.billing-field input::placeholder{color:var(--app-text-dim)}.order-summary-section{position:sticky;top:20px}.order-summary-card{background:var(--bs-root-card-bg,#15171d);border:1px solid var(--bs-root-card-border-color);border-radius:14px;padding:24px;display:flex;flex-direction:column;gap:14px}.order-summary-title{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--app-text-muted)}.order-summary-plan{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.order-summary-plan-name{font-size:16px;font-weight:600;color:var(--app-text)}.order-summary-plan-price{font-size:20px;font-weight:700;color:var(--app-text)}.order-summary-credits-wrap{display:flex;align-items:center;gap:10px}.credit-coin-icon{color:#ffc700;flex-shrink:0;filter:drop-shadow(0 0 5px rgba(255, 199, 0, .45));animation:coin-pulse 2.6s ease-in-out infinite}@keyframes coin-pulse{0%,100%{filter:drop-shadow(0 0 4px rgba(255, 199, 0, .35));opacity:1}50%{filter:drop-shadow(0 0 9px rgba(255, 199, 0, .7));opacity:.92}}.order-summary-credits-body{display:flex;flex-direction:column;gap:3px}.order-summary-credits{font-size:15px;font-weight:700;color:#ffc700}.order-summary-never-expires{font-size:11px;color:var(--app-text-dim)}.order-summary-sep{height:1px;background:var(--bs-root-card-border-color);margin:2px 0}.btn-proceed-payment{width:100%;padding:12px 20px;border:none;border-radius:9px;background:linear-gradient(180deg,#ffd740,#ffc700);color:#1a1200;font-size:14px;font-weight:700;cursor:pointer;transition:filter .15s,opacity .15s}.btn-proceed-payment:hover:not(:disabled){filter:brightness(1.08)}.btn-proceed-payment:disabled{opacity:.45;cursor:not-allowed}.order-required-hint{font-size:12px;color:var(--app-text-dim);text-align:center;margin:0}.payment-fomo{font-size:12px;font-weight:600;color:#e8b24a;text-align:center;padding:8px 10px;background:rgba(232,178,74,.08);border:1px solid rgba(232,178,74,.2);border-radius:8px}.payment-secure-badge{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--app-text-dim)}.payment-secure-badge svg{opacity:.6;flex-shrink:0}[data-bs-theme=light] #payment-page h1{color:var(--app-text)}[data-bs-theme=light] .billing-field input,[data-bs-theme=light] .billing-field select{background:#f4f5f8;border-color:rgba(0,0,0,.12);color:var(--app-text)}[data-bs-theme=light] .order-summary-card{background:#fff}@media (max-width:760px){.payment-layout{grid-template-columns:1fr}.order-summary-section{position:static}.billing-row-2{grid-template-columns:1fr}}#nav-toggle,#sidebar-backdrop{display:none}@media (min-width:768px) and (max-width:1023.98px){#sidebar{width:216px;min-width:216px}#header{padding:10px 14px}#header-title{font-size:12px}.msg-row.user .msg-bubble{max-width:min(80%,640px);margin-right:14px}.msg-row.assistant .msg-bubble{padding:14px 20px 14px 18px}.msg-rating,.msg-usage,.tool-events{padding-left:18px;padding-right:18px}#input-area{padding:10px 14px 14px}#all-sessions-page,#credits-page,#payment-page{padding:32px 18px}.payment-layout{grid-template-columns:1fr}.order-summary-section{position:static}}@media (max-width:767.98px){body,html{height:100dvh!important}body{overflow-x:hidden!important}#sidebar{position:fixed;top:0;left:0;z-index:1045;height:100vh;height:100dvh;width:min(86vw,320px);min-width:0;transform:translateX(-100%);transition:transform .25s cubic-bezier(.4, 0, .2, 1);box-shadow:0 0 40px rgba(0,0,0,.55)}body.nav-open #sidebar{transform:translateX(0)}#sidebar-backdrop{display:block;position:fixed;inset:0;z-index:1040;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .25s,visibility .25s}body.nav-open #sidebar-backdrop{opacity:1;visibility:visible}#sidebar-toggle{display:none}#nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0;background:0 0;border:1px solid transparent;border-radius:10px;color:var(--app-text-soft);cursor:pointer;transition:background .15s,color .15s}#nav-toggle:focus-visible,#nav-toggle:hover{background:var(--app-overlay-sm);color:var(--app-text)}.session-item{padding:10px;min-height:44px}.session-delete,.session-rename{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0}.sessions-load-more,.sessions-view-all{padding:12px 10px;font-size:13px;min-height:44px}#new-chat-btn,.logout-btn,.sidebar-footer-btn{min-height:44px}.status-version{max-width:calc(100% - 14px);overflow:hidden;text-overflow:ellipsis}#header{padding:6px 10px;gap:6px;min-height:56px}#header-title{font-size:12px}#header-right{gap:4px}#help-btn,#lang-toggle,#theme-btn{width:44px;height:44px;min-width:44px}.credits-widget{padding:8px 10px;gap:5px;min-height:44px}.credits-widget .credits-label{display:none}.credits-menu{min-width:0;width:min(88vw,300px)}.credits-menu-item{min-height:44px}#model-select,#server-select{min-width:0;max-width:42vw}.msg-row.user .msg-bubble{max-width:88%;margin-right:12px;font-size:15px}.msg-row.assistant .msg-bubble{padding:12px 14px;font-size:15px}.msg-rating,.msg-usage,.tool-events{padding-left:14px;padding-right:14px}.msg-usage{flex-wrap:wrap;gap:6px}.tool-pill{max-width:100%}.tool-args{max-width:45vw}.rate-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.msg-bubble img,.msg-bubble video{max-width:100%;height:auto}.code-block{max-width:100%}.code-block pre{padding:12px!important;font-size:12.5px}.code-block code{font-size:12.5px}.code-header{flex-wrap:wrap;gap:4px;padding:4px 8px}.copy-btn{padding:11px 16px!important;margin:5px 6px!important}#input-area{padding:8px 10px calc(10px + env(safe-area-inset-bottom,0px))}#input-wrap{gap:8px;padding:8px 8px 8px 14px;border-radius:14px}#message-input{font-size:16px;max-height:120px}#send-btn{width:44px;height:44px}#input-hint{display:none}#scroll-bottom-btn{width:44px;height:44px}#all-sessions-page,#credits-page,#payment-page{padding:24px 14px}#all-sessions-page h1,#credits-page h1,#payment-page h1{font-size:20px}.all-sessions-show-more,.credits-page-back,.plan-buy{min-height:44px}.all-sessions-show-more{width:100%}.credits-summary{flex-direction:column;align-items:flex-start;gap:12px;padding:16px}.plans-grid{grid-template-columns:1fr}.plan-card{padding:20px 18px}.payment-layout{grid-template-columns:1fr;gap:20px}.order-summary-section{position:static}.billing-row-2{grid-template-columns:1fr}.billing-field input,.billing-field select{font-size:16px;min-height:44px}}@media (max-width:1023.98px){.msg-bubble table{display:block;width:100%;max-width:100%;overflow-x:auto}}@media (max-width:360px){#header-title{display:none}#help-btn{display:none}.credits-widget{padding:8px}#all-sessions-page,#credits-page,#payment-page{padding:20px 12px}}#tutorial-overlay{position:fixed;inset:0;z-index:9000;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(6,8,12,.72);backdrop-filter:blur(3px)}#tutorial-overlay.visible{display:flex}.tuto-modal{position:relative;display:flex;flex-direction:column;width:min(760px,100%);max-height:min(88vh,720px);background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.5);overflow:hidden;animation:tutoIn .22s ease-out}@keyframes tutoIn{from{opacity:0;transform:translateY(12px) scale(.985)}}.tuto-close{position:absolute;top:14px;right:14px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--app-overlay-sm);border:none;color:var(--app-text-soft);cursor:pointer;transition:all .15s}.tuto-close:hover{background:var(--app-overlay-xl);color:var(--app-text)}.tuto-head{padding:26px 28px 18px;border-bottom:1px solid var(--bs-root-card-border-color)}.tuto-badge{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(111,141,240,.14);border:1px solid rgba(111,141,240,.28);color:#8ea0f7;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.tuto-title{margin:12px 0 0;font-size:22px;font-weight:600;color:var(--app-text)}.tuto-sub{margin:6px 0 0;font-size:14px;color:var(--app-text-muted)}.tuto-body{flex:1;min-height:0;overflow-y:auto;padding:22px 28px 26px}.tuto-step{display:none}.tuto-step.active{display:block}.tuto-step-title{margin:20px 0 0;font-size:17px;font-weight:600;color:var(--app-text)}.tuto-step-text{margin:8px 0 0;font-size:14.5px;line-height:1.6;color:var(--app-text-soft)}.tuto-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.tuto-list li{position:relative;padding-left:24px;font-size:14px;line-height:1.55;color:var(--app-text-soft)}.tuto-list li::before{content:"";position:absolute;left:6px;top:8px;width:6px;height:6px;border-radius:50%;background:#36cf8f}.tuto-tip{margin:14px 0 0;padding:12px 14px;border-radius:11px;background:rgba(232,178,74,.06);border:1px solid rgba(232,178,74,.2);font-size:13.5px;line-height:1.55;color:var(--app-text-soft)}.tuto-visual{padding:20px 18px;border-radius:14px;background:var(--app-bg);border:1px solid var(--bs-root-card-border-color)}.tuto-flow{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.tuto-flow-card{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:118px;padding:14px 12px;border-radius:12px;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);font-size:12.5px;font-weight:500;color:var(--app-text-soft);text-align:center}.tuto-flow-card-accent{border-color:rgba(111,141,240,.4);background:rgba(111,141,240,.08);color:var(--app-text)}.tuto-flow-icon{font-size:18px;line-height:1}.tuto-flow-arrow{color:var(--app-text-dim);font-size:16px}.tuto-compare{display:flex;flex-direction:column;gap:10px}.tuto-prompt{padding:12px 14px;border-radius:11px;border:1px solid transparent}.tuto-prompt-tag{display:block;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;margin-bottom:5px}.tuto-prompt-text{display:block;font-size:13.5px;line-height:1.5;color:var(--app-text-soft)}.tuto-prompt-bad{background:rgba(236,106,94,.06);border-color:rgba(236,106,94,.22)}.tuto-prompt-bad .tuto-prompt-tag{color:#ec6a5e}.tuto-prompt-good{background:rgba(54,207,143,.06);border-color:rgba(54,207,143,.24)}.tuto-prompt-good .tuto-prompt-tag{color:#36cf8f}.tuto-code{border-radius:11px;overflow:hidden;border:1px solid var(--bs-root-card-border-color);background:#0f1116}.tuto-code-bar{display:flex;align-items:center;gap:6px;padding:8px 12px;background:rgba(255,255,255,.03);border-bottom:1px solid var(--bs-root-card-border-color)}.tuto-code-bar-answer{justify-content:space-between}.tuto-code-dot{width:9px;height:9px;border-radius:50%}.tuto-code-name{margin-left:6px;font-size:11.5px;color:#7e8299}.tuto-code-lang{font-size:11px;letter-spacing:.4px;text-transform:uppercase;color:#7e8299}.tuto-code-pill{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#009ef7;background:rgba(0,158,247,.13)}.tuto-code-pill svg{flex:none}.tuto-code-pill-strategy{color:#50cd89;background:rgba(80,205,137,.13)}.tuto-code-pill-screener{color:#ffc700;background:rgba(255,199,0,.13)}.tuto-dest-list{display:flex;flex-direction:column;gap:8px}.tuto-dest-head,.tuto-dest-run{font-size:11px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--app-text-muted)}.tuto-dest-row{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:11px;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);font-size:13px;color:var(--app-text-soft)}.tuto-dest-row .tuto-code-pill{flex:none}.tuto-code-copy{padding:4px 10px;border-radius:6px;background:rgba(111,141,240,.16);border:1px solid rgba(111,141,240,.38);color:#8ea0f7;font-size:11.5px;font-weight:600}.tuto-code-body{margin:0;padding:14px 16px;overflow-x:auto;font-family:SFMono-Regular,Consolas,"Liberation Mono",Menlo,monospace;font-size:12.5px;line-height:1.7;color:#cdd4e0}.tuto-c-com{color:#5b6478}.tuto-c-kw{color:#6f8df0}.tuto-c-fn{color:#e8c06b}.tuto-c-var{color:#62d59b}.tuto-c-val{color:#e8b24a}.tuto-tips-visual{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.tuto-tip-chip{flex:1 1 150px;display:flex;align-items:center;gap:9px;padding:12px 14px;border-radius:11px;background:var(--app-surface);border:1px solid var(--bs-root-card-border-color);font-size:13px;color:var(--app-text-soft)}.tuto-tip-num{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(111,141,240,.16);color:#8ea0f7;font-size:12px;font-weight:700}.tuto-foot{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:14px 28px;border-top:1px solid var(--bs-root-card-border-color);background:var(--app-bg)}.tuto-dontshow{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--app-text-muted);cursor:pointer;user-select:none;margin:0}.tuto-dontshow input{width:15px;height:15px;accent-color:#6f8df0;cursor:pointer}.tuto-nav{display:flex;align-items:center;gap:12px}.tuto-dots{display:inline-flex;align-items:center;gap:6px}.tuto-dot{width:7px;height:7px;border-radius:50%;background:var(--app-overlay-xl);border:none;padding:0;cursor:pointer;transition:all .15s}.tuto-dot.active{width:18px;border-radius:4px;background:#6f8df0}.tuto-btn{padding:9px 18px;border-radius:9px;font-family:inherit;font-size:13.5px;font-weight:600;cursor:pointer;transition:all .15s}.tuto-btn-ghost{background:0 0;border:1px solid var(--bs-root-card-border-color);color:var(--app-text-soft)}.tuto-btn-ghost:hover{background:var(--app-overlay-sm);color:var(--app-text)}.tuto-btn-ghost:disabled{opacity:.4;cursor:default}.tuto-btn-primary{background:#3366cf;border:1px solid #3366cf;color:#fff}.tuto-btn-primary:hover{background:#2b57b3}[data-bs-theme=light] #tutorial-overlay{background:rgba(30,33,52,.42)}[data-bs-theme=light] .tuto-modal{box-shadow:0 24px 70px rgba(0,0,0,.18)}[data-bs-theme=light] .tuto-code{background:#171a21}[data-bs-theme=light] .tuto-code-bar{background:rgba(255,255,255,.05);border-bottom-color:rgba(255,255,255,.08)}[data-bs-theme=light] .tuto-code{border-color:rgba(0,0,0,.12)}@media (max-width:767.98px){#tutorial-overlay{padding:0}.tuto-modal{width:100%;max-height:100%;height:100%;border:none;border-radius:0}.tuto-head{padding:20px 18px 14px}.tuto-title{font-size:19px}.tuto-body{padding:18px 18px 22px}.tuto-foot{padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));justify-content:center}.tuto-nav{width:100%;justify-content:space-between}.tuto-btn{min-height:44px}.tuto-flow-arrow{transform:rotate(90deg)}.tuto-flow{flex-direction:column}.tuto-flow-card{width:100%}}