.app-frame{border:1px solid var(--app-border);border-radius:8px;overflow:hidden;background:var(--app-bg);height:680px;display:none;text-align:left}@media(min-width:768px){.app-frame{display:flex;flex-direction:column}}.app-frame__toolbar{display:flex;align-items:center;height:32px;padding:0 1rem;border-bottom:1px solid var(--app-border);position:relative;flex-shrink:0}.app-frame__dots{display:flex;gap:6px}.app-frame__dots span{width:12px;height:12px;border-radius:9999px;border:1.5px solid var(--app-border);background:color-mix(in srgb,var(--color-text) 3%,transparent)}.app-frame__url{position:absolute;left:50%;transform:translate(-50%);font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;color:var(--color-text-muted)}.app-frame__body{display:flex;flex:1;min-height:0}.app-frame__sidebar{width:42px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;padding:.75rem 0;gap:.5rem;border-right:1px solid var(--app-border)}.app-frame__emblem{width:24px;height:24px;color:var(--color-highlight);margin-bottom:.25rem;opacity:.7}.app-frame__sidebar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;border:none;background:none;color:var(--color-text-muted);cursor:pointer;opacity:.5;transition:opacity .15s ease,background-color .15s ease}.app-frame__sidebar-btn svg{width:16px;height:16px}.app-frame__sidebar-btn:hover{opacity:.8;background:color-mix(in srgb,var(--color-text) 8%,transparent)}.app-frame__sidebar-btn:active{opacity:1;background:color-mix(in srgb,var(--color-text) 12%,transparent)}.app-frame__sidebar-btn--active{opacity:.7;background:color-mix(in srgb,var(--color-text) 6%,transparent)}.app-frame__sidebar-btn--active:hover{opacity:.9;background:color-mix(in srgb,var(--color-text) 10%,transparent)}.app-frame__sidebar-spacer{flex:1}.app-frame__sidebar-avatar{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:9999px;background:var(--color-highlight);color:var(--color-bg);font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;font-weight:500}.app-frame__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0;gap:1.5rem}.app-frame__greeting{display:flex;align-items:center;gap:.5rem;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;color:var(--color-text);font-weight:500}.app-frame__greeting-icon{width:20px;height:20px;color:var(--color-highlight)}.app-frame__input-card{width:100%;max-width:450px;background:var(--app-bg-muted);border:1px solid var(--app-border);border-radius:8px;padding:1.25rem;display:flex;flex-direction:column;gap:1.25rem}.app-frame__input-text{font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;color:var(--color-text);line-height:1.6;background:none;border:none;outline:none;resize:none;width:100%;max-height:70px;padding:0;field-sizing:content}.app-frame__input-text::placeholder{color:var(--color-text-muted)}.app-frame__input-actions{display:flex;align-items:center;justify-content:space-between}.app-frame__input-icons{display:flex;gap:.5rem}.app-frame__input-btn{display:flex;align-items:center;justify-content:center;padding:.5rem;height:28px;flex-shrink:0;border-radius:8px;border:1px solid var(--app-border);background:var(--app-bg);color:var(--color-text-muted);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.app-frame__input-btn svg{width:20px;height:20px}.app-frame__input-btn:hover{background:color-mix(in srgb,var(--color-bg-subtle),var(--color-text) 8%);border-color:color-mix(in srgb,var(--color-border),var(--color-text) 10%);color:var(--color-text)}.app-frame__input-btn:active{background:color-mix(in srgb,var(--color-bg-subtle),var(--color-text) 12%)}.app-frame__send-btn{font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;font-weight:500;color:var(--color-bg);background:var(--color-highlight);border:none;border-radius:8px;height:28px;padding:0 .5rem;cursor:pointer;transition:opacity .15s ease}.app-frame__send-btn:hover{opacity:.85}.app-frame__send-btn:active{opacity:.7}.app-frame__prompt-suggestions{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;transition:opacity .25s ease}.app-frame__prompt-chip{font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;color:var(--color-text-muted);padding:.5rem .75rem;border:1px dashed var(--app-border);border-radius:8px}.app-frame__prompt-chip strong{font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-weight:500;color:var(--color-text);margin-right:.5rem}.app-frame--fade-out{opacity:0;transition:opacity .3s ease}.app-frame--fade-in{opacity:1;transition:opacity .3s ease}.app-frame__main--response{justify-content:flex-start;padding:1.5rem;padding-bottom:0;overflow-y:auto}.app-frame__response{display:none;flex-direction:column;width:100%;max-width:500px;margin:0 auto;opacity:0;position:relative}.app-frame__response.app-frame--fade-in{opacity:1}.app-frame__response.app-frame--fade-out{opacity:0}.app-frame__response-thinking{display:none;color:var(--color-highlight);padding:.75rem 0}.app-frame__response-thinking svg{width:18px;height:18px;display:block}.app-frame__response-thinking circle{animation:appFrameThinkingPulse 1.4s ease-in-out infinite}.app-frame__response-thinking circle[data-index="1"]{animation-delay:.1s}.app-frame__response-thinking circle[data-index="2"]{animation-delay:.2s}.app-frame__response-thinking circle[data-index="3"]{animation-delay:.3s}.app-frame__response-thinking circle[data-index="4"]{animation-delay:.4s}.app-frame__response-thinking circle[data-index="5"]{animation-delay:.5s}.app-frame__response-thinking circle[data-index="6"]{animation-delay:.6s}@keyframes appFrameThinkingPulse{0%,to{opacity:.25}50%{opacity:.8}}.app-frame__response-prompt{align-self:flex-end;background:color-mix(in srgb,var(--color-bg-subtle) 97%,white);border-radius:8px;padding:.5rem 1rem;font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;color:var(--color-text);max-width:80%;margin-bottom:1.5rem}.app-frame__response-body{font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.875rem;color:var(--color-text);line-height:1.6}.app-frame__response-body h3{font-family:Inter Variable,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;font-weight:500;letter-spacing:0;margin-top:1.5rem;margin-bottom:.5rem}.app-frame__response-body h3:first-child{margin-top:0}.app-frame__response-body p{color:var(--color-text-muted);margin-bottom:.75rem}.app-frame__response-body ul{list-style:disc;padding-left:1.25rem;margin-bottom:.75rem}.app-frame__response-body li{color:var(--color-text-muted);margin-bottom:.5rem}.app-frame__response-body a{color:var(--color-highlight);text-decoration:underline;pointer-events:none;cursor:default}.app-frame__response-fade{position:sticky;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,var(--app-bg));pointer-events:none;flex-shrink:0}