:root{--color-bg: #fff7f0;--color-surface: #ffffff;--color-surface2: #fff0e2;--color-line: #f0e1d3;--color-text: #3b3340;--color-sub: #6e6372;--color-accent: #ffb443;--color-on-accent: #3b3340;--color-danger: #d2463b;--color-tint-strong: #ffe9cf;--color-accent-shadow: #e89a2c;--color-accent-text: #9a5800;--color-danger-text: #b83a30;--color-danger-tint: #fde6e2;--color-danger-shadow: #a8332a;--color-night: #2f2a4a;--color-on-night: #fff7f0;--color-on-night-sub: #e4ddf5;--color-waiting-ring: #f4c98e;--color-avatar-ring-inner: #ffe2bf;--color-live: #2fa67a;--color-timer-muted: #c9bdb3;--color-star-empty: #e2d2c4;--color-heart-on: #e8743b;--color-notice-sub: #4a4458;--color-overlay: rgba(59, 51, 64, .45);--color-balloon: #9c8cf2;--color-balloon-deep: #5b4cc4;--color-balloon-bg: #ece6ff;--color-balloon-line: #dcd4ff;--color-balloon-shadow: #463a9e;--color-on-balloon: #ffffff;--purpose-chat-bg: #ffe3d3;--purpose-chat-fg: #b4532a;--purpose-consult-bg: #ece6ff;--purpose-consult-fg: #5b4cc4;--purpose-work-bg: #dcf3e8;--purpose-work-fg: #23795a;--font-family: "Zen Kaku Gothic New", sans-serif;--font-display: "Zen Maru Gothic", "Zen Kaku Gothic New", sans-serif;--radius-button: 999px;--radius-card: 20px;--radius-input: 16px;--app-max-width: 480px;--tab-bar-height: 80px}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}.avatar-photo-wrap,.avatar-illustration-wrap{display:inline-block;border-radius:50%;overflow:hidden;flex-shrink:0;line-height:0}.avatar-photo{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.avatar-illustration{width:100%;height:100%;display:block;border-radius:50%}html,body{margin:0;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-family);font-weight:400}body{overflow-x:hidden}#fallback{max-width:var(--app-max-width);margin:0 auto;padding:32px 24px;line-height:1.7;color:var(--color-sub)}#app{max-width:var(--app-max-width);margin:0 auto;min-height:100vh;min-height:100dvh;padding:32px 24px}.brand-logo{height:32px;width:auto;display:block}h1,.screen-title,.saved-title,.mypage-title,.login-hero h1,.login-sent h1,.home-hero h1,.waiting-page h1,.call-timer,.rate-title,.extend-title{font-family:var(--font-display)}.screen-title{margin:0;font-size:22px;font-weight:700;line-height:1.4}.login-button,.home-talk-button,.rate-submit,.extend-yes{border:0;border-radius:var(--radius-button);background:var(--color-accent);color:var(--color-on-accent);font-family:var(--font-display);font-weight:700;box-shadow:0 4px 0 var(--color-accent-shadow);cursor:pointer}.login-button:active:not(:disabled),.home-talk-button:active:not(:disabled),.rate-submit:active:not(:disabled),.extend-yes:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--color-accent-shadow)}.login-button:disabled,.home-talk-button:disabled,.rate-submit:disabled,.extend-yes:disabled{opacity:.45;cursor:not-allowed}.call-hangup,.safety-sheet-danger{border:0;border-radius:var(--radius-button);background:var(--color-danger);color:#fff;font-family:var(--font-display);font-weight:700;box-shadow:0 4px 0 var(--color-danger-shadow);cursor:pointer}.call-hangup:active:not(:disabled),.safety-sheet-danger:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 var(--color-danger-shadow)}.waiting-cancel,.extend-no,.login-input,.home-choice,.avatar-picker-photo-row,.rate-follow{border-width:1.5px;border-style:solid;border-color:var(--color-line)}.page-back-button{color:var(--color-text)}.page-back-button svg,.safety-overflow svg,.home-icon-button svg{stroke:currentColor}.safety-flag{color:var(--color-danger-text)}.safety-flag svg{stroke:currentColor}.safety-overflow{color:var(--color-sub)}.rate-follow{color:var(--color-text)}.waiting-visual-mic{color:var(--color-accent)}.waiting-visual-mic svg{stroke:currentColor}.dev-nav{margin-top:40px;padding-top:20px;border-top:1px solid var(--color-line)}.dev-nav-label{margin:0 0 12px;font-size:12px;color:var(--color-sub)}.dev-nav ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.dev-nav a{color:var(--color-accent-text);font-size:14px;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.dev-nav a:hover{text-decoration:underline}