@view-transition{navigation:auto}.guide-panel{view-transition-name:qw-guide-panel}.guide-orb{view-transition-name:qw-guide-orb}::view-transition-group(qw-guide-panel),::view-transition-group(qw-guide-orb){animation-duration:0s}.guide-panel.is-restored{animation:none}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}}.guide{--g-ink:#0a0a09;--g-surface:#121211d1;--g-bone:#ece9e3;--g-bone-2:#ece9e3a8;--g-bone-3:#ece9e36b;--g-line:#ece9e31f;--g-ember:#ff7043;--g-ease:cubic-bezier(.16, 1, .3, 1);right:max(18px, env(safe-area-inset-right));bottom:max(18px, env(safe-area-inset-bottom));z-index:80;color:var(--g-bone);pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;font-family:Lexend,system-ui,sans-serif;display:flex;position:fixed}.guide-orb,.guide-panel{pointer-events:auto}.guide .sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.guide-orb{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:radial-gradient(circle,#0a0a0999 0%,#0a0a0961 46%,#0a0a0900 72%);border:0;border-radius:50%;place-items:center;width:60px;height:60px;padding:0;display:grid;position:relative}.guide-orb:focus-visible{outline:2px solid var(--g-ember);outline-offset:4px}.guide-dots{pointer-events:none;width:56px;height:56px}.guide-panel{border:1px solid var(--g-line);backdrop-filter:blur(28px)saturate(150%);transform-origin:100% 100%;width:min(400px,100vw - 36px);max-height:min(620px,100dvh - 120px);animation:guide-in .45s var(--g-ease);background:#0e0e0ddb;border-radius:26px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px -10px #000000b3}.guide-panel[hidden]{display:none}@keyframes guide-in{0%{opacity:0;transform:translateY(10px)scale(.96)}}.guide-head{border-bottom:1px solid var(--g-line);align-items:center;gap:10px;padding:14px 12px 12px 16px;display:flex}.guide-mini{flex:none;width:34px;height:34px}.guide-head-text{flex:1;min-width:0}.guide-title{margin:0;font-family:Instrument Serif,serif;font-size:22px;font-style:italic;font-weight:400;line-height:1.1}.guide-engine{color:var(--g-bone-3);align-items:center;gap:6px;margin:2px 0 0;font-size:12px;display:flex}.guide-dot{background:var(--g-bone-3);border-radius:50%;width:6px;height:6px}.guide[data-engine=device] .guide-dot{background:#30d158}.guide[data-engine=cloud] .guide-dot{background:var(--g-ember)}.guide-engine[hidden],.guide-switch[hidden]{display:none}.guide-switch{background:#ece9e30f;border-radius:999px;gap:1px;margin-top:4px;padding:2px;display:inline-flex}.guide-switch button{width:22px;height:18px;color:var(--g-bone-3);cursor:pointer;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;transition:background .2s,color .2s;display:inline-grid}.guide-switch svg{width:12px;height:12px}.guide-switch button:hover{color:var(--g-bone-2)}.guide-switch button[aria-pressed=true]{background:#ece9e31f}.guide-switch button[data-engine-choice=device][aria-pressed=true]{color:#30d158}.guide-switch button[data-engine-choice=cloud][aria-pressed=true]{color:var(--g-ember)}.guide-switch button:disabled{cursor:progress;opacity:.6}.guide-switch button:focus-visible{outline:2px solid var(--g-ember);outline-offset:1px}.guide-icon{width:34px;height:34px;color:var(--g-bone-2);cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s,color .2s;display:inline-grid}.guide-icon svg{width:18px;height:18px}.guide-icon:hover{color:var(--g-bone);background:#ece9e312}.guide-icon[aria-pressed=true]{color:var(--g-ember)}.guide-icon[hidden]{display:none}.guide-icon:focus-visible,.guide-send:focus-visible,.guide-chip:focus-visible,.guide-suggestion:focus-visible,.guide-upgrade:focus-visible{outline:2px solid var(--g-ember);outline-offset:2px}.guide-log{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--g-line) transparent;flex-direction:column;flex:1;gap:14px;min-height:140px;padding:16px;display:flex;overflow-y:auto}.guide-hello-title{margin:0;font-size:16px;font-weight:500}.guide-hello-text{color:var(--g-bone-2);margin:4px 0 0;font-size:14px;line-height:1.5}.guide-suggest{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.guide-suggestion{border:1px solid var(--g-line);color:var(--g-bone);font:inherit;cursor:pointer;background:#ece9e308;border-radius:999px;padding:8px 12px;font-size:13px;transition:border-color .2s,background .2s}.guide-suggestion:hover{background:#ece9e30f;border-color:#ff704373}.guide-msg{max-width:92%}.guide-msg.is-user{background:var(--g-bone);color:var(--g-ink);border-radius:18px 18px 6px;align-self:flex-end;padding:9px 14px}.guide-msg.is-assistant{align-self:flex-start}.guide-msg-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;font-size:15px;line-height:1.55}.guide-msg.is-user .guide-msg-text{font-size:14px}.guide-msg.is-thinking .guide-msg-text{color:var(--g-bone-3);animation:1.2s ease-in-out infinite guide-blink}@keyframes guide-blink{50%{opacity:.35}}.guide-links{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.guide-chip{color:var(--g-bone);border:1px solid #ff704359;border-radius:999px;align-items:center;gap:6px;padding:7px 12px;font-size:13px;text-decoration:none;transition:background .2s,border-color .2s;display:inline-flex}.guide-chip:hover{border-color:var(--g-ember);background:#ff70431f;text-decoration:none}.guide-chip-arrow{color:var(--g-ember)}.guide-form{border:1px solid var(--g-line);background:#ece9e30a;border-radius:22px;align-items:flex-end;gap:6px;margin:0 12px;padding:6px 6px 6px 14px;transition:border-color .2s;display:flex}.guide-form:focus-within{border-color:#ff704380}.guide-input{min-height:34px;max-height:120px;color:var(--g-bone);font:inherit;resize:none;background:0 0;border:0;outline:none;flex:1;padding:7px 0;font-size:15px;line-height:1.35}.guide .guide-input:focus,.guide .guide-input:focus-visible{outline:none}.guide-input::placeholder{color:var(--g-bone-3)}.guide-send{background:var(--g-bone);width:34px;height:34px;color:var(--g-ink);cursor:pointer;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background .2s,opacity .2s;display:inline-grid}.guide-send svg{width:18px;height:18px}.guide-send:hover{background:var(--g-ember)}.guide-send:disabled{opacity:.4;cursor:progress}.guide-foot{padding:10px 16px 14px}.guide-note{color:var(--g-bone-3);margin:0;font-size:11.5px;line-height:1.45}.guide-upgrade{border:0;border-bottom:1px solid var(--g-line);color:var(--g-bone-2);font:inherit;cursor:pointer;background:0 0;margin-top:6px;padding:0;font-size:12px}.guide-upgrade[hidden]{display:none}.guide-upgrade:hover{color:var(--g-bone);border-color:var(--g-ember)}@media (width<=600px){.guide{left:max(10px, env(safe-area-inset-left));right:max(10px, env(safe-area-inset-right));bottom:max(10px, env(safe-area-inset-bottom))}.guide-orb{width:56px;height:56px}.guide-panel{width:100%;max-height:calc(100dvh - 100px)}}@media (prefers-reduced-motion:reduce){.guide-panel,.guide-msg.is-thinking .guide-msg-text{animation:none}.guide-orb{transition:none}}@media (prefers-reduced-transparency:reduce){.guide-panel{backdrop-filter:none;background:#121211}}
