:root{--bg:oklch(0.985 0.006 145);--bg-2:oklch(0.972 0.009 150);--surface:oklch(1 0 0);--surface-2:oklch(0.978 0.008 150);--ink:oklch(0.27 0.018 165);--ink-soft:oklch(0.46 0.016 165);--ink-faint:oklch(0.62 0.012 165);--border:oklch(0.905 0.010 155);--border-2:oklch(0.845 0.013 155);--sage:oklch(0.605 0.072 162);--sage-deep:oklch(0.505 0.076 163);--sage-ink:oklch(0.40 0.066 164);--sage-soft:oklch(0.945 0.030 162);--sage-softer:oklch(0.968 0.017 162);--coral:oklch(0.705 0.135 41);--coral-deep:oklch(0.625 0.142 38);--coral-soft:oklch(0.935 0.045 48);--amber:oklch(0.805 0.105 78);--amber-soft:oklch(0.955 0.045 84);--lilac:oklch(0.66 0.095 300);--lilac-soft:oklch(0.955 0.030 300);--focus:oklch(0.55 0.155 255);--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:22px;--r-xl:30px;--r-pill:999px;--shadow-xs:0 1px 2px rgba(40,50,45,0.05);--shadow-sm:0 2px 8px -2px rgba(40,55,48,0.10);--shadow:0 8px 28px -10px rgba(40,55,48,0.18);--shadow-md:0 8px 28px -10px rgba(40,55,48,0.18);--shadow-lg:0 22px 60px -18px rgba(35,50,44,0.28);--font-display:"Bricolage Grotesque","Figtree",system-ui,sans-serif;--font-ui:"Figtree",system-ui,-apple-system,sans-serif;--density:1;--gap:calc(20px * var(--density));--pad:calc(24px * var(--density));--rail-w:252px;--topbar-h:72px}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%}body{font-family:var(--font-ui);background:var(--bg);color:var(--ink);font-size:16.5px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{height:100%}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;line-height:1.12;letter-spacing:-.015em;margin:0;color:var(--ink);text-wrap:balance}p{margin:0;text-wrap:pretty}button{font-family:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px;border-radius:4px}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-2) transparent}.scroll::-webkit-scrollbar{width:10px}.scroll::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:99px;border:3px solid var(--bg)}.scroll::-webkit-scrollbar-track{background:transparent}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:var(--r-pill);border:1.5px solid transparent;font-size:16px;font-weight:600;background:var(--surface-2);color:var(--ink);transition:transform .12s ease,background .15s ease,box-shadow .15s ease,border-color .15s ease;white-space:nowrap}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--sage);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--sage-deep)}.btn-ghost{background:transparent;border-color:var(--border-2);color:var(--ink)}.btn-ghost:hover{background:var(--surface-2);border-color:var(--ink-faint)}.btn-soft{background:var(--sage-soft);color:var(--sage-ink)}.btn-soft:hover{background:var(--sage-softer)}.btn-coral{background:var(--coral);color:#fff;box-shadow:var(--shadow-sm)}.btn-coral:hover{background:var(--coral-deep)}.btn-lg{min-height:58px;font-size:18px;padding:0 30px}.btn-sm{min-height:40px;font-size:14.5px;padding:0 16px;gap:7px}.btn-icon{width:48px;min-height:48px;padding:0;border-radius:var(--r-pill)}.card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-xs)}.card-hover{transition:transform .15s ease,box-shadow .18s ease,border-color .15s ease;cursor:pointer}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--border-2)}.chip{display:inline-flex;align-items:center;gap:7px;padding:6px 13px;border-radius:var(--r-pill);background:var(--surface-2);border:1.5px solid var(--border);font-size:13.5px;font-weight:600;color:var(--ink-soft)}.chip-sage{background:var(--sage-soft);color:var(--sage-ink)}.chip-coral,.chip-sage{border-color:transparent}.chip-coral{background:var(--coral-soft);color:var(--coral-deep)}.chip-amber{background:var(--amber-soft);color:oklch(.5 .1 70)}.chip-amber,.chip-lilac{border-color:transparent}.chip-lilac{background:var(--lilac-soft);color:oklch(.46 .1 300)}.input{width:100%;min-height:52px;padding:0 18px;border-radius:var(--r);border:1.5px solid var(--border-2);background:var(--surface);color:var(--ink);font-size:16.5px;font-family:inherit}.input::placeholder{color:var(--ink-faint)}.input:focus{border-color:var(--sage)}textarea.input{padding:14px 18px;resize:none;line-height:1.5}.label{display:block;font-size:14.5px;color:var(--ink-soft);margin-bottom:8px}.avatar,.label{font-weight:700}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;flex:none;font-family:var(--font-display);color:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-size:cover;background-position:50%}.avatar:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.16) 0 7px,rgba(255,255,255,0) 7px 14px);mix-blend-mode:overlay}.avatar .ph-tag{position:absolute;bottom:4px;right:4px;font-family:ui-monospace,monospace;font-size:8px}.avatar-ring{box-shadow:0 0 0 3px var(--surface),0 0 0 5px var(--sage)}@keyframes voicePulse{0%{box-shadow:0 0 0 0 oklch(.705 .135 41/.45),var(--shadow)}70%{box-shadow:0 0 0 18px oklch(.705 .135 41/0),var(--shadow)}to{box-shadow:0 0 0 0 oklch(.705 .135 41/0),var(--shadow)}}.voice-live{animation:voicePulse 1.8s ease-out infinite}@keyframes barbounce{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.row{align-items:center}.col,.row{display:flex}.col{flex-direction:column}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.grow{flex:1 1}.wrap{flex-wrap:wrap}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.center{align-items:center}.between{justify-content:space-between}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.imgph{background-color:var(--surface-2);background-image:repeating-linear-gradient(135deg,oklch(.92 .012 155) 0 10px,oklch(.95 .01 155) 10px 20px);display:flex;align-items:center;justify-content:center;color:var(--ink-faint);font-family:ui-monospace,monospace;font-size:12px;border-radius:var(--r)}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .4s cubic-bezier(.2,.7,.3,1) both}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}@keyframes spin{to{transform:rotate(1turn)}}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--border);border-top-color:var(--sage);animation:spin .8s linear infinite}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}