.hw{--sky-top:#1c0e38;--sky-mid:#3b1d66;--sky-low:#5e3190;--gold:#ffd46b;--sheet:#fff;--ink:#2a2350;--ink-soft:#5d5680;--muted:#8c86a8;--line:#ece8f5;--wash:#f6f3fc;--pumpkin-a:#ff9447;--pumpkin-b:#ee6a2c;--candy:#ff6fb1;color:#fff;min-height:100vh;font-family:var(--hw-font), "M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", system-ui, sans-serif;-webkit-font-smoothing:antialiased;background:url(/lab/halloween/bg.jpg) 72% 0/auto 470px no-repeat,linear-gradient(#4e3ca2 0% 100%);position:relative;overflow-x:hidden}.hw *{box-sizing:border-box}.hw:before{content:"";pointer-events:none;opacity:.9;background-image:radial-gradient(1.6px 1.6px at 12% 18%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 28% 42%,#fff 50%,#0000 51%),radial-gradient(1.8px 1.8px at 44% 12%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 63% 30%,#fff 50%,#0000 51%),radial-gradient(1.6px 1.6px at 78% 9%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 88% 36%,#fff 50%,#0000 51%),radial-gradient(1.4px 1.4px at 8% 58%,#fff 50%,#0000 51%),radial-gradient(1.2px 1.2px at 54% 62%,#fff 50%,#0000 51%),radial-gradient(1.6px 1.6px at 93% 64%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 36% 74%,#fff 50%,#0000 51%),radial-gradient(1px 1px at 70% 80%,#fff 50%,#0000 51%);height:520px;display:none;position:absolute;inset:0 0 auto}.hw-col{flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex;position:relative}.hw-sky{text-align:center;justify-items:center;gap:8px;padding:0 20px;display:grid;position:relative}.hw-badge{letter-spacing:.02em;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;justify-self:start;padding:7px 14px;font-size:12px;font-weight:800}.hw-event{letter-spacing:.14em;color:var(--gold);text-shadow:0 1px 6px #1c0e38bf;margin-top:10px;font-size:13px;font-weight:800}.hw-title{letter-spacing:.04em;text-shadow:0 2px #00000026,0 2px 12px #1c0e388c;margin:0;font-size:30px;font-weight:800;line-height:1.35}.hw-sub{color:#ffffffc7;letter-spacing:.04em;font-size:13.5px}.hw-trio{justify-content:space-between;align-items:flex-end;width:100%;margin-top:18px;padding:0 4px;display:flex}.hw-trio img:nth-child(2){margin-bottom:8px}.hw-welly{justify-content:center;align-items:flex-end;gap:14px;width:100%;margin-top:22px;padding-top:26px;padding-bottom:34px;display:flex;position:relative}.hw-welly .bat{position:absolute;top:0}.hw-welly .bat.l{left:6%}.hw-welly .bat.r{right:6%}.hw-sheet{background:var(--sheet);color:var(--ink);padding:26px 18px calc(env(safe-area-inset-bottom,0px) + 36px);border-radius:30px 30px 0 0;flex:1;align-content:start;gap:20px;margin-top:-28px;display:grid;position:relative}.hw-sheet.intro{grid-template-rows:auto auto 1fr auto auto}.hw-sheet.intro .spacer{min-height:24px}.hw-lead{text-align:center;margin:0;font-size:17px;font-weight:800;line-height:1.6}.hw-row7{justify-content:center;gap:6px;display:flex}.hw-note{text-align:center;color:var(--muted);margin:0;font-size:12px;line-height:1.6}.hw-btn{cursor:pointer;letter-spacing:.04em;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:56px;padding:0 26px;font:800 17px/1 inherit;display:inline-flex}.hw-btn-main{color:#fff;background:linear-gradient(90deg, var(--pumpkin-a), var(--pumpkin-b));width:100%;box-shadow:0 12px 24px -10px #ee6a2cbf}.hw-btn-main:disabled{opacity:.45;cursor:default}.hw-btn-sub{min-height:44px;color:var(--ink);background:var(--wash);font-size:14px;font-weight:700}.hw-btn:focus-visible,.hw-cell:focus-visible,.hw-toast:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.hw-topbar{justify-content:space-between;align-items:center;gap:8px;padding:0 16px 6px;display:flex}.hw-logo{letter-spacing:.02em;white-space:nowrap;font-size:15px;font-weight:800}.hw-chips{gap:6px;display:flex}.hw-chip{color:#fff;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:6px 10px;font:800 11.5px/1 inherit}.hw-chip.test{cursor:pointer;background:#b99be059}.hw-topbar+.hw-tester{cursor:pointer;margin:4px 16px 0}.hw-stage{text-align:center;justify-items:center;gap:2px;padding:6px 20px 40px;display:grid}.hw-stage .nm{margin-top:4px;font-size:20px;font-weight:800}.hw-stage .tg{color:#fffc;font-size:13px}.hw-status{margin:0;font-weight:800;color:var(--ink)!important;font-size:15px!important}.hw-steps{color:var(--ink-soft);justify-content:center;align-items:center;gap:6px;margin:0;padding:0;font-size:12px;font-weight:700;list-style:none;display:flex}.hw-steps li{justify-items:center;gap:2px;display:grid}.hw-steps li span{font-size:22px}.hw-steps .ar{color:var(--muted);font-size:14px}.hw-now{justify-items:center;gap:4px;margin-top:8px;display:grid}.hw-now .nm{font-size:20px;font-weight:800}.hw-now .tg{color:#ffffffc7;max-width:20em;font-size:13px}.hw-count{color:#fffc;margin-bottom:40px;font-size:12.5px}.hw-count b{color:#fff;font-variant-numeric:tabular-nums;font-size:18px}.hw-meterbox{text-align:center;justify-items:center;gap:12px;display:grid}.hw-meter{gap:12px;display:flex}.hw-meter span{background:var(--wash);border:2px dashed #d9d2ec;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.hw-meter span.on{border:2px solid var(--candy);background:#ffe3f0}.hw-meter span.wait{filter:grayscale();opacity:.75;background:#f1f0f4;border:2px solid #dad7e3;font-size:18px}.hw-meterbox p{color:var(--ink-soft);margin:0;font-size:14px}.hw-today{color:var(--muted);text-align:center;font-size:12px}.hw-toast{cursor:pointer;text-align:center;color:#5b2a00;background:#ffe8a8;border:0;border-radius:16px;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:800}.hw-tester{color:#6b3fa0;text-align:center;background:#f1e9fb;border:1px dashed #b99be0;border-radius:12px;margin:0;padding:8px 12px;font-size:12px;font-weight:700}.hw-art{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block}.hw-art.hidden{filter:brightness(0)saturate(0);opacity:.28}.hw-sky .hw-art.hidden{filter:brightness(0)invert();opacity:.22}.hw-book{gap:12px;display:grid}.hw-book h3{margin:0;font-size:16px;font-weight:800}.hw-book h3 span{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:4px;font-size:14px}.hw-grid{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.hw-cell{background:var(--wash);color:var(--ink);cursor:pointer;border:2px solid #0000;border-radius:18px;flex:0 0 calc(25% - 7.5px);justify-items:center;padding:10px 4px 18px;font-family:inherit;display:grid;position:relative}.hw-cell[disabled]{cursor:default}.hw-cell.current{border-color:var(--pumpkin-a);background:#fff4ec}.hw-cell .nm{color:var(--ink-soft);text-align:center;min-height:2.7em;font-size:10.5px;font-weight:700;line-height:1.35}.hw-hint{color:var(--muted);font-size:12px}.hw-cell .mark{font-size:16px;position:absolute;top:4px;right:6px}.hw-cell .tag{white-space:nowrap;color:#fff;background:var(--pumpkin-b);border-radius:999px;padding:1px 8px;font-size:10.5px;font-weight:800;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.hw-cell .tag.next{background:#8c86a8}.hw-cell .no{color:var(--muted);font-size:11px;font-weight:700;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.hw-cell.next .hw-art.hidden{opacity:.45}.hw-report{text-align:left;gap:12px;width:100%;display:grid}.hw-hp{color:#2e5b14;background:#effae6;border-radius:16px;justify-content:space-between;align-items:baseline;padding:12px 14px;font-weight:700;display:flex}.hw-hp b{font-variant-numeric:tabular-nums;font-size:24px}.hw-bar{gap:4px;display:grid}.hw-bar .lbl{color:var(--ink-soft);justify-content:space-between;font-size:12.5px;font-weight:700;display:flex}.hw-bar .track{background:var(--wash);border-radius:999px;height:12px;position:relative;overflow:hidden}.hw-bar .band{background:#ffd46b73;position:absolute;top:0;bottom:0}.hw-bar .fill{border-radius:999px;position:absolute;top:0;bottom:0;left:0}.hw-comment{color:var(--ink);background:#fff1e7;border-radius:16px;padding:12px 14px;font-size:14.5px;line-height:1.8}.hw-small{color:var(--muted);margin:0;font-size:11px;line-height:1.6}.hw-modal{z-index:50;background:#140828b8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.hw-pop-sheet{background:var(--sheet);width:100%;max-width:420px;max-height:88vh;color:var(--ink);text-align:center;border-radius:28px;justify-items:center;gap:12px;padding:22px 18px 18px;display:grid;overflow:auto}.hw-pop-sheet h2{margin:0;font-size:22px;font-weight:800}.hw-pop-sheet .from{color:var(--muted);font-size:13px}.hw-pop-sheet .line{color:var(--ink-soft);margin:0;font-size:14px}.hw-gift{color:var(--pumpkin-b);font-size:13px;font-weight:800}.hw-dishes{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:8px;font-size:12.5px;display:flex}.hw-morph{width:180px;height:180px;position:relative}.hw-morph .hw-art{position:absolute;inset:0}.hw-morph .before{opacity:0}.hw-later{color:var(--muted);cursor:pointer;background:0 0;border:0;padding:4px 12px;font-family:inherit;font-size:13px;font-weight:700}.hw-gift-head{text-align:left;color:var(--ink-soft);align-items:center;gap:10px;font-size:13px;display:flex}.hw-gift-head b{color:var(--ink);font-size:17px}.hw-tagchip{background:var(--wash);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;font-weight:800}.hw-bubble{text-align:left;background:#fff1e7;border-radius:18px;gap:6px;width:100%;padding:14px 16px;display:grid;position:relative}.hw-bubble:before{content:"";border:8px solid #0000;border-top:0;border-bottom-color:#fff1e7;position:absolute;top:-8px;left:36px}.hw-bubble p{margin:0;font-size:15px;font-weight:700;line-height:1.7}.hw-bubble .step{color:var(--pumpkin-b);font-size:14px;font-weight:700}.hw-details{gap:10px;width:100%;display:grid}.hw-more{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;justify-self:center;padding:4px 10px;font-family:inherit;font-size:13px;font-weight:700}.hw-kcal{color:var(--ink-soft);margin:0;font-size:13px}.hw-kcal b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:18px}.hw-letter-art{background:var(--wash);border-radius:50%;flex:none;place-items:center;width:72px;height:72px;display:grid;overflow:hidden}.hw-wait{width:100%;color:var(--ink-soft);background:var(--wash);text-align:left;border-radius:12px;margin:0;padding:8px 12px;font-size:12.5px;font-weight:700}.hw-pfc{text-align:left;gap:12px;width:100%;display:grid}.hw-pfc .hd{justify-content:space-between;align-items:baseline;display:flex}.hw-pfc .hd b{font-size:15px}.hw-pfc .hd span{color:var(--ink-soft);font-size:12.5px}.hw-pfc .hd em{color:var(--ink);font-variant-numeric:tabular-nums;margin:0 2px;font-size:22px;font-style:normal;font-weight:800}.hw-pfc .stack{border-radius:999px;gap:2px;height:8px;display:flex;overflow:hidden}.hw-pfc .stack i{height:100%;display:block}.hw-pfc .row{gap:6px;display:grid}.hw-pfc .top{justify-content:space-between;align-items:center;gap:8px;display:flex}.hw-pfc .nm{align-items:center;gap:6px;font-size:14px;font-weight:800;display:inline-flex}.hw-pfc .nm i{border-radius:3px;width:10px;height:10px}.hw-pfc .nm small{color:var(--muted);font-size:11.5px;font-weight:700}.hw-pfc .val{color:var(--ink-soft);align-items:baseline;gap:2px;font-size:12px;display:inline-flex}.hw-pfc .val b{color:var(--ink);font-variant-numeric:tabular-nums;font-size:20px}.hw-pfc .lv{border-radius:999px;margin-left:8px;padding:3px 8px;font-size:11.5px;font-weight:800}.hw-pfc .lv.ok{color:#2f7a34;background:#e6f5e4}.hw-pfc .lv.high{color:#c2412a;background:#ffe6e0}.hw-pfc .lv.low{color:#2f5e9e;background:#e4eefb}.hw-pfc .track{background:#efedf6;border-radius:999px;height:12px;position:relative}.hw-pfc .band{border-radius:999px;position:absolute;top:0;bottom:0}.hw-pfc .dot{border:3px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #2a23504d}.hw-pfc .goal{color:var(--muted);font-size:11px}.hw-pfc .axis{color:var(--muted);justify-content:space-between;font-size:10.5px;display:flex}.hw-pfc .legend{color:var(--ink-soft);gap:14px;font-size:11px;display:flex}.hw-pfc .legend span{align-items:center;gap:5px;display:inline-flex}.hw-pfc .legend .b{background:#e3e0ef;border-radius:4px;width:16px;height:8px}.hw-pfc .legend .d{background:var(--ink);border-radius:50%;width:10px;height:10px}.hw-final{color:#fff;background:linear-gradient(160deg, var(--sky-mid), var(--sky-low));border-radius:24px;gap:14px;padding:20px 16px;display:grid}.hw-final h2{margin:0;font-size:19px;font-weight:800}.hw-stats{text-align:center;grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.hw-stats div{background:#ffffff1f;border-radius:14px;gap:2px;padding:10px 4px;display:grid}.hw-stats b{font-variant-numeric:tabular-nums;font-size:22px}.hw-stats span{color:#ffffffd1;font-size:11px}.hw-pattern{text-align:center;margin:0;font-size:17px;font-weight:800}.hw-fav{text-align:center;color:#ffffffd9;margin:0;font-size:13px}.hw-omamori{text-align:center;background:#ffd46b2e;border:1px solid #ffd46b80;border-radius:16px;gap:4px;margin:0;padding:12px;font-size:15px;font-weight:800;display:grid}.hw-omamori span{color:var(--gold);letter-spacing:.08em;font-size:12px}.hw-thanks{text-align:center;margin:0;font-size:15px;font-weight:800;line-height:1.7}.hw-final-more{background:var(--sheet);color:var(--ink);border-radius:18px;gap:6px;padding:10px 14px 12px;display:grid}.hw-demo{border:2px dashed var(--line);border-radius:18px;gap:8px;padding:12px;display:grid}.hw-demo .t{color:var(--muted);font-size:12px}.hw-demo .row{flex-wrap:wrap;gap:8px;display:flex}@media (prefers-reduced-motion:no-preference){.hw-morph .before{animation:1s ease-in both hwOut}.hw-morph .after{animation:.7s cubic-bezier(.2,.9,.3,1.3) .7s both hwIn}@keyframes hwOut{0%{opacity:1;transform:none}60%{opacity:1;filter:brightness(1.8);transform:scale(1.06)rotate(-3deg)}to{opacity:0;transform:scale(.8)}}@keyframes hwIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.hw-pop{animation:.6s cubic-bezier(.2,.9,.3,1.3) both hwPop}@keyframes hwPop{0%{transform:scale(.7)}to{transform:none}}.hw-float{animation:3.2s ease-in-out infinite hwFloat}.hw-float.d2{animation-delay:.8s}.hw-float.d3{animation-delay:1.6s}@keyframes hwFloat{50%{transform:translateY(-6px)}}}