:root{font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,sans-serif;color:#f6eef0;background:#0d0d11;--pink:#ff6689;--deep:#21181d;--line:#513b45;--neon:#ff7897}
*{box-sizing:border-box}body{margin:0;min-height:100dvh;overflow:hidden;background:radial-gradient(circle at 80% 12%,#421b29 0,transparent 34%),radial-gradient(circle at 10% 90%,#24183c 0,transparent 36%),#0d0d11}
.blob{position:fixed;border-radius:50%;filter:blur(55px);opacity:.35}.b1{width:260px;height:260px;background:#8d233e;top:-80px;right:-60px}.b2{width:230px;height:230px;background:#392477;bottom:-70px;left:-60px}
.shell{position:relative;min-height:100dvh;display:grid;place-items:center;padding:14px}.card{position:relative;width:min(100%,460px);min-height:min(690px,calc(100dvh - 28px));padding:26px 22px;border:1px solid #5e4a52;border-radius:28px;background:rgba(19,19,23,.88);box-shadow:0 0 0 1px #1f1a1d,0 24px 80px #0008,0 0 55px #9d315126;backdrop-filter:blur(16px);overflow:hidden}
.card:after{content:"";pointer-events:none;position:absolute;inset:7px;border:1px solid #ffffff0a;border-radius:22px}.top{display:flex;justify-content:space-between;font-size:13px;font-weight:800;letter-spacing:.17em;color:#c89aa7}.step{letter-spacing:.08em}.iconbox{width:84px;height:84px;margin:34px auto 20px;display:grid;place-items:center;border-radius:24px;background:#2b171e;color:var(--neon);box-shadow:inset 0 0 20px #ff668922,0 0 24px #ff668916}.iconbox svg{width:48px;height:48px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}
h1{text-align:center;font-size:34px;line-height:1.22;margin:0 0 12px;letter-spacing:-.035em}.sub{text-align:center;color:#c2abb2;line-height:1.65;margin:0 0 22px;font-size:17px;font-weight:600}.actions,.choices{display:grid;gap:13px;margin-top:26px}button{min-height:58px;border:0;border-radius:15px;padding:14px 18px;font:inherit;font-size:17px;font-weight:800;cursor:pointer;transition:.18s;touch-action:manipulation}button:active{transform:scale(.97)}.primary{background:linear-gradient(135deg,#5b3440,#3a242b);color:white;border:1px solid #8e5868;box-shadow:0 8px 24px #0005}.secondary,.choice{background:#17171b;color:#eee5e8;border:1px solid #493b40}.hint{text-align:center;color:#ff91aa;font-size:15px;font-weight:700;min-height:24px;margin:16px 0 0}
.fade{animation:enter .32s cubic-bezier(.2,.8,.2,1)}@keyframes enter{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.calendar{margin-top:14px}.week,.days{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.week span{text-align:center;font-size:13px;color:#9f8990;padding:5px 0}.day{aspect-ratio:1;border-radius:11px!important;min-height:0!important;padding:0!important;background:#18181d!important;border:1px solid #3b3236!important;color:#eee!important;font-size:15px}.day.blank{visibility:hidden}.day.selected{background:#9f3e58!important;color:#fff!important;border-color:#ff7897!important;box-shadow:0 0 16px #ff668944}.selectedText{text-align:center;font-size:14px;color:#c9abb4;margin:12px 0 0}.foodgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin-top:18px}.food{min-height:78px;background:#18181d;border:1px solid #493b40;color:#f4ecee}.food.selected{border-color:#ff7897;background:#3a2029;color:#fff;box-shadow:0 0 18px #ff668933}.summary{margin:20px 0 8px;padding:18px;border-radius:17px;background:#17171b;border:1px solid #493b40;font-size:16px;line-height:1.9}.summary b{color:#ff91aa}
.crosshair{position:fixed;width:38px;height:38px;border:2px solid #ff7897;border-radius:50%;pointer-events:none;z-index:50;opacity:0;transition:left .2s cubic-bezier(.2,.8,.2,1),top .2s cubic-bezier(.2,.8,.2,1),opacity .15s;filter:drop-shadow(0 0 6px #ff6689)}.crosshair:before,.crosshair:after{content:"";position:absolute;background:#ff7897}.crosshair:before{width:50px;height:2px;left:-8px;top:16px}.crosshair:after{width:2px;height:50px;left:16px;top:-8px}.crosshair.on{opacity:1}.targeted{border-color:#ff7897!important;box-shadow:0 0 0 1px #ff7897,0 0 22px #ff668944!important}
@media(max-width:480px){.shell{padding:10px}.card{min-height:calc(100dvh - 20px);border-radius:24px;padding:24px 18px}.iconbox{margin-top:30px}h1{font-size:35px}.sub{font-size:17px}.top{font-size:13px}button{font-size:18px;min-height:60px}.food{min-height:82px}}@media(max-height:700px){.iconbox{margin:18px auto 12px;width:68px;height:68px}.iconbox svg{width:40px;height:40px}h1{font-size:30px}.sub{margin-bottom:14px}.card{min-height:0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.crosshair.locked{animation:lockPulse .32s ease-out}.lockedTarget{animation:targetFlash .32s ease-out}@keyframes lockPulse{0%{transform:scale(1)}45%{transform:scale(.62);filter:drop-shadow(0 0 12px #ff6689)}70%{transform:scale(1.18)}100%{transform:scale(1)}}@keyframes targetFlash{0%,100%{filter:none}45%{filter:brightness(1.7)}}

.food{position:relative;overflow:visible}.foodmsg{position:absolute;z-index:60;left:50%;bottom:calc(100% + 8px);transform:translate(-50%,8px) scale(.96);width:max-content;max-width:180px;padding:8px 11px;border:1px solid #ff7897;border-radius:10px;background:#2b171ef2;color:#ffd9e2;font-size:13px;font-weight:800;line-height:1.25;box-shadow:0 8px 22px #0008,0 0 16px #ff668933;opacity:0;pointer-events:none;transition:.18s}.foodmsg:after{content:"";position:absolute;left:50%;top:100%;transform:translateX(-50%);border:6px solid transparent;border-top-color:#ff7897}.foodmsg.show{opacity:1;transform:translate(-50%,0) scale(1)}

.day.loading{opacity:.25}.day.unavailable{opacity:.18!important;filter:grayscale(1);cursor:not-allowed}.day.available{border-color:#76505d!important;box-shadow:inset 0 0 12px #ff668912}.timegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.time{min-height:44px!important;padding:8px!important;background:#18181d;color:#eee;border:1px solid #493b40;font-size:15px}.time.selected{background:#9f3e58;color:#fff;border-color:#ff7897;box-shadow:0 0 16px #ff668944}

/* mobile calendar fit */
@media(max-width:480px){body{overflow:auto}.shell{min-height:100dvh;display:block;padding:8px}.card{min-height:calc(100dvh - 16px);padding:18px 16px 22px;overflow:visible}.iconbox{width:62px;height:62px;margin:18px auto 12px}.iconbox svg{width:36px;height:36px}h1{font-size:30px;margin-bottom:7px}.sub{font-size:15px;line-height:1.45;margin-bottom:12px}.calendar{margin-top:6px}.week,.days{gap:4px}.day{aspect-ratio:auto;height:48px;font-size:16px}.selectedText{margin:8px 0}.timegrid{grid-template-columns:repeat(3,1fr);gap:6px;margin:8px 0}.time{min-height:48px!important;font-size:16px}#dateNext{position:sticky;bottom:10px;z-index:70;margin-top:10px!important;box-shadow:0 8px 30px #000,0 0 18px #ff668944}}