:root{--white:#fff;--paper:#fafafa;--ink:#0b0b0b;--muted:#707070;--soft:#9a9a9a;--line:#e6e6e6;--line-dark:#d2d2d2;--hover:#f4f4f4;--mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}*{box-sizing:border-box}html,body{background:var(--white);min-height:100%;color:var(--ink);font-family:var(--mono);-webkit-font-smoothing:antialiased;text-rendering:geometricprecision;margin:0}body{overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}.app-shell{background:var(--white);grid-template-columns:248px minmax(0,1fr);height:100dvh;display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--line);background:var(--paper);flex-direction:column;height:100dvh;padding:22px 16px 18px;display:flex;overflow:hidden}.brand-mark{place-items:center;width:46px;height:46px;margin:0 3px 20px;display:grid;overflow:visible}.brand-mark img{object-fit:contain;width:30px;height:30px;display:block}.mobile-brand img{object-fit:contain;width:24px;height:24px;display:block}.new-chat{border:1px solid var(--line-dark);background:var(--white);width:100%;min-height:42px;color:var(--ink);letter-spacing:-.01em;border-radius:8px;align-items:center;gap:10px;margin-bottom:24px;padding:0 12px;font-size:12px;transition:background .16s,border-color .16s;display:flex}.new-chat:hover{background:var(--hover);border-color:#bdbdbd}.nav{gap:3px;display:grid}.nav a{color:#555;letter-spacing:-.02em;border-radius:8px;align-items:center;gap:11px;min-height:40px;padding:0 11px;font-size:12px;text-decoration:none;transition:background .16s,color .16s;display:flex}.nav a:hover{color:var(--ink);background:#efefef}.nav a.active{color:var(--ink);background:#ebebeb;font-weight:600}.sidebar-spacer{flex:1;min-height:18px}.profile{border-top:1px solid var(--line);flex-shrink:0;grid-template-columns:32px 1fr auto;align-items:center;gap:10px;min-height:54px;padding:16px 8px 0;display:grid}.avatar{background:var(--ink);width:32px;height:32px;color:var(--white);border-radius:50%;place-items:center;font-size:11px;font-weight:600;display:grid}.profile strong,.profile span{display:block}.profile strong{font-size:11px;font-weight:700}.profile span{color:var(--muted);margin-top:2px;font-size:9px}.profile .profile-arrow{color:var(--muted);margin:0;font-size:13px}.workspace{background:var(--white);flex-direction:column;min-width:0;height:100dvh;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:#fffffff7;flex:0 0 56px;justify-content:flex-end;align-items:center;height:56px;padding:0 26px;display:flex}.mobile-brand{display:none}.topbar-actions{align-items:center;gap:18px;display:flex}.status{color:var(--muted);letter-spacing:-.02em;align-items:center;gap:7px;font-size:10px;display:inline-flex}.status i{background:#111;border-radius:50%;width:6px;height:6px;display:block}.topbar-actions button{color:#555;letter-spacing:.08em;background:0 0;border:0;padding:4px}.conversation{flex-direction:column;justify-content:center;width:min(820px,100% - 56px);height:calc(100dvh - 56px);margin:0 auto;padding:24px 0 16px;display:flex}.intro{text-align:center;max-width:650px;margin:0 auto 22px}.intro h1{letter-spacing:-.065em;margin:0;font-size:clamp(27px,2.6vw,36px);font-weight:600;line-height:1.06}.intro p{max-width:610px;color:var(--muted);letter-spacing:-.025em;margin:12px auto 0;font-size:12px;line-height:1.65}.composer{border:1px solid var(--line-dark);background:var(--white);border-radius:15px;padding:13px 14px 11px;box-shadow:0 12px 38px #00000009}.composer textarea{resize:none;width:100%;min-height:62px;color:var(--ink);background:0 0;border:0;outline:none;padding:4px 5px;font-size:12px;line-height:1.55}.composer textarea::placeholder{color:#999}.composer-footer{justify-content:space-between;align-items:center;gap:14px;padding:4px 3px 0 5px;display:flex}.composer-meta{color:#858585;letter-spacing:-.02em;align-items:center;gap:7px;font-size:9px;display:flex}.send{background:var(--ink);width:36px;height:36px;color:var(--white);border:0;border-radius:50%;place-items:center;transition:transform .16s,opacity .16s;display:grid}.send:hover{opacity:.82;transform:translate(1px)}.suggestion-list{border-top:1px solid var(--line);margin-top:16px}.suggestion{border:0;border-bottom:1px solid var(--line);background:var(--white);text-align:left;grid-template-columns:34px 1fr 28px;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 4px;transition:background .16s;display:grid}.suggestion:hover{background:var(--paper)}.suggestion-icon{border:1px solid var(--line-dark);color:#252525;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.suggestion-copy strong,.suggestion-copy small{display:block}.suggestion-copy strong{color:var(--ink);letter-spacing:-.025em;font-size:11px;font-weight:700;line-height:1.25}.suggestion-copy small{color:var(--muted);letter-spacing:-.02em;margin-top:3px;font-size:9px;line-height:1.3}.suggestion-arrow{color:#999;place-items:center;transition:transform .16s,color .16s;display:grid}.suggestion:hover .suggestion-arrow{color:var(--ink);transform:translate(2px)}.footnote{text-align:center;color:#a0a0a0;margin:9px 0 0;font-size:8px;line-height:1.35}.mobile-nav{display:none}@media (max-height:760px) and (min-width:841px){.conversation{justify-content:flex-start;padding-top:20px}.intro{margin-bottom:15px}.intro h1{font-size:28px}.intro p{margin-top:8px}.composer textarea,.suggestion{min-height:50px}.suggestion-list{margin-top:12px}.footnote{margin-top:6px}}@media (max-width:840px){body{overflow:auto}.app-shell{grid-template-columns:1fr;height:auto;min-height:100dvh;overflow:visible}.sidebar{display:none}.workspace{height:auto;min-height:100dvh;padding-bottom:70px;overflow:visible}.topbar{flex-basis:56px;justify-content:space-between;height:56px;padding:0 16px}.mobile-brand{width:29px;height:29px;display:block}.status{display:none}.conversation{justify-content:flex-start;width:min(100% - 28px,700px);height:auto;min-height:calc(100dvh - 126px);padding:36px 0 20px}.intro{margin-bottom:20px}.intro h1{letter-spacing:-.055em;font-size:clamp(25px,7vw,32px)}.intro p{max-width:92%;font-size:11px}.composer{border-radius:13px}.composer-meta span{display:none}.suggestion{min-height:64px}.suggestion-copy small{max-width:94%}.mobile-nav{z-index:20;height:64px;padding:7px 10px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafafaf5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-nav a{color:#777;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:7px;text-decoration:none;display:flex}.mobile-nav a.active{color:var(--ink)}}@media (max-width:520px){.topbar-actions button{padding-right:0}.conversation{width:calc(100% - 20px);padding-top:28px}.intro h1{font-size:26px}.composer textarea{min-height:72px}.suggestion{grid-template-columns:32px 1fr 22px;gap:10px}.suggestion-copy small{font-size:8px}.footnote{padding:0 12px}}