@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg: #f8fafc;--bg-accent: radial-gradient(circle at top, rgba(37, 99, 235, .14), transparent 34%), linear-gradient(180deg, #f8fafc 0%, #eef4ff 100%);--surface: rgba(255, 255, 255, .92);--surface-strong: #ffffff;--surface-muted: #eff6ff;--text: #0f172a;--text-muted: #64748b;--primary: #2563eb;--primary-dark: #1d4ed8;--border: rgba(148, 163, 184, .25);--shadow: 0 24px 60px rgba(15, 23, 42, .12);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--safe-bottom: env(safe-area-inset-bottom, 0px);color-scheme:light;font-family:Plus Jakarta Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;background:var(--bg-accent);color:var(--text)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}textarea,input{font-size:16px}.app-shell{min-height:100vh;padding:20px 16px 24px}.app-container{width:min(100%,480px);min-height:calc(100vh - 40px);margin:0 auto;padding:16px;border-radius:36px;background:#ffffff8f;border:1px solid rgba(255,255,255,.55);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.experience-shell,.chat-shell{min-height:calc(100vh - 72px);display:flex;flex-direction:column;gap:16px}.hero-card,.detail-panel,.message-panel,.composer-panel,.chat-hero-card,.pending-audio-card,.empty-state-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 16px 40px #0f172a14}.hero-card,.detail-panel,.chat-hero-card,.composer-panel,.pending-audio-card,.empty-state-card{padding:20px}.brand-row,.detail-header,.chat-hero-top,.composer-actions,.pending-audio-actions,.message-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-mark,.role-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:54px;height:54px;border-radius:18px;font-weight:800}.brand-mark{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff}.eyebrow{margin:0 0 6px;font-size:.74rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--primary)}.hero-title,.chat-title,.detail-copy h2{margin:0;font-size:2rem;line-height:1.05}.hero-copy,.detail-copy p,.chat-subtitle,.role-card-copy span,.message-status-line,.audio-duration,.empty-state-card p,.pending-audio-card p{margin:0;color:var(--text-muted)}.card-stack{display:grid;gap:14px}.role-card{display:flex;align-items:center;gap:14px;width:100%;padding:18px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-strong);color:var(--text);cursor:pointer;text-align:left;transition:transform .18s ease,box-shadow .18s ease}.role-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #2563eb1f}.role-icon-blue{background:#2563eb1f;color:var(--primary)}.role-icon-green{background:#22c55e1f;color:#15803d}.role-card-copy{display:grid;gap:4px}.role-card-copy strong{font-size:1.05rem}.field-block{display:grid;gap:8px;margin-top:16px}.field-block span{font-size:.9rem;font-weight:700}.app-input,.composer-input{width:100%;border:1px solid rgba(148,163,184,.34);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--text);padding:14px 16px;outline:none}.app-input:focus,.composer-input:focus{border-color:#2563eb73;box-shadow:0 0 0 4px #2563eb1f}.app-input-large{font-size:1.3rem;font-weight:700;letter-spacing:.08em}.primary-action,.secondary-action,.ghost-button,.ghost-link{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 18px;border-radius:18px;font-weight:700;border:0;cursor:pointer}.primary-action{width:100%;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 14px 30px #2563eb3d}.primary-action:disabled,.secondary-action:disabled{opacity:.6;cursor:not-allowed}.secondary-action,.ghost-button,.ghost-link{background:var(--surface-muted);color:var(--text)}.secondary-action-danger{background:#f43f5e1f;color:#be123c}.ghost-link{min-height:40px;padding:0 14px}.status-chip{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;background:#2563eb1f;color:var(--primary);font-size:.82rem;font-weight:700}.detail-copy{margin-top:16px}.message-panel{flex:1;overflow:hidden;padding:0}.message-list{height:100%;max-height:52vh;overflow-y:auto;display:grid;gap:12px;padding:18px}.message-card{display:grid;gap:10px;padding:16px;border-radius:22px;max-width:92%}.message-card-self{justify-self:end;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff}.message-card-self .message-status-line,.message-card-self .message-card-top,.message-card-self .audio-duration,.message-card-self .message-body{color:#ffffffe6}.message-card-peer{background:var(--surface-strong);border:1px solid var(--border)}.message-card-top{font-size:.78rem;color:inherit}.message-body{margin:0;line-height:1.6}.audio-card{display:grid;gap:8px}.audio-player{width:100%}.pending-audio-card{display:grid;gap:12px}.composer-panel{padding-bottom:calc(20px + var(--safe-bottom))}.composer-input{min-height:108px;resize:vertical;margin-bottom:14px}.composer-actions{align-items:stretch}.composer-actions .primary-action,.composer-actions .secondary-action{width:auto;flex:1}@media(max-width:640px){.app-shell{padding:0}.app-container{width:100%;min-height:100vh;border-radius:0;padding:18px 14px 20px}.experience-shell,.chat-shell{min-height:calc(100vh - 38px)}.hero-title,.chat-title,.detail-copy h2{font-size:1.72rem}.message-list{max-height:none;min-height:40vh}}