*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#fdf8f0;color:#1d2a30;line-height:1.5}main{max-width:640px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.5rem;margin:0 0 16px}h2{font-size:1.15rem;margin:0 0 8px}button{font:inherit;padding:10px 16px;border-radius:10px;border:1px solid #1f6f8b;background:#1f6f8b;color:#fff;cursor:pointer}button.secondary{background:transparent;color:#1f6f8b}button.danger{background:transparent;color:#b3261e;border-color:#b3261e;padding:2px 8px;font-size:.85rem}button:disabled{opacity:.5;cursor:not-allowed}input,textarea{font:inherit;width:100%;padding:10px;border:1px solid #c9c2b6;border-radius:10px;background:#fff}textarea{min-height:110px;resize:vertical}.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.card,.row{margin:12px 0}.card{background:#fff;border:1px solid #e6dfd3;border-radius:14px;padding:16px}.muted{color:#5f6b70}.error,.muted{font-size:.9rem}.error{color:#b3261e}.prompt{font-size:1.1rem}.followup{border-left:4px solid #f6c453;padding-left:12px;margin:16px 0}.chip{display:inline-block;font-size:.75rem;background:#eaf5f8;color:#1f6f8b;border-radius:999px;padding:1px 8px;margin-left:6px}ul.items{list-style:none;padding:0;margin:0}ul.items li{display:flex;justify-content:space-between;gap:8px;padding:8px 0;border-top:1px solid #f0ebe2}ul.items li:first-child{border-top:0}.rec{display:inline-block;width:10px;height:10px;border-radius:50%;background:#b3261e;margin-right:6px;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.3}}.meter-wrap{display:flex;align-items:center;gap:8px;margin:4px 0 12px}.meter{flex:0 0 160px;height:8px;background:#e6dfd3;border-radius:999px;overflow:hidden}.meter-fill{height:100%;background:#2e9e6a;transition:width 60ms linear}.live{min-height:110px;padding:10px;border:2px solid #2e9e6a;background:#fff;white-space:pre-wrap;margin:4px 0 12px}.live,a.button{border-radius:10px}a.button{display:inline-block;text-decoration:none;font:inherit;padding:10px 16px;border:1px solid #1f6f8b}a.button.secondary{color:#1f6f8b}.meet-shell{justify-content:center;text-align:center}.meet,.meet-shell{min-height:100dvh;display:flex;flex-direction:column}.meet{max-width:480px;margin:0 auto;gap:16px;padding:calc(16px + env(safe-area-inset-top)) calc(16px + env(safe-area-inset-right)) calc(16px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));font-size:1.05rem}.stage{flex:1 1;justify-content:space-between;gap:16px;min-height:180px}.fish,.stage{display:flex;align-items:center}.fish{flex:0 1 42%;flex-direction:column;gap:8px;min-width:0}.fish-name{font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fish-body{position:relative;width:100%;aspect-ratio:3/2;border:3px solid #1d2a30;border-radius:8px;background:#fff}.fish-body .eye{position:absolute;top:28%;width:12px;height:12px;border-radius:50%;background:#1d2a30}.fish.left .eye{right:14%}.fish.right .eye{left:14%}.fish.active .fish-body{border-color:#1f6f8b;background:#eaf5f8;box-shadow:0 0 0 4px #f6c453}.fish.active .fish-name{color:#1f6f8b}.dialogue{display:flex;flex-direction:column;align-items:flex-start;gap:6px;width:100%;min-height:150px;text-align:left;padding:16px;border:3px solid #1d2a30;border-radius:14px;background:#fff;color:#1d2a30;cursor:pointer;font-size:1.05rem;position:relative}.dialogue:disabled{opacity:1;cursor:default}.dialogue.end{cursor:default}.dialogue .speaker{font-weight:700;color:#1f6f8b}.dialogue .text{font-size:1.1rem;line-height:1.45}.dialogue .narrator{font-style:italic}.dialogue .next{position:absolute;right:14px;bottom:10px;font-size:.8rem;color:#5f6b70}.meet-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.meet-actions>*{min-height:48px;min-width:120px;text-align:center;display:inline-flex;align-items:center;justify-content:center}.dev-list li{flex-wrap:wrap;align-items:center}.tag-url code{word-break:break-all}