/* Final visual tuning for the voice card. */
.home-button.voice{color:#3d705d;background:var(--card)}
.home-button.voice::before{background:#9ac8a2;opacity:.72}
.home-button.voice::after{color:currentColor}
.home-button.voice .home-icon{background:transparent;box-shadow:none;backdrop-filter:none}

/* One typeface throughout the app, matching the title. */
body,button,input,textarea,select,.page-head h2,.home-intro h2{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",system-ui,sans-serif!important}
.page-head h2,.home-intro h2{font-weight:800}
.brand{justify-content:center;text-align:center;margin-bottom:32px}.brand h1{color:#a25745;font-size:31px;letter-spacing:.06em;font-weight:800;text-shadow:0 1px 0 #fffaf3}.home-button i{display:none}
.home-intro{text-align:center}
html,body{min-height:100%;overflow-x:hidden}#app{padding-bottom:max(120px,calc(env(safe-area-inset-bottom) + 100px))}.evaluation{overflow:hidden}.evaluation-body{max-height:min(52dvh,520px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;overflow-wrap:anywhere;white-space:pre-wrap;padding-right:6px}.evaluation-scroll-hint{margin:12px 0 0;color:var(--muted);font-size:14px}

.back{width:auto;min-width:92px;padding:0 16px;font-size:16px;font-weight:700;border:1px solid #d8cdc0;background:#fffaf3;box-shadow:0 5px 12px #2d37400d}

.photo-drop{padding:25px 20px}.photo-action{display:flex;align-items:center;justify-content:center;gap:11px;font-size:21px;font-weight:800;color:#6f463b}.photo-action img{width:30px;height:30px}.photo-help{display:block;margin-top:6px;color:var(--muted);font-size:15px;font-weight:500}

/* iPhone Safariのdate入力は標準の最小幅を優先するため、カードからはみ出さないようにする。 */
input[type="date"]{display:block;inline-size:100%!important;width:100%!important;max-inline-size:100%!important;max-width:100%!important;min-inline-size:0!important;min-width:0!important;box-sizing:border-box!important;-webkit-appearance:none;appearance:none}
input[type="date"]::-webkit-date-and-time-value,input[type="date"]::-webkit-datetime-edit{min-width:0;text-align:start}

/* 送信欄は狭いスマホでも文章とボタンがつぶれないようにする。 */
.chat-form textarea{flex:1 1 auto;min-inline-size:0;width:auto}.chat-form button{flex:0 0 96px;width:96px;padding-inline:10px;white-space:nowrap}