:root{--bg: #080706;--bg-2: #100e0c;--ink: #f3ece1;--muted: #8d867a;--line: rgba(201, 168, 117, .18);--gold: #c9a875;--gold-2: #e8d5b0;--danger: #c4846a;--serif: "Noto Serif SC", "Cormorant Garamond", serif;--sans: "Noto Sans SC", "Segoe UI", sans-serif;--display: "Cormorant Garamond", "Noto Serif SC", serif;--accent: var(--gold)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans)}body{font-weight:400;letter-spacing:.01em}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}::selection{background:#c9a87547}.page{min-height:100vh;position:relative;overflow:hidden}.ambient{pointer-events:none;position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(1000px 520px at 12% -10%,rgba(201,168,117,.14),transparent 55%),radial-gradient(800px 480px at 100% 0%,rgba(125,155,134,.08),transparent 50%),linear-gradient(180deg,#0c0a08,#080706 40%,#060504);z-index:0}.ambient.dim{opacity:.7}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E")}.topbar,.hero,.catalog,.setup-grid,.setup-foot,.chat-shell{position:relative;z-index:1}.topbar{display:flex;align-items:center;justify-content:space-between;padding:28px 48px 8px}.brand{display:flex;gap:12px;align-items:center}.brand.compact{gap:8px;letter-spacing:.28em;font-size:11px;text-transform:uppercase;color:var(--muted)}.mark{width:36px;height:36px;border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:18px;color:var(--gold-2)}.mark.sm{width:28px;height:28px;font-size:14px}.brand-name{font-family:var(--serif);font-size:20px;letter-spacing:.4em;padding-left:.4em}.brand-sub{font-size:10px;letter-spacing:.46em;color:var(--muted);padding-left:.46em}.top-meta{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--muted)}.hero{padding:48px 48px 28px;max-width:860px}.eyebrow{margin:0 0 14px;font-size:11px;letter-spacing:.38em;text-transform:uppercase;color:var(--gold)}.hero h1{margin:0;font-family:var(--display);font-weight:500;font-size:clamp(40px,6vw,72px);line-height:1.15;letter-spacing:.04em}.hero h1 em{font-style:italic;color:var(--gold-2)}.lede{max-width:560px;color:var(--muted);line-height:1.9;font-weight:300}.catalog{list-style:none;margin:0;padding:8px 48px 80px}.catalog-item{display:grid;grid-template-columns:88px 1fr auto;gap:24px;align-items:center;padding:28px 8px;border-top:1px solid var(--line);cursor:pointer;transition:background .35s ease,padding-left .35s ease}.catalog-item:last-child{border-bottom:1px solid var(--line)}.catalog-item:hover{background:linear-gradient(90deg,rgba(201,168,117,.06),transparent 70%);padding-left:12px}.catalog-item.create{border-top:1px dashed rgba(201,168,117,.35)}.idx{font-family:var(--display);font-size:22px;color:var(--accent, var(--gold));letter-spacing:.12em}.catalog-body h2{margin:0 0 6px;font-family:var(--serif);font-weight:500;font-size:28px}.catalog-body p{margin:0;color:var(--muted);font-weight:300}.chips{display:flex;gap:10px;margin-top:12px}.chips span{font-size:11px;letter-spacing:.16em;color:var(--gold);border:1px solid var(--line);padding:4px 8px}.catalog-side{display:flex;flex-direction:column;align-items:flex-end;gap:12px}.catalog-action{font-size:12px;letter-spacing:.22em;color:var(--gold-2)}.ghost,.ghost-wide,.gold,.text-btn,.send,.tiny{background:transparent;border:1px solid var(--line)}.ghost{padding:6px 10px;font-size:12px;color:var(--muted)}.ghost:hover,.text-btn:hover{color:var(--ink);border-color:var(--gold)}.ghost-wide{width:100%;padding:10px 12px;letter-spacing:.18em;font-size:12px;color:var(--gold-2)}.gold{background:var(--gold);color:#1a140c;border:0;padding:10px 18px;letter-spacing:.16em}.gold.large{padding:16px 28px;font-size:14px}.text-btn{border:0;color:var(--muted);letter-spacing:.12em;font-size:12px;padding:0}.setup-grid{display:grid;grid-template-columns:280px 1.1fr 1fr;gap:20px;padding:12px 48px 120px}.panel{border:1px solid var(--line);background:#100e0cb8;padding:22px;min-height:540px;display:flex;flex-direction:column;gap:14px}.panel h2{margin:0;font-family:var(--serif);font-weight:500;font-size:26px}.panel-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.count{color:var(--muted);font-size:12px}label{display:flex;flex-direction:column;gap:8px;font-size:12px;letter-spacing:.14em;color:var(--muted)}input,textarea{width:100%;background:#00000047;border:1px solid var(--line);padding:12px 14px;outline:none;resize:none}input:focus,textarea:focus{border-color:var(--gold)}.panel.prompt textarea,.paste{flex:1;min-height:180px;line-height:1.7;font-weight:300}.accent-row{display:flex;flex-direction:column;gap:10px;color:var(--muted);font-size:12px;letter-spacing:.14em}.swatches{display:flex;gap:8px}.swatch{width:18px;height:18px;border-radius:50%;border:1px solid transparent;padding:0}.swatch.on{outline:1px solid var(--ink);outline-offset:3px}.drop{border:1px dashed rgba(201,168,117,.35);padding:18px;text-align:center;cursor:pointer;color:var(--muted)}.drop strong{display:block;color:var(--gold-2);font-weight:500;margin-bottom:6px}.docs{list-style:none;margin:0;padding:0;overflow:auto;max-height:180px}.docs li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.docs strong{display:block;font-weight:500}.docs p{margin:4px 0 0;color:var(--muted);font-size:12px}.setup-foot{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:18px 48px;background:linear-gradient(180deg,transparent,rgba(8,7,6,.94) 28%);border-top:1px solid var(--line);z-index:3}.foot-title{font-family:var(--serif);font-size:22px}.foot-sub{color:var(--muted);font-size:13px;margin-top:4px}.chat-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr 300px;background:radial-gradient(900px 500px at 30% -20%,rgba(201,168,117,.1),transparent 50%),var(--bg)}.rail,.insight{border-right:1px solid var(--line);padding:24px 20px;display:flex;flex-direction:column;gap:16px;background:#0807068c}.insight{border-right:0;border-left:1px solid var(--line)}.rail-brand{display:flex;gap:10px;align-items:center}.rail-name{font-family:var(--serif);font-size:20px}.rail-sub,.muted{color:var(--muted);font-size:12px;line-height:1.7}.rail-label{margin:12px 0 0;font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}.session-list{list-style:none;margin:0;padding:0;overflow:auto;flex:1}.session-list li{display:flex;align-items:center;gap:6px}.session{flex:1;text-align:left;border:0;background:transparent;color:var(--muted);padding:8px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session.on{color:var(--gold-2)}.tiny{width:22px;height:22px;padding:0;color:var(--muted)}.rail-foot{display:flex;flex-direction:column;gap:8px;padding-top:8px;border-top:1px solid var(--line)}.salon{display:flex;flex-direction:column;min-width:0;height:100vh}.salon-head{display:flex;justify-content:space-between;align-items:flex-end;padding:28px 36px 16px;border-bottom:1px solid var(--line)}.salon-head h1{margin:0;font-family:var(--display);font-weight:500;font-size:36px}.status{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.16em;color:var(--muted)}.status i{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status.live i{background:#7d9b86;box-shadow:0 0 10px #7d9b86}.status.local i{background:var(--gold)}.transcript{flex:1;overflow:auto;padding:28px 36px 12px}.welcome{max-width:640px;padding:48px 8px}.welcome-kicker{color:var(--gold);letter-spacing:.22em;font-size:12px}.welcome h2{font-family:var(--display);font-weight:500;font-size:40px;margin:8px 0 12px}.welcome p{color:var(--muted);line-height:1.9}.suggest{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.suggest button{background:transparent;border:1px solid var(--line);color:var(--gold-2);padding:10px 14px;text-align:left;max-width:100%}.suggest button:hover{border-color:var(--gold)}.bubble{max-width:760px;margin:0 0 28px;animation:rise .45s ease}.bubble.user{margin-left:auto;text-align:right}.who{font-size:11px;letter-spacing:.22em;color:var(--gold);margin-bottom:8px}.user-text{display:inline-block;text-align:left;border:1px solid var(--line);padding:14px 16px;background:#c9a8750f;line-height:1.7}.md p,.md li{line-height:1.9;font-weight:300}.md h2,.md h3{font-family:var(--serif);font-weight:500;margin:16px 0 8px}.md ul{padding-left:18px}.md code{font-family:ui-monospace,Consolas,monospace;font-size:.92em;color:var(--gold-2)}.md pre{background:#110f0d;border:1px solid var(--line);padding:12px;overflow:auto}.cites{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:8px}.cites li{font-size:12px;color:var(--muted);border-left:1px solid var(--gold);padding:6px 10px;line-height:1.6}.cites span{display:block;color:var(--gold-2);margin-bottom:2px}.stages{display:flex;gap:16px;margin-bottom:12px;font-size:12px;letter-spacing:.16em;color:#4e4a44}.stages span.on{color:var(--gold-2)}.pulse{width:84px;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);animation:slide 1.1s linear infinite}.err{color:var(--danger)}.composer{display:flex;gap:12px;align-items:flex-end;padding:16px 36px 28px;border-top:1px solid var(--line);background:linear-gradient(180deg,transparent,rgba(8,7,6,.9))}.composer textarea{min-height:52px;max-height:160px;line-height:1.6}.send{width:52px;height:52px;border-radius:50%;background:var(--accent, var(--gold));color:#1a140c;border:0;font-family:var(--serif);font-size:20px}.send:disabled{opacity:.35}.insight h3{margin:0;font-family:var(--serif);font-weight:500;font-size:24px}.insight-list{list-style:none;margin:0;padding:0;overflow:auto}.insight-list li{padding:12px 0;border-top:1px solid var(--line)}.insight-top{display:flex;justify-content:space-between;margin-bottom:6px}.insight-top em{font-style:normal;color:var(--gold);font-size:12px}.prompt-peek{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:20;padding:24px}.drawer{width:min(720px,100%);max-height:82vh;overflow:auto;background:#100e0c;border:1px solid var(--line);padding:24px}.drawer.slim{width:min(460px,100%)}.drawer header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.drawer h2,.drawer h3{font-family:var(--serif);font-weight:500;margin:0 0 8px}.drawer-doc{padding:16px 0;border-top:1px solid var(--line)}.drawer pre{white-space:pre-wrap;color:var(--muted);font-family:var(--sans);line-height:1.8;font-size:13px}.drawer label{margin:14px 0}.empty-note{padding:80px;color:var(--muted)}.intake-shell{grid-template-columns:240px 1fr}.step-rail{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.step-rail li{display:flex;gap:10px;align-items:center;color:#4e4a44;font-size:13px;letter-spacing:.06em}.step-rail li span{font-family:var(--display);color:inherit;width:28px}.step-rail li.now{color:var(--gold-2)}.step-rail li.done{color:var(--muted)}.progress-line{height:1px;background:var(--line);position:relative}.progress-line b{display:block;height:1px;background:var(--gold);transition:width .35s ease}.ask-text{margin:0;font-family:var(--serif);font-size:22px;line-height:1.7;font-weight:400}.desk-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 320px;gap:28px;padding:12px 48px 64px}.ticket{border:1px solid var(--line);background:#100e0cc2;padding:36px 40px 40px;min-height:70vh}.ticket h1,.inbox h2{margin:0 0 8px;font-family:var(--display);font-weight:500;font-size:40px}.ticket-no{color:var(--gold);letter-spacing:.28em;font-size:12px}.ticket-fields{margin:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:22px 28px}.ticket-fields dt{font-size:11px;letter-spacing:.2em;color:var(--muted);margin-bottom:6px}.ticket-fields dd{margin:0;font-family:var(--serif);font-size:22px;line-height:1.45}.ticket-fields .phone{letter-spacing:.08em}.brief{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}.brief p:last-child{margin:8px 0 0;line-height:1.9;color:var(--gold-2);font-weight:300}.ticket-actions{display:flex;gap:12px;margin-top:28px;max-width:420px}.inbox h2{font-size:28px}.inbox ul{list-style:none;margin:16px 0 0;padding:0}.inbox-item{width:100%;text-align:left;background:transparent;border:0;border-top:1px solid var(--line);padding:14px 0;display:flex;flex-direction:column;gap:6px}.inbox-item span{color:var(--muted);font-size:12px}.thanks{position:relative;z-index:1;max-width:640px;padding:18vh 48px 80px}.thanks h1{margin:0 0 16px;font-family:var(--display);font-weight:500;font-size:clamp(36px,5vw,56px)}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes slide{0%{transform:translate(-20px);opacity:.3}to{transform:translate(40px);opacity:1}}@media(max-width:1080px){.setup-grid,.chat-shell,.intake-shell,.desk-grid{grid-template-columns:1fr}.insight,.rail{display:none}.salon{height:auto;min-height:100vh}.ticket-fields{grid-template-columns:1fr}.topbar,.hero,.catalog,.setup-grid,.setup-foot,.desk-grid{padding-left:20px;padding-right:20px}.catalog-item{grid-template-columns:48px 1fr}.catalog-side{display:none}}
