body.receiver-mode{background:#eef1f3}.picker-shell{min-height:100svh;background:linear-gradient(135deg,#eef2f4 0%,#f8f2f1 100%);color:#24232a;padding:23px 18px 28px;display:flex;flex-direction:column;align-items:center;position:relative;overflow-x:hidden}.picker-banner{background:#f2d400;color:#0e0e0e;padding:4px 10px;border-radius:0 0 8px 8px;font-weight:900;font-size:clamp(15px,4.7vw,22px);line-height:1.25;white-space:nowrap;box-shadow:0 2px 0 rgba(0,0,0,.08)}.picker-avatar{width:94px;height:94px;border-radius:50%;object-fit:cover;margin-top:4px;border:3px solid rgba(255,255,255,.82);box-shadow:0 3px 10px rgba(34,36,42,.15)}.picker-step{display:none;width:min(100%,380px);text-align:center}.picker-step.active{display:block;animation:picker-in .35s ease-out both}@keyframes picker-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.picker-step h1{font-size:20px;line-height:1.25;margin:12px 0 5px;font-weight:900;letter-spacing:-.04em}.picker-step>p{font-size:11px;color:#98999f;margin:0 0 16px}.food-grid,.date-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.picker-choice{border:0;background:rgba(224,240,249,.92);border-radius:12px;min-height:66px;color:#343238;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;transition:transform .18s,background .18s,box-shadow .18s}.picker-choice:hover{transform:translateY(-2px);background:#d8edf8}.picker-choice.selected{background:#b9e1f1;box-shadow:inset 0 0 0 2px #7ac0d9,0 4px 0 rgba(69,139,164,.13);transform:translateY(-2px)}.food-choice span{font-size:25px;line-height:1}.picker-choice small{font-size:11px;color:#596069}.date-choice{min-height:54px}.date-choice strong{font-size:12px}.date-choice small{font-size:9px}.picker-label{text-align:left;font-weight:900;font-size:12px;margin:12px 2px 7px}.time-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.time-choice{min-height:42px;font-size:11px}.picker-next{margin:19px auto 0;background:#ee9fb5;color:#fff;border:0;border-radius:999px;min-height:39px;padding:0 24px;font-size:12px;font-weight:800;box-shadow:0 4px 0 #dc8ea6;transition:.2s}.picker-next:hover:not(:disabled){transform:translateY(-2px)}.picker-next:disabled{opacity:.45;cursor:default}.picker-progress{display:flex;justify-content:center;gap:5px;margin-top:10px}.picker-progress i{width:5px;height:5px;border-radius:50%;background:#c5c9cd}.picker-progress i.on{width:15px;border-radius:8px;background:#e990aa}.result-card{margin:18px auto 0;text-align:left;background:rgba(221,240,249,.96);border-radius:18px;padding:19px 18px 14px;box-shadow:0 9px 0 rgba(128,159,173,.08)}.result-title{text-align:center;font-weight:900;font-size:14px;padding-bottom:13px;border-bottom:1px dashed #b4d0dc}.result-row{display:flex;justify-content:space-between;align-items:center;font-size:11px;padding:10px 0;border-bottom:1px solid rgba(166,198,209,.35)}.result-row span{color:#626970}.result-row strong{font-size:12px}.result-foot{text-align:center;font-size:10px;color:#707a80;padding-top:13px}.picker-toast{position:fixed;z-index:9;left:50%;bottom:22px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#453b55;color:#fff;border-radius:999px;padding:10px 15px;font-size:11px;transition:.25s;white-space:nowrap}.picker-toast.show{opacity:1;transform:translate(-50%,0)}.avatar-uploader{border:1px dashed #f0b9c9;border-radius:16px;padding:12px;display:flex;align-items:center;gap:11px;background:#fffafd}.avatar-upload-preview{width:52px;height:52px;border-radius:50%;background-size:cover;background-position:center;background-color:#ffe8ef;flex:none;border:2px solid #ffd0de}
@media (min-width:700px){.picker-shell{width:430px;min-height:760px;margin:20px auto;border-radius:28px;box-shadow:0 20px 60px rgba(79,85,98,.2);padding-top:25px}.picker-banner{font-size:18px}.picker-avatar{margin-top:7px}}