:root{--ink: #14221c;--moss: #2f5d4a;--leaf: #6f9b7a;--sand: #e7dcc8;--paper: #f3ece0;--ember: #c45c26;--mist: rgba(20, 34, 28, .08);--shadow: 0 24px 60px rgba(20, 34, 28, .18);--font-display: "Fraunces", "Noto Sans SC", serif;--font-body: "Noto Sans SC", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;height:100dvh}body{font-family:var(--font-body);color:var(--ink);background:var(--paper);overscroll-behavior:none}.shell{position:relative;min-height:100%;height:100%;height:100dvh;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(1200px 600px at 15% 10%,rgba(111,155,122,.35),transparent 60%),radial-gradient(900px 500px at 90% 0%,rgba(196,92,38,.18),transparent 55%),linear-gradient(165deg,#dfe8dc,#f3ece0 42%,#e4d5bf);background-size:cover;background-position:center;z-index:0}.atmosphere.has-image{background-image:linear-gradient(165deg,#dfe8dc8c,#f3ece073 45%,#e4d5bf80),var(--bg-image);background-size:cover;background-position:center}.atmosphere:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.05'/%3E%3C/svg%3E");opacity:.45;pointer-events:none}.topbar,.workspace{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.6rem}.brand{display:flex;flex-direction:column;gap:.15rem}.brand-mark{font-family:var(--font-display);font-size:clamp(2rem,4vw,2.8rem);letter-spacing:.04em;line-height:1}.brand-sub{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:#14221c8c}.meta{display:flex;gap:.5rem;align-items:center}.pill{border:1px solid rgba(20,34,28,.15);background:#f3ece0b3;padding:.35rem .7rem;font-size:.82rem}.pill.ok{border-color:var(--moss);color:var(--moss)}.pill.ghost{opacity:.8}.locale,.bg-select{border:1px solid rgba(20,34,28,.15);background:transparent;padding:.35rem .5rem;font:inherit;color:inherit}.workspace{display:grid;grid-template-columns:minmax(280px,1.1fr) minmax(320px,.9fr);gap:1.2rem;padding:0 1.6rem 1.6rem;min-height:0;height:100%;overflow:hidden}.persona,.chat{min-height:0;background:#f3ece08c;border:1px solid rgba(20,34,28,.1);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.persona{position:relative;display:grid;grid-template-rows:1fr auto;overflow:hidden}.stage{position:relative;width:100%;height:100%;min-height:0;cursor:pointer;touch-action:none;overflow:hidden}.stage canvas{width:100%!important;height:100%!important;display:block}.stage-status{position:absolute;inset:auto 1rem 1rem 1rem;padding:.7rem .9rem;background:#14221cc7;color:var(--sand);font-size:.85rem}.persona-caption{margin:0;padding:.75rem 1rem;font-size:.8rem;color:#14221c99;border-top:1px solid rgba(20,34,28,.08)}.chat{display:grid;grid-template-rows:1fr auto auto}.chat-scroll{overflow:auto;padding:1.2rem;display:flex;flex-direction:column;gap:.85rem;scrollbar-width:thin;scrollbar-color:rgba(47,93,74,.45) transparent}.chat-scroll::-webkit-scrollbar{width:6px}.chat-scroll::-webkit-scrollbar-track{background:transparent}.chat-scroll::-webkit-scrollbar-thumb{background:#2f5d4a59;border-radius:999px}.chat-scroll::-webkit-scrollbar-thumb:hover{background:#2f5d4a8c}.chat-scroll::-webkit-scrollbar-button{display:none;height:0;width:0}.empty{margin:auto 0;max-width:22rem}.empty h1{font-family:var(--font-display);font-size:2rem;font-weight:500;margin:0 0 .6rem}.empty p{margin:0;color:#14221ca6;line-height:1.6}.bubble{max-width:92%;padding:.8rem .95rem;border:1px solid rgba(20,34,28,.08);background:#fffcf6cc;animation:rise .28s ease both}.bubble.user{align-self:flex-end;background:#2f5d4a1a}.bubble.assistant{align-self:flex-start}.bubble header{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;opacity:.55;margin-bottom:.3rem}.bubble header time{flex-shrink:0;letter-spacing:.02em;text-transform:none;font-variant-numeric:tabular-nums}.bubble p{margin:0;white-space:pre-wrap;line-height:1.55}.bubble.streaming{border-style:dashed}.bubble.thinking{border-style:dashed;opacity:.92}.thinking-row{display:inline-flex;align-items:center;gap:.45rem;color:#14221cb3}.thinking-dots{display:inline-flex;align-items:center;gap:.22rem;height:1em}.thinking-dots i{width:.38rem;height:.38rem;border-radius:50%;background:var(--moss);opacity:.35;animation:think-bounce 1.1s ease-in-out infinite}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}@keyframes think-bounce{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}.error{margin:0 1.2rem;padding:.6rem .8rem;background:#c45c261f;color:#8a3410;font-size:.85rem}.composer{display:grid;grid-template-columns:auto 1fr auto;gap:.55rem;padding:1rem 1.2rem 1.2rem}.composer input{border:1px solid rgba(20,34,28,.16);background:#fffcf6e6;padding:.85rem .95rem;font:inherit;outline:none}.composer input:focus{border-color:var(--moss)}.mic,.send{border:0;font:inherit;cursor:pointer;padding:0;width:2.9rem;height:2.9rem;display:inline-flex;align-items:center;justify-content:center}.btn-icon{width:1.35rem;height:1.35rem;display:block}.mic{background:var(--ink);color:var(--sand)}.mic.on{background:var(--ember);animation:pulse 1s ease infinite}.send{background:var(--moss);color:#f7f3ea}.mic:disabled,.send:disabled{opacity:.45;cursor:not-allowed}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pulse{50%{transform:scale(1.04)}}@media(max-width:960px){.shell{grid-template-rows:1fr}.atmosphere{background:radial-gradient(900px 700px at 70% 35%,rgba(111,155,122,.28),transparent 58%),radial-gradient(700px 500px at 10% 90%,rgba(196,92,38,.12),transparent 50%),linear-gradient(180deg,#e4ecdf,#f3ece0 55%,#e8dcc8)}.topbar{position:absolute;top:0;left:0;right:0;z-index:3;padding:max(.55rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) 1.4rem max(.7rem,env(safe-area-inset-left));pointer-events:none;background:linear-gradient(to bottom,#e4ecdfe6,#e4ecdf00)}.topbar .brand,.topbar .meta{pointer-events:auto}.brand-mark{font-size:clamp(1.55rem,7vw,1.9rem)}.brand-sub{display:none}.meta{gap:.3rem}.pill,.locale,.bg-select{padding:.22rem .45rem;font-size:.68rem;border-color:#14221c1f;background:#fffcf68c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.meta .pill.ghost{display:none}.workspace{position:relative;display:block;height:100%;padding:0;gap:0}.persona{position:absolute;top:0;right:0;bottom:0;left:0;border:0;box-shadow:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;z-index:1}.persona-caption{display:none}.stage{min-height:0;height:100%}.stage-status{left:50%;right:auto;bottom:auto;top:42%;transform:translate(-50%,-50%);width:max-content;max-width:80%;font-size:.78rem}.chat{position:absolute;left:0;right:0;bottom:0;width:100%;max-height:min(36dvh,18rem);z-index:2;display:grid;grid-template-rows:minmax(0,1fr) auto auto;border:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden;padding-bottom:env(safe-area-inset-bottom)}.chat-scroll{width:min(16.5rem,62vw);margin-left:max(.55rem,env(safe-area-inset-left));padding:.65rem .7rem .45rem;gap:.4rem;min-height:0;border:0;background:linear-gradient(180deg,#f3ece000,#f3ece059 28%,#f3ece08c);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch}.empty{margin:0;max-width:none;padding:.15rem 0}.empty h1{display:none}.empty p{font-size:.78rem;line-height:1.4;color:#14221c8c}.bubble{max-width:100%;padding:.4rem .55rem;border:0;background:#fffcf68c}.bubble.user{background:#2f5d4a24}.bubble header{font-size:.6rem;margin-bottom:.12rem}.bubble p{font-size:.8rem;line-height:1.4}.error{margin:0 max(.55rem,env(safe-area-inset-left)) 0 max(.55rem,env(safe-area-inset-right));padding:.35rem .5rem;font-size:.72rem}.composer{gap:.4rem;width:100%;padding:.45rem max(.65rem,env(safe-area-inset-right)) .55rem max(.65rem,env(safe-area-inset-left));background:linear-gradient(180deg,#f3ece033,#f3ece0b8);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.composer input{padding:.6rem .7rem;font-size:.88rem;min-width:0;width:100%;border-color:#14221c1a;background:#fffcf6e6}.mic,.send{width:2.35rem;height:2.35rem;flex-shrink:0}.btn-icon{width:1.15rem;height:1.15rem}}@media(max-width:420px){.chat{max-height:min(34dvh,16.5rem)}.chat-scroll{width:min(15rem,64vw)}}