body{font-family:var(--ar)}
.fhead{position:sticky;top:0;z-index:5;background:var(--navy);color:var(--navy-ink);padding:calc(12px + env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) 12px max(16px,env(safe-area-inset-left,0px));display:flex;justify-content:space-between;align-items:center;gap:10px}
.fhead b{font-size:16px}
.fhead .sub{font-size:12px;opacity:.75}
.fhead .ghost{background:transparent;color:var(--navy-ink);border-color:rgba(255,255,255,.3);font-family:var(--ar)}
.fmain{max-width:640px;margin:0 auto;padding:14px max(16px,env(safe-area-inset-right,0px)) 0 max(16px,env(safe-area-inset-left,0px))}
.fsec{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px}
.fsec h3{font-size:15px;margin:0 0 2px;display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.fsec h3 small,.fld .lb small{font-family:var(--sans);font-weight:400;font-size:11.5px;color:var(--muted);direction:ltr}
.fld{padding:10px 0;border-top:1px solid var(--line);display:grid;gap:8px}
.fsec h3+.fld{border-top:none}
.fld .lb{font-size:14.5px;font-weight:500;display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.fld .hint{font-size:12px;color:var(--muted)}
.stepper{display:flex;align-items:center;gap:8px;direction:ltr}
.stepper button{width:48px;height:44px;font-size:22px;line-height:1;padding:0;border-radius:8px}
.stepper input{width:90px;height:44px;text-align:center;font-family:var(--mono);font-size:18px}
.seg{display:flex;flex-wrap:wrap;gap:6px}
.seg button{min-height:42px;padding:6px 14px;font-family:var(--ar);font-size:14px;border-radius:8px;flex:1 1 auto}
.seg button.on{background:var(--navy);color:var(--navy-ink);border-color:var(--navy)}
.seg button.on.badopt{background:var(--bad);border-color:var(--bad);color:#fff}
.seg.rate button{flex:1 1 0;font-family:var(--mono);font-size:16px}
select,.fld input[type=text],textarea{width:100%;min-height:44px;font-family:var(--ar);font-size:15px}
textarea{min-height:70px}
.fsubmit{position:sticky;bottom:0;background:var(--bg);padding:12px 0 calc(12px + env(safe-area-inset-bottom,0px));display:grid;gap:8px}
.fsubmit button{min-height:52px;font-size:17px;font-family:var(--ar);border-radius:10px}
.fcalc{display:flex;flex-wrap:wrap;gap:8px;font-size:13px}
.fcalc span{background:var(--panel2);padding:4px 10px;border-radius:6px}
.fcalc span.bad{background:var(--bad-bg);color:var(--bad)}
.fdone{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:18px;text-align:center;margin-bottom:24px}
.fdone .ok{font-size:20px;font-weight:600;color:var(--good);margin-bottom:6px}
.fdone .ok.q{color:var(--warn)}
.fdone ul{text-align:right;padding-right:18px;margin:10px 0}
.fdone button{min-height:48px;width:100%;font-family:var(--ar)}
.today{display:flex;flex-wrap:wrap;gap:6px;padding-top:6px}
.outbox{background:var(--warn-bg);color:var(--warn);border-radius:8px;padding:10px 12px;margin-bottom:12px;font-size:13.5px}
.auth{font-family:var(--ar)}
