/* Pho Queen form pages: visual styling only. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@600;700&display=swap');
:root{--wine:#5A2027;--ink:#29231F;--gold:#B8944F;--cream:#F7F2E8;--surface:#FFFDF8;--muted:#746D65;--line:#DED4C4}
body{background:var(--cream);color:var(--ink);font:400 16px/1.6 "DM Sans",sans-serif}
header{min-height:70px;padding:12px max(20px,calc((100% - 1160px)/2));background:rgba(247,242,232,.97);color:var(--wine);border-bottom:1px solid rgba(90,32,39,.14)}
header img{width:150px}header>a{min-width:0}#language{background:var(--cream);color:var(--ink);border-color:rgba(90,32,39,.42);padding:9px 12px}
main{max-width:720px;margin:38px auto;padding:0 24px 64px}
a{color:var(--wine);text-underline-offset:4px}a:hover{color:var(--ink)}
h1,h2,h3{font-family:"Playfair Display",serif;font-weight:600;color:var(--wine);letter-spacing:-.025em}
h1{font-size:clamp(2.1rem,4.3vw,3rem);line-height:1.12;margin:28px 0 16px}h2,.job h2{font-size:1.9rem;line-height:1.2}h3{font-size:1.4rem;line-height:1.3}
html[lang="zh-Hans"] h1,html[lang="zh-Hans"] h2,html[lang="zh-Hans"] h3{font-family:system-ui,sans-serif;line-height:1.35}
#intro{color:var(--muted);margin:0 0 26px;line-height:1.68}
.card{border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:30px;margin:26px 0;box-shadow:0 10px 28px rgba(41,35,31,.05)}
input,textarea,select{font:inherit;color:var(--ink);background:#fff;border:1px solid #AA9B89;border-radius:6px;padding:12px;max-width:100%}
input::placeholder,textarea::placeholder{color:var(--muted)}label{font-weight:500;margin:18px 0}label>span{display:block;margin-bottom:7px}
input[type=checkbox],input[type=radio]{accent-color:var(--wine)}
input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--wine);outline-offset:3px}
button{font:700 14px/1.4 "DM Sans",sans-serif;letter-spacing:.06em;text-transform:uppercase;border:1px solid transparent;border-radius:3px;background:var(--wine);color:var(--cream);padding:12px 20px;min-height:48px}
button:hover:not(:disabled){background:var(--ink);color:var(--cream)}button:disabled{opacity:.6}
.secondary{background:transparent;color:var(--wine);border-color:var(--wine)}
.choices{gap:12px;margin:22px 0}.choices button,.day-grid button{background:var(--surface);color:var(--wine);border:1px solid var(--line);border-radius:6px;text-transform:none;letter-spacing:0;font-size:16px}
.choices button[aria-pressed=true],.day-grid button[aria-pressed=true]{background:#EFE4CE;border-color:var(--wine);box-shadow:inset 0 0 0 1px var(--wine)}
.choices button:hover:not(:disabled),.day-grid button:hover:not(:disabled){background:#EFE4CE;color:var(--wine);border-color:var(--wine)}
.day-grid{gap:6px}.day-grid button{font-size:14px;padding:10px 0}.day-row{border-color:var(--line);border-radius:6px;padding:16px}.day-row legend{color:var(--wine)}
.muted{color:var(--muted);font-size:14px}.eyebrow{color:#80632C;font-size:12px;letter-spacing:.14em}.job{padding:28px 0;border-color:var(--line)}
.assistant-name{color:var(--wine);border-color:var(--line)}.bubble,.answer-bubble{background:var(--wine);color:var(--cream)}.history .bubble{background:#EEE6D8;color:var(--ink)}
.apply-dock{background:var(--surface)}.actions{gap:12px;margin-top:26px}.consent{font-weight:400}.check-label{font-weight:400}
#error{color:#9B2929}#progress{color:var(--wine);font-weight:600}dt{color:var(--wine)}
input[type=file]::file-selector-button{font:600 14px "DM Sans",sans-serif;color:var(--wine);background:var(--cream);border:1px solid var(--line);border-radius:3px;padding:9px 12px;margin-right:10px}
@media(max-width:560px){header{min-height:62px;padding:10px 16px;gap:12px}header img{width:126px}#language{max-width:145px}main{margin-top:24px;padding:0 16px 110px}.card{padding:20px;margin:22px 0}h1{font-size:2.05rem;margin-top:24px}.job h2{font-size:1.7rem}.apply-dock{background:var(--cream);border-top:1px solid var(--gold);padding:14px 20px max(14px,env(safe-area-inset-bottom));box-shadow:0 -5px 18px rgba(41,35,31,.08)}.time-row{gap:8px}}
@media(max-width:360px){header{flex-wrap:wrap}.day-grid{gap:3px}.day-grid button{font-size:12px}.time-row{grid-template-columns:1fr}}