*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f3f4f6}.app-root{height:100%;display:flex;justify-content:center;align-items:stretch}.chat-shell{background:#fff;width:100%;max-width:640px;height:100vh;display:flex;flex-direction:column;border-radius:0;box-shadow:0 0 #0000;overflow:hidden}@media(min-width:720px){.chat-shell{margin:12px;border-radius:16px;box-shadow:0 10px 30px #0f172a1f;height:calc(100vh - 24px)}}.top-bar{padding:8px 12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e7eb}.top-title{display:flex;flex-direction:column;gap:2px}.chat-title{font-size:16px;font-weight:600;color:#111827}.chat-subtitle{font-size:12px;color:#6b7280}.detour-bulb{display:inline-block;width:8px;height:8px;margin-left:6px;border-radius:999px;background:#ef4444}.top-actions{display:flex;gap:8px;align-items:center}.icon-button{border-radius:999px;border:1px solid #e5e7eb;padding:4px 10px;font-size:16px;background:#f9fafb;cursor:pointer;transition:background .15s ease,transform .1s ease}.icon-button:hover{background:#e5e7eb}.icon-button:active{transform:scale(.96)}.provider-pill{padding:4px 10px;border-radius:999px;font-size:8px;font-weight:600;border:0px solid transparent;white-space:normal;display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.provider-pill-main{font-size:8px;font-weight:600}.provider-model-pill{font-size:7px;opacity:.75}.provider-perplexity{background:#0f172ae6;color:#e5e7eb;border-color:#0f172acc}.provider-openai{background:#2563eb14;color:#1d4ed8;border-color:#2563eb40}.provider-perplexity{background:#0f172ae6;color:#e5e7eb;border-color:#94a3b8b3}.provider-anthropic{background:#16a34a14;color:#15803d;border-color:#16a34a40}.provider-google,.provider-gemini{background:#38bdf814;color:#0369a1;border-color:#38bdf840}.provider-xai{background:#0f172ae6;color:#f9fafb;border-color:#0f172acc}.messages-area{flex:1;display:flex;position:relative;overflow:hidden}.messages-scroll{flex:1;overflow-y:auto;padding:8px 10px 12px 90px;display:flex;flex-direction:column;gap:6px;position:relative;scroll-behavior:smooth;box-sizing:border-box}.message-row{display:flex;align-items:flex-start;gap:6px}.bookmark-rail{position:sticky;top:8px;align-self:flex-start;display:flex;flex-direction:column;gap:4px;width:80px;padding:4px;margin-left:4px;z-index:5;transition:opacity .15s ease,transform .15s ease}.bookmark-rail-hidden{opacity:0;pointer-events:none;transform:translate(-8px)}.bookmark-dot{max-width:100px;padding:2px 8px;border-radius:999px;border:none;background:#3b82f61f;color:#1d4ed8;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:flex-start;text-align:left;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease,transform .1s ease,opacity .15s ease;opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-dot.provider-openai{background:#2563eb1f;color:#1d4ed8}.bookmark-dot.provider-perplexity{background:#0f172ad9;color:#e5e7eb}.bookmark-dot.provider-anthropic{background:#16a34a1f;color:#166534}.bookmark-dot.provider-google,.bookmark-dot.provider-gemini{background:#38bdf826;color:#0369a1}.bookmark-dot.provider-xai{background:#0f172ae6;color:#f9fafb}.bookmark-dot:hover{background:#3b82f633;opacity:1;transform:translateY(-1px)}.message-bubble{max-width:82%;padding:8px 10px;border-radius:14px;font-size:14px;line-height:1.35;word-wrap:break-word;transition:background .15s ease,box-shadow .15s ease,transform .1s ease}.msg-user{margin-left:auto;background:#dbeafe;color:#111827}.msg-assistant{margin-right:auto;background:#f9fafb;border:1px solid #e5e7eb;color:#111827}.msg-system{margin-left:auto;margin-right:auto;background:#f3f4f6;color:#4b5563;font-size:12px;font-style:italic}.msg-system-ghost{margin-left:auto;margin-right:auto;background:#f9fafb;color:#9ca3af;font-size:11px;font-style:italic;border:1px dashed #e5e7eb}.input-bar{border-top:1px solid #e5e7eb;padding:8px 10px;display:flex;gap:8px;align-items:flex-end;background:#f9fafb}.chat-input{flex:1;border-radius:999px;border:1px solid #d1d5db;padding:8px 12px;font-size:14px;resize:none;max-height:96px;outline:none}.chat-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf880}.send-button{border-radius:999px;border:none;padding:8px 14px;font-size:16px;background:#111827;color:#f9fafb;cursor:pointer;transition:background .15s ease,transform .1s ease}.send-button:hover{background:#020617}.send-button:active{transform:scale(.96)}.detour-dialog-backdrop{position:fixed;inset:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:20}.detour-dialog{background:#fff;border-radius:16px;max-width:360px;width:calc(100% - 40px);padding:16px 16px 12px;box-shadow:0 20px 40px #0f172a40}.detour-dialog-title{font-size:15px;font-weight:600;color:#111827;margin-bottom:8px}.detour-dialog-body{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.detour-input{width:100%;border-radius:999px;border:1px solid #d1d5db;padding:8px 12px;font-size:14px;outline:none}.detour-input:focus{border-color:#38bdf8;box-shadow:0 0 0 1px #38bdf866}.detour-dialog-actions{display:flex;justify-content:flex-end;gap:8px}.detour-btn{border-radius:999px;border:1px solid transparent;padding:6px 12px;font-size:13px;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.detour-btn-secondary{background:#f9fafb;color:#111827;border-color:#d1d5db}.detour-btn-secondary:hover{background:#e5e7eb}.detour-btn-primary{background:#111827;color:#f9fafb}.detour-btn-primary:hover{background:#020617}.detour-btn:active{transform:scale(.96)}.return-arrow{font-size:22px;line-height:1;display:inline-block;transform:translateY(1px)}@media(max-width:480px){.chat-title{font-size:12px}.chat-input,.message-bubble{font-size:13px}.messages-scroll{padding-left:50px}}.intro-root{min-height:100vh;background:#020617;display:flex;align-items:center;justify-content:center;padding:16px}.intro-phone{background:#000;color:#fff;width:100%;max-width:420px;min-height:640px;border-radius:28px;box-shadow:0 24px 60px #000c;display:flex;flex-direction:column;padding:20px 18px 16px}.intro-header{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(237,239,243,.35)}.intro-header-left{flex:1;text-align:center;display:flex;flex-direction:column;gap:2px}.intro-app-title{font-size:14px;opacity:.9}.intro-app-subtitle,.version-tagline,.intro-app-subtitle-patent{margin-top:2px;font-size:11px;opacity:.7}.intro-header-right{position:absolute;right:0;top:0;padding:4px 6px}.intro-info-button{width:28px;height:28px;border-radius:999px;border:1px solid rgba(148,163,184,.6);background:#0f172ae6;color:#e5e7eb;font-size:15px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(hover:hover){.intro-info-button:hover{background:#1e40afe6;border-color:#818cf8e6}}.intro-install-button{width:60px;height:28px;border-radius:999px;border:2px solid rgba(148,163,184,.6);background:#0f172ae6;color:#e5e7eb;font-size:15px;font-weight:500;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(hover:hover){.intro-install-button:hover{background:#1e40afe6;border-color:#818cf8e6}}.intro-body{flex:1;display:flex;flex-direction:column;justify-content:space-between}.intro-bottom{margin-top:24px;display:flex;flex-direction:column;gap:16px}.intro-hero{margin:4px 0;font-size:22px;line-height:1.3;font-weight:600}.intro-subhero{margin:0 0 18px;font-size:13px;opacity:.75}.intro-concept{font-size:13px;line-height:1.4}.intro-label{display:block;margin-top:14px;margin-bottom:6px;font-size:12px;opacity:.8}.intro-input{width:100%;padding:12px 14px;border-radius:16px;border:none;background:#fff;color:#000;font-size:14px;text-align:left;box-shadow:0 0 0 1px #ffffff12}.intro-input::placeholder{color:#9ca3af}.intro-radio-group{margin-top:4px;display:flex;flex-direction:column;gap:6px;font-size:13px}.intro-radio{display:flex;align-items:center;gap:6px;opacity:.9}.intro-radio input[type=radio]{width:14px;height:14px}.intro-disclaimer{margin-top:6px;font-size:11px;opacity:.65;line-height:1.3}.byok-help{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin-left:6px;border-radius:999px;border:1px solid rgba(148,163,184,.9);font-size:10px;line-height:1;text-decoration:none;color:#6b7280;background:#f9fafb;cursor:pointer}.byok-help:hover{background:#e5e7eb;color:#111827}.intro-check{display:flex;align-items:flex-start;gap:8px;font-size:10px;opacity:.8;text-align:left;line-height:1.35}.intro-check input{margin-top:2px}.intro-button{margin-top:22px;width:100%;padding:10px 0;border-radius:999px;border:none;background:#f9fafb;color:#000;font-size:15px;font-weight:600;cursor:pointer}.intro-button:hover{opacity:.9}.intro-footer{margin-top:16px;font-size:11px;text-align:center;opacity:.7}.intro-footer-links{margin-top:4px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.intro-footer-links a{color:#e5e7eb;text-decoration:underline;text-underline-offset:2px}.intro-info-backdrop{position:fixed;inset:0;background:#0f172a99;display:flex;align-items:center;justify-content:center;z-index:40}.intro-info-modal{background:#020617;color:#e5e7eb;max-width:360px;width:calc(100% - 40px);border-radius:18px;padding:18px 16px 14px;box-shadow:0 24px 60px #000c;font-size:13px}.intro-info-title{font-size:16px;font-weight:600;margin:0 0 8px}.intro-info-text{margin:6px 0;line-height:1.4}.intro-info-list{margin:6px 0 8px 18px;padding:0}.intro-info-list li{margin-bottom:4px}.intro-info-close{margin-top:10px;width:100%;border-radius:999px;border:none;padding:8px 0;font-size:14px;font-weight:600;background:#e5e7eb;color:#020617;cursor:pointer}@media(hover:hover){.intro-info-close:hover{opacity:.9}}@media(max-width:768px){.intro-root{padding:0}.intro-phone{max-width:none;width:100vw;height:100vh;border-radius:0;box-shadow:none}body{background:#020617}}.snapshot-ai{border-left:3px solid #3b82f6;background:#eff6ff}.snapshot-basic{opacity:.95}.intro-error{margin-top:8px;margin-bottom:8px;padding:6px 8px;border-radius:8px;font-size:11px;background:#ef444426;color:#fecaca;line-height:1.3}.highlight-pulse{position:relative;animation:pulse-border-red 1.2s ease-in-out infinite;z-index:2}@keyframes pulse-border-red{0%{box-shadow:0 0 #ef4444e6;transform:scale(1)}70%{box-shadow:0 0 0 10px #ef444400;transform:scale(1.02)}to{box-shadow:0 0 #ef444400;transform:scale(1)}}.icon-button.disabled{opacity:.35;cursor:not-allowed;pointer-events:none;filter:grayscale(1)}.icon-button.disabled:hover{box-shadow:none;transform:none}