:root{color-scheme:light;--bg: #eaf4e6;--panel: #fffdf6;--ink: #1d2b24;--muted: #667769;--line: #d4decf;--leaf: #2f7a57;--leaf-dark: #245d43;--gold: #b98627;--blue: #2e86bd;--danger: #a33d35}*{box-sizing:border-box}body{min-height:100vh;margin:0;background:#dcefd5;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#app{min-height:100vh}button,input,select,textarea{font:inherit}button{border:0;border-radius:8px;background:var(--leaf);color:#fffdf6;cursor:pointer;font-weight:800}button:disabled{cursor:wait;opacity:.55}select,input,textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#ffffffd1;color:var(--ink);outline:none;padding:10px 12px;resize:vertical;line-height:1.55}select{min-height:40px}select:focus,input:focus,textarea:focus{border-color:var(--leaf);box-shadow:0 0 0 3px #2f7a5729}.home-shell{display:grid;height:100dvh;min-height:100vh;overflow:hidden;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,rgba(255,225,146,.45),transparent 28%),linear-gradient(145deg,#dcefd5,#f7efd9 58%,#d9ecf5)}.home-card{position:relative;width:min(430px,100%);height:min(860px,calc(100dvh - 40px));min-height:0;border:1px solid rgba(47,122,87,.18);border-radius:24px;background:#95c8e4;box-shadow:0 22px 70px #1d2b242e;overflow:hidden}.home-card:after{position:absolute;right:0;bottom:0;left:0;z-index:2;height:190px;background:linear-gradient(to top,#0a301fe0,#0a301f00);content:"";pointer-events:none}.home-background{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center top}.home-video{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;object-position:center top;background:transparent}.home-video.hidden{opacity:0;pointer-events:none;transform:translate3d(-120%,0,0)}.home-loading{position:absolute;inset:0;z-index:3;display:grid;place-items:center;background:#1d2b244d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.home-loading-content{display:grid;width:min(240px,calc(100% - 64px));justify-items:center;gap:12px;color:#fffdf6;font-weight:800}.home-loading-spinner{width:38px;height:38px;border:3px solid rgba(255,255,255,.42);border-top-color:#fffdf6;border-radius:999px;animation:spin .8s linear infinite}.home-loading-content p,.home-loading-content strong{margin:0;text-shadow:0 2px 12px rgba(0,0,0,.34)}.home-loading-content p{font-size:15px}.home-loading-content strong{font-size:13px}.home-loading-track{width:100%;height:8px;overflow:hidden;border:1px solid rgba(255,255,255,.42);border-radius:999px;background:#fff3}.home-loading-track span{display:block;width:0;height:100%;border-radius:inherit;background:#fffdf6;transition:width .18s ease}.home-welcome{position:absolute;inset:0;z-index:5;display:grid;place-items:end center;padding:0 24px max(98px,calc(84px + env(safe-area-inset-bottom)));background:linear-gradient(to top,rgba(8,42,27,.86),rgba(8,42,27,.18) 48%,transparent)}.home-welcome-panel{display:grid;justify-items:center;gap:14px}.home-welcome-panel p{margin:0;color:#fffdf6;font-size:18px;font-weight:800;text-shadow:0 2px 12px rgba(0,0,0,.34)}.home-welcome-panel button{min-width:136px;height:46px;border:1px solid rgba(255,255,255,.58);border-radius:999px;background:#fffdf6e6;box-shadow:0 14px 34px #082a1b5c;color:var(--leaf-dark);font-size:15px}.home-composer{position:absolute;display:grid;grid-template-columns:minmax(0,1fr) 74px 64px;gap:10px;z-index:4;right:18px;bottom:max(22px,env(safe-area-inset-bottom));left:18px}.home-input{height:52px;border-color:#ffffff8f;border-radius:999px;background:#ffffffc2;box-shadow:0 12px 34px #1d2b2438;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:0 20px;font-size:16px}.home-input:disabled{opacity:.86}.home-send-button{height:52px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#2f7a57eb;box-shadow:0 12px 34px #1d2b2433;color:#fffdf6;font-size:15px}.home-voice-button{height:52px;border:1px solid rgba(255,255,255,.56);border-radius:999px;background:#fff8ece6;box-shadow:0 12px 34px #1d2b242e;color:var(--leaf-dark);font-size:14px;font-weight:700}.home-voice-button-recording{background:#b1423aeb;color:#fff8f1}.home-voice-button:disabled,.home-send-button:disabled{opacity:.7;box-shadow:none}@keyframes spin{to{transform:rotate(360deg)}}.phone-shell{display:grid;min-height:100vh;place-items:center;padding:20px;background:radial-gradient(circle at 15% 10%,rgba(255,225,146,.45),transparent 28%),linear-gradient(145deg,#dcefd5,#f7efd9 58%,#d9ecf5)}.chat-card{display:grid;grid-template-rows:auto auto minmax(260px,1fr) auto auto;gap:14px;width:min(430px,100%);min-height:min(860px,calc(100vh - 40px));border:1px solid rgba(47,122,87,.18);border-radius:24px;background:#fffdf6e0;box-shadow:0 22px 70px #1d2b242e;overflow:hidden;padding:18px}.chat-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.eyebrow{margin:0 0 6px;color:var(--gold);font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}h1{margin:0;font-size:25px;line-height:1.12;letter-spacing:0}.status{flex:0 0 auto;border:1px solid rgba(47,122,87,.2);border-radius:999px;background:#eef8ef;color:var(--leaf-dark);padding:7px 10px;font-size:12px;font-weight:800}.sample-box{display:grid;gap:8px;border:1px solid var(--line);border-radius:14px;background:#ffffff7a;padding:12px}.field{display:grid;gap:7px}.field span{color:var(--muted);font-size:13px;font-weight:800}.engine-grid{display:grid;grid-template-columns:1fr;gap:8px}.sample-actions{display:grid;grid-template-columns:1fr 1fr 72px;gap:8px}.sample-actions button{min-height:36px;background:#fff;color:var(--leaf-dark);border:1px solid var(--line)}.sample-state{margin:0;color:var(--muted);font-size:13px}.sample-state.ok{color:var(--leaf-dark);font-weight:800}.message-list{display:flex;flex-direction:column;gap:10px;overflow:auto;border-radius:16px;padding:4px}.message{max-width:86%;border-radius:16px;padding:11px 13px;line-height:1.6}.message-body{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px;align-items:start}.message p{margin:0;white-space:pre-wrap;word-break:break-word}.message.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line)}.message.user{align-self:flex-end;background:var(--blue);color:#f8fcff}.message.user .message-body{grid-template-columns:minmax(0,1fr)}.replay-button{display:grid;width:28px;height:28px;place-items:center;border:1px solid rgba(47,122,87,.18);border-radius:999px;background:#eef8ef;color:var(--leaf-dark);padding:0}.replay-button:disabled{cursor:wait}.play-icon{width:0;height:0;margin-left:2px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}.audio-player{width:100%}.error-text{margin:0;border:1px solid rgba(163,61,53,.22);border-radius:10px;background:#ffefebdb;color:var(--danger);padding:9px 10px;font-size:13px}.composer{display:grid;grid-template-columns:minmax(0,1fr) 76px;gap:10px;align-items:end}.composer button{min-height:54px;background:var(--leaf)}@media(max-width:520px){.home-shell{padding:0}.home-card{width:100%;height:100dvh;border-radius:0}.phone-shell{padding:0}.chat-card{width:100%;min-height:100dvh;border-radius:0}.sample-actions{grid-template-columns:1fr}}