:root{--sf-bg: #010203;--sf-text: #f2f2f2;--sf-surface: rgba(242, 242, 242, .1);--sf-border: rgba(242, 242, 242, .1);--sf-muted: rgba(242, 242, 242, .5);--sf-danger: #ff5a5f;--sf-success: #30b814;--sf-warn: #ffd400;--sf-r-bubble: 10px;--sf-r-control: 8px;--sf-r-pill: 999px;--sf-space-20: .44rem;--sf-space-30: .67rem;--sf-space-40: 1rem;--sf-space-50: 1.5rem;--sf-space-60: 2.25rem;--sf-space-70: 3.38rem;--sf-space-80: 5.06rem;--sf-font: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--sf-font);background:var(--sf-bg);color:var(--sf-text);line-height:1.5}a{color:inherit;text-decoration:underline;text-decoration-thickness:.0625em;text-underline-offset:.15em}a:hover{text-decoration:none}button,input,select,textarea{font:inherit}.sfApp{height:100vh;display:flex;flex-direction:column}.sfTopbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:var(--sf-space-30) var(--sf-space-40);background:linear-gradient(to bottom,#010203eb,#010203b8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--sf-border)}.sfContent{flex:1;min-height:0}.sfBrand{display:inline-flex;gap:.6rem;align-items:center;font-weight:700;letter-spacing:.01rem;text-decoration:none}.sfTopActions{display:flex;gap:var(--sf-space-30);align-items:center}.sfButton{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--sf-border);border-radius:.25rem;padding:.55rem .75rem;background:var(--sf-text);color:var(--sf-bg);font-weight:700;letter-spacing:.02rem;text-transform:uppercase;font-size:.825rem;cursor:pointer}.sfButton:hover{background:transparent;color:var(--sf-text)}.sfButton:focus{outline:1px dotted var(--sf-border);outline-offset:2px}.sfButtonGhost{background:transparent;color:var(--sf-text)}.sfButtonGhost:hover{background:var(--sf-surface)}.sfBubble{border:1px solid var(--sf-border);background:var(--sf-surface);border-radius:var(--sf-r-bubble)}.sfBubblePad{padding:var(--sf-space-30)}.sfMuted{color:var(--sf-muted)}.sfSmallCaps{font-size:.825rem;font-weight:700;letter-spacing:.02rem;text-transform:uppercase}.sfLayout{display:grid;grid-template-columns:360px 1fr;height:100%;min-height:0}.sfSidebar{border-right:1px solid var(--sf-border);overflow:auto}.sfMain{min-width:0;display:flex;flex-direction:column;min-height:0}.sfScroll{overflow:auto;flex:1;min-height:0}.sfInput{width:100%;padding:.7rem .8rem;border-radius:4px;border:2px solid rgba(242,242,242,.14);background:transparent;color:var(--sf-text)}.sfInput::placeholder{color:#f2f2f259}.sfInput:focus{outline:1px dotted rgba(242,242,242,.35);outline-offset:2px}.sfChipRow{display:flex;gap:.5rem;flex-wrap:wrap}.sfChip{border:1px solid var(--sf-border);background:transparent;color:var(--sf-text);border-radius:var(--sf-r-pill);padding:.35rem .6rem;cursor:pointer;font-size:.825rem}.sfChipActive{background:var(--sf-surface)}.sfListButton{width:100%;text-align:left;border:0;border-bottom:1px solid rgba(242,242,242,.06);background:transparent;color:var(--sf-text);padding:.9rem var(--sf-space-40);cursor:pointer}.sfListButton:hover{background:#f2f2f20d}.sfListButtonActive{background:#f2f2f212}.sfMsgRow{display:grid;grid-template-columns:56px 1fr;gap:.8rem;align-items:end;margin-bottom:.9rem}.sfAvatar{width:48px;height:48px;border-radius:999px;border:1px solid var(--sf-border);background:#f2f2f20f;display:grid;place-items:center;color:var(--sf-muted);font-weight:700}.sfMessageBubble{max-width:720px;padding:var(--sf-space-30);border-radius:var(--sf-r-bubble);border:1px solid var(--sf-border);background:#f2f2f214}.sfMessageBubbleOutbound{margin-left:auto;background:#f2f2f21f}.sfNotchIn{border-bottom-left-radius:0}.sfNotchOut{border-bottom-right-radius:0}.sfComposer{display:grid;grid-template-columns:260px 1fr auto;gap:.6rem;padding:var(--sf-space-40);border-top:1px solid var(--sf-border);background:#010203a6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:0 0 auto}.sfDrawer{position:absolute;left:var(--sf-space-40);right:var(--sf-space-40);bottom:calc(100% + 12px);max-height:40vh;overflow:auto;border:1px solid var(--sf-border);background:#010203eb;border-radius:var(--sf-r-bubble);padding:var(--sf-space-30)}.sfComposerWrap{position:relative}.sfQuickRow{display:flex;justify-content:space-between;gap:.6rem;align-items:center}.sfAttachRow{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.sfAttachPill{display:inline-flex;gap:.45rem;align-items:center;border:1px solid var(--sf-border);border-radius:var(--sf-r-pill);padding:.25rem .55rem;background:#f2f2f20f;font-size:.825rem}.sfAttachRemove{border:0;background:transparent;color:var(--sf-muted);cursor:pointer;padding:0}.sfInputWrap{position:relative}.sfInputWrap .sfInput{padding-right:3.2rem}.sfInputSuffix{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:999px;border:1px solid rgba(242,242,242,.14);background:#f2f2f20f;cursor:pointer;-webkit-user-select:none;user-select:none}.sfInputSuffix:hover{background:#f2f2f21a}.sfInputSuffix span{font-size:.95rem;line-height:1;color:var(--sf-muted)}.sfSelect{width:100%;padding:.7rem .8rem;border-radius:4px;border:2px solid rgba(242,242,242,.14);background:transparent;color:var(--sf-text)}.sfSelect option{background:#0b0c0d;color:var(--sf-text)}.sfPage{max-width:980px;margin:0 auto;padding:var(--sf-space-70) var(--sf-space-40)}.sfGrid2{display:grid;grid-template-columns:56px 1fr;gap:.9rem;align-items:end}@media (max-width: 980px){.sfLayout,.sfComposer{grid-template-columns:1fr}}