*{box-sizing:border-box;margin:0}html,body,#root{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Noto Sans JP,sans-serif;background:#fdf6f8;color:#4a4e69;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.app{min-height:100%;display:flex;align-items:center;justify-content:center;padding:16px}.card{width:100%;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}@media(min-width:768px){.card{background:#fff;border-radius:24px;padding:40px 32px;box-shadow:0 8px 32px #4a4e691f}}.avatar{width:clamp(140px,40vw,200px);height:clamp(140px,40vw,200px);border-radius:50%;background:linear-gradient(180deg,#ffe9f0,#ffd6e4);display:flex;align-items:center;justify-content:center;transition:box-shadow .3s}.avatar-active{box-shadow:0 0 0 6px #4d96ff40}.avatar-face{font-size:clamp(64px,18vw,96px);line-height:1}.title{font-size:32px;font-weight:600}.status{font-size:16px}.error{font-size:13px;color:#c0392b}.end-reason{font-size:13px;color:#8a8f9c}.call-info{display:flex;flex-direction:column;align-items:center;gap:6px}.elapsed{font-size:18px;font-weight:600;font-variant-numeric:tabular-nums}.mic{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid #e5dde2;display:flex;align-items:center;justify-content:center;font-size:18px;transition:border-color .2s,box-shadow .2s}.mic-active{border-color:#4d96ff;box-shadow:0 0 0 6px #4d96ff33}.countdown{font-size:12px;color:#b0b5c0}.button{margin-top:8px;padding:14px 32px;border:none;border-radius:24px;background:#4d96ff;color:#fff;font-size:16px;font-weight:600;cursor:pointer;min-width:200px;min-height:48px}.button:disabled{opacity:.5;cursor:default}.button-end{background:#c0392b}.token-label{width:100%;max-width:320px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#8a8f9c;text-align:left}.token-input{padding:10px 12px;border:1px solid #e5dde2;border-radius:12px;font-size:14px;background:#fff;color:#4a4e69}.google-button{min-height:44px;display:flex;justify-content:center}.button-apple{background:#000;min-width:280px}.link-button{border:none;background:none;color:#8a8f9c;font-size:13px;cursor:pointer;text-decoration:underline}.dev-auth{margin-top:16px;width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px;font-size:12px;color:#b0b5c0}.dev-auth summary{cursor:pointer}.mic-recovered{font-size:13px;color:#2e8b57}.avatar-banner{width:100%;max-width:420px;aspect-ratio:393 / 340;background-size:cover;background-position:center;position:relative;display:flex;justify-content:center;align-items:flex-end;overflow:hidden;border-radius:12px}.avatar-sway{width:56%;margin-bottom:-2%;animation:avatar-sway 7.2s ease-in-out infinite}@keyframes avatar-sway{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.avatar-box{position:relative;width:100%}.avatar-frame{position:absolute;inset:0}.avatar-frame img{width:100%;height:100%;object-fit:contain;object-position:bottom;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.avatar-overlay{position:absolute;top:0;left:0}.secondary-links{margin-top:40px;display:flex;gap:48px;justify-content:center}.link-button{padding:12px 8px}.balance{font-size:13px;color:#8a8f9c}.modal-backdrop{position:fixed;inset:0;background:#4a4e6973;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.modal{background:#fff;border-radius:20px;padding:24px 20px;width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.modal-title{font-size:20px;font-weight:600}.package-list{width:100%;display:flex;flex-direction:column;gap:10px}.package{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px 16px;border:1px solid #e5dde2;border-radius:14px;background:#fff;cursor:pointer;text-align:left}.package:disabled{opacity:.5;cursor:default}.package-info{display:flex;flex-direction:column;gap:2px}.package-title{font-size:15px;font-weight:600;color:#4a4e69}.package-desc{font-size:12px;color:#8a8f9c}.package-price{font-size:15px;font-weight:600;color:#4d96ff;white-space:nowrap}.sandbox-badge{font-size:12px;font-weight:700;color:#b45309;background:#fef3c7;border-radius:8px;padding:4px 10px}.legal-links{margin-top:20px;display:flex;gap:16px;justify-content:center;flex-wrap:wrap;font-size:11px}.legal-links a,.end-reason a{color:#8a8f9c}.package-current{border-color:#4d96ff;background:#f2f7ff}.package-current-badge{font-size:12px;font-weight:700;color:#2e8b57}