:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fffdf8;--ink:#202124;--muted:#6c6f75;--line:#ddd8cd;--green:#2f6f68;--blue:#3f5f96;--rust:#9a4f32;--gold:#ba8b37;background:#f6f4ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}.app-header{z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f6f4efeb;border-bottom:1px solid #2021241a;justify-content:space-between;align-items:center;gap:20px;min-height:68px;padding:12px clamp(18px,4vw,48px);display:flex;position:sticky;top:0}.brand,.top-nav button,.ghost-button{color:var(--ink);background:0 0;border:0;align-items:center;gap:8px;display:inline-flex}.brand{font-weight:800}.top-nav{align-items:center;gap:8px;display:flex}.top-nav button,.ghost-button{border-radius:7px;min-height:38px;padding:0 12px}.top-nav button.active,.top-nav button:hover,.ghost-button:hover{background:#2f6f681a}.directory-page,.admin-page,.call-page{width:min(1240px,100% - 32px);margin:0 auto}.intro-band{grid-template-columns:minmax(0,1fr) 180px;align-items:end;gap:28px;padding:42px 0 28px;display:grid}.eyebrow{color:var(--green);text-transform:uppercase;margin:0 0 10px;font-size:13px;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:820px;color:var(--ink);letter-spacing:0;margin-bottom:0;font-size:46px;line-height:1.08}.intro-metrics{border:1px solid var(--line);background:var(--paper);border-radius:8px;place-items:center;min-height:132px;display:grid}.intro-metrics span{color:var(--rust);font-size:44px;font-weight:900;line-height:1}.intro-metrics small{color:var(--muted)}.character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding-bottom:52px;display:grid}.character-card{min-width:0}.character-card button{border:1px solid color-mix(in srgb, var(--accent), #fff 58%);width:100%;min-height:520px;color:var(--ink);text-align:left;background:var(--paper);border-radius:8px;grid-template-rows:270px auto auto auto 1fr auto;gap:10px;padding:12px 12px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid;box-shadow:0 18px 36px #23221f14}.character-card button:hover,.character-card.selected button{border-color:var(--accent);transform:translateY(-3px);box-shadow:0 22px 42px #23221f24}.character-card img{object-fit:cover;background:color-mix(in srgb, var(--accent), #fff 76%);border-radius:6px;width:100%;height:270px}.character-card strong{font-size:25px}.character-card em{color:var(--accent);font-style:normal;font-weight:800}.character-type{color:#fff;background:var(--accent);border-radius:5px;justify-self:start;min-height:26px;padding:4px 8px;font-size:12px;font-weight:800}.description{color:var(--muted);line-height:1.6}.select-row{color:var(--ink);align-items:center;gap:8px;font-weight:800;display:inline-flex}.call-page{grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:20px;padding:28px 0 40px;display:grid}.character-stage{border:1px solid color-mix(in srgb, var(--accent), #fff 56%);background:linear-gradient(145deg, color-mix(in srgb, var(--accent), #fff 72%), #fffdf8 56%), var(--paper);border-radius:8px;min-height:calc(100vh - 138px);position:relative;overflow:hidden}.character-stage:before{content:"";border:1px solid color-mix(in srgb, var(--accent), transparent 45%);border-radius:8px;position:absolute;inset:24px}.stage-status{z-index:2;min-height:34px;color:var(--ink);background:#fffdf8d1;border-radius:6px;align-items:center;gap:8px;padding:0 10px;display:inline-flex;position:absolute;top:22px;left:22px}.stage-status span{background:var(--accent);border-radius:999px;width:9px;height:9px}.tone-listening .stage-status span,.tone-speaking .stage-status span{animation:.9s infinite alternate pulse}.portrait-shell{place-items:center;display:grid;position:absolute;inset:70px 36px 122px}.portrait-shell img,.portrait-shell video{object-fit:cover;border-radius:8px;width:min(100%,520px);height:100%;max-height:560px;box-shadow:0 30px 70px #2021242e}.live2d-fallback{border-radius:8px;width:min(100%,520px);height:100%;max-height:560px;animation:4.2s ease-in-out infinite live2d-idle;position:relative;overflow:hidden;box-shadow:0 30px 70px #2021242e}.live2d-fallback img{object-fit:cover;width:100%;height:100%;box-shadow:none;border-radius:0}.live2d-fallback small{max-width:calc(100% - 20px);color:var(--ink);background:#fffdf8d1;border-radius:5px;padding:5px 8px;font-size:11px;position:absolute;bottom:10px;right:10px}.live2d-breath{border:1px solid color-mix(in srgb, var(--accent), transparent 35%);opacity:.28;border-radius:999px;animation:2.8s ease-in-out infinite live2d-breath;position:absolute;inset:12%}.live2d-mouth{transform-origin:top;opacity:.72;background:#5a2522d6;border-radius:0 0 999px 999px;width:54px;height:11px;position:absolute;top:50.8%;left:50%;transform:translate(-50%)scaleY(.35)}.live2d-fallback.talking .live2d-mouth{animation:.18s ease-in-out infinite alternate mouth-talk}.live2d-fallback.listening{filter:saturate(1.04)}.live2d-eye{opacity:0;background:#20212461;border-radius:999px;width:38px;height:8px;animation:5.6s infinite blink;position:absolute;top:42.3%}.live2d-eye.left{left:39%}.live2d-eye.right{right:39%}.tone-speaking .portrait-shell{transform:translateY(-2px)}.stage-caption{z-index:2;background:#fffdf8db;border-radius:8px;padding:16px;position:absolute;bottom:24px;left:24px;right:24px}.stage-caption h2{margin-bottom:4px;font-size:30px}.stage-caption p{color:var(--muted);margin-bottom:0}.conversation-panel,.admin-editor,.admin-list{border:1px solid var(--line);background:var(--paper);border-radius:8px}.conversation-panel{grid-template-rows:auto minmax(360px,1fr) auto auto;min-height:calc(100vh - 138px);display:grid}.conversation-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.call-timer{min-width:70px;color:var(--muted);font-variant-numeric:tabular-nums;text-align:right}.transcript{min-height:0;max-height:calc(100vh - 310px);padding:18px;overflow:auto}.empty-transcript{min-height:320px;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.line{gap:6px;max-width:86%;margin-bottom:16px;display:grid}.line strong{color:var(--muted);font-size:13px}.line span{background:#f0eee7;border-radius:8px;padding:12px 14px;line-height:1.65}.line.assistant span{background:#2f6f681a}.line.user{margin-left:auto}.line.user strong{text-align:right}.line.user span{color:#fff;background:var(--ink)}.error-text{color:#9d2f2f;margin:0 18px 12px;font-size:14px}.call-controls{border-top:1px solid var(--line);justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.round-button,.primary-call,.save-button{border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.round-button{width:48px;height:48px;color:var(--ink);background:#ece8df}.round-button.danger{color:#fff;background:#a33a36}.primary-call,.save-button{color:#fff;background:var(--green);min-height:48px;padding:0 22px}.admin-page{grid-template-columns:360px minmax(0,1fr);gap:20px;padding:28px 0 48px;display:grid}.admin-list{align-self:start;padding:20px}.admin-list h1{margin-bottom:22px;font-size:30px;line-height:1.16}.admin-character-list{gap:10px;display:grid}.admin-character-list button{width:100%;min-height:70px;color:var(--ink);text-align:left;background:#f4f1e9;border:1px solid #0000;border-radius:7px;grid-template-columns:54px 1fr;align-items:center;gap:12px;padding:8px;display:grid}.admin-character-list button.active{border-color:var(--green);background:#2f6f681a}.admin-character-list img{object-fit:cover;border-radius:6px;width:54px;height:54px}.admin-character-list span{gap:3px;display:grid}.admin-character-list small{color:var(--muted)}.admin-editor{gap:16px;padding:20px;display:grid}.field-grid,.media-grid{gap:14px;display:grid}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-grid{grid-template-columns:repeat(4,minmax(0,1fr))}label{color:var(--muted);gap:7px;font-size:13px;font-weight:800;display:grid}.media-grid label{align-content:start}input,select,textarea{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fffefa;border-radius:7px}input,select{padding:0 10px}textarea{resize:vertical;padding:10px}.prompt-editor{min-height:360px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.55}.admin-actions{align-items:center;gap:14px;display:flex}.admin-actions span{color:var(--muted)}audio{display:none}@keyframes pulse{0%{opacity:.65;transform:scale(1)}to{opacity:1;transform:scale(1.45)}}@keyframes live2d-idle{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes live2d-breath{0%,to{transform:scale(.98)}50%{transform:scale(1.02)}}@keyframes mouth-talk{0%{height:8px;transform:translate(-50%)scaleY(.4)}to{height:30px;transform:translate(-50%)scaleY(1)}}@keyframes blink{0%,94%,to{opacity:0}96%{opacity:1}}@media (width<=960px){.app-header{flex-direction:column;align-items:flex-start}.intro-band,.call-page,.admin-page{grid-template-columns:1fr}h1{font-size:34px}.intro-metrics{min-height:96px}.character-grid{grid-template-columns:1fr}.character-stage,.conversation-panel{min-height:620px}.media-grid,.field-grid{grid-template-columns:1fr}}