.a-home{background:var(--mb-bg-2);min-height:100dvh;padding-bottom:calc(var(--mb-h-tabbar) + 24px)}.a-top{height:var(--mb-h-header);padding:0 var(--mb-gutter);background:var(--mb-bg);align-items:center;display:flex}.a-top b{font:700 22px/1 var(--mb-font-serif);color:var(--mb-purple);letter-spacing:var(--mb-ls-tight)}.a-band{margin:12px var(--mb-gutter) 0;background:var(--mb-card);border-radius:var(--mb-r-lg);height:82px;box-shadow:var(--mb-sh-2);border:1px solid var(--mb-line);align-items:center;gap:12px;padding:12px 16px;display:flex}.a-band img{object-fit:cover;object-position:50% 18%;border-radius:50%;flex:none;width:52px;height:52px}.a-band div{flex:1;min-width:0}.a-band p{margin:0}.a-band .t{font:var(--mb-t-sub);color:var(--mb-ink-3)}.a-band .h{font:700 16px/1.4 var(--mb-font);color:var(--mb-ink)}.a-band .h em{color:var(--mb-purple);font-style:normal}.a-band i{color:var(--mb-ink-3);font-size:20px;font-style:normal}.a-today{margin:12px var(--mb-gutter) 0;background:var(--mb-card);border-radius:var(--mb-r-md);border:1px solid var(--mb-line);height:52px;font:var(--mb-t-sub);color:var(--mb-ink-2);justify-content:space-between;align-items:center;gap:8px;padding:0 16px;display:flex}.a-today b{color:var(--mb-ink)}.a-today span:last-child{color:var(--mb-purple);white-space:nowrap;font-weight:700}.a-sec{margin:32px 0 0}.a-sec>h2{font:var(--mb-t-h3);margin:0 var(--mb-gutter) 12px;letter-spacing:var(--mb-ls-tight)}.a-cards{gap:var(--mb-s4);padding:0 var(--mb-gutter);flex-direction:column;display:flex}.a-card{background:var(--mb-card);border-radius:var(--mb-r-lg);box-shadow:var(--mb-sh-2);border:1px solid var(--mb-line);display:block;overflow:hidden}.a-card .pic{background:var(--mb-night);height:196px;position:relative;overflow:hidden}.a-card .pic img{object-fit:cover;object-position:50% 14%;width:100%;height:100%;display:block}.a-card .pic .tag{border-radius:var(--mb-r-full);color:#fff;height:26px;font:var(--mb-t-cap);background:#17142bb8;align-items:center;padding:0 10px;font-weight:700;display:inline-flex;position:absolute;top:12px;left:12px}.a-card .body{align-items:center;gap:12px;padding:14px 16px 16px;display:flex}.a-card .body div{flex:1;min-width:0}.a-card h3{font:var(--mb-t-h3);margin:0}.a-card p{font:var(--mb-t-sub);color:var(--mb-ink-2);margin:2px 0 0}.a-card .go{border-radius:var(--mb-r-full);background:var(--mb-purple);color:#fff;height:40px;font:700 14px/1 var(--mb-font);flex:none;align-items:center;padding:0 14px;display:inline-flex}.a-card .wait{border-radius:var(--mb-r-full);background:var(--mb-bg-2);height:40px;color:var(--mb-ink-3);font:700 14px/1 var(--mb-font);flex:none;align-items:center;padding:0 14px;display:inline-flex}.a-card.off .pic img{filter:saturate(.55)}.a-card.off{cursor:default}.a-rail{padding:0 var(--mb-gutter) 4px;scroll-snap-type:x mandatory;scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.a-rail::-webkit-scrollbar{display:none}.a-empty{scroll-snap-align:start;border-radius:var(--mb-r-sm);border:1px dashed var(--mb-line-strong);background:var(--mb-card);flex-direction:column;flex:none;justify-content:space-between;width:256px;height:150px;padding:16px;display:flex}.a-empty .k{align-self:flex-start}.a-empty p{font:700 16px/1.45 var(--mb-font);color:var(--mb-ink);margin:0}.a-empty small{font:var(--mb-t-sub);color:var(--mb-ink-3)}.a-row{margin:0 var(--mb-gutter);background:var(--mb-card);border-radius:var(--mb-r-md);border:1px solid var(--mb-line);align-items:center;gap:12px;padding:14px 16px;display:flex}.a-row div{flex:1;min-width:0}.a-row b{font:700 16px/1.4 var(--mb-font);display:block}.a-row span{font:var(--mb-t-sub);color:var(--mb-ink-2)}.a-row .price{font:var(--mb-t-price);color:var(--mb-purple);flex:none}.a-foot{padding:24px var(--mb-gutter) 8px;border-top:1px solid var(--mb-line);margin:40px 0 0}.a-foot nav{font:var(--mb-t-sub);color:var(--mb-ink-2);gap:16px;margin-bottom:12px;font-weight:700;display:flex}.a-foot dl{font:var(--mb-t-cap);color:var(--mb-ink-3);grid-template-columns:auto 1fr;gap:4px 12px;margin:0;display:grid}.a-foot dt{font-weight:700}.a-foot dd{margin:0}.a-tabbar{width:100%;max-width:430px;height:var(--mb-h-tabbar);border-radius:var(--mb-r-xl) var(--mb-r-xl) 0 0;box-shadow:var(--mb-sh-up);padding:10px 4px calc(10px + env(safe-area-inset-bottom,0px));z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.a-tabbar a{font:600 12px/1 var(--mb-font);color:var(--mb-ink-3);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.a-tabbar a.on{color:var(--mb-purple);font-weight:700}.a-tabbar svg{width:24px;height:24px}.a-toon{min-height:100dvh;padding-bottom:24px}.a-toon .mb-head{color:#fff}.a-toon-title{text-align:center;padding:8px var(--mb-gutter) 24px}.a-toon-title small{font:var(--mb-t-sub);color:var(--mb-ink-2);margin-bottom:6px;font-weight:700;display:block}.a-toon-title h1{font:var(--mb-t-display);letter-spacing:var(--mb-ls-tight);margin:0}.a-toon .mb-cut{background:var(--mb-night-3)}.a-toon .mb-line{padding-bottom:0}.a-toon .a-gap{height:var(--mb-cut-gap)}.a-toon .a-end{z-index:6;padding:16px var(--mb-gutter) calc(20px + env(safe-area-inset-bottom,0px));background:var(--mb-night);position:sticky;bottom:0}.a-in{flex-direction:column;min-height:100dvh;display:flex}.a-in .mb-head{justify-content:center;position:relative}.a-in .mb-head .mb-back{left:var(--mb-gutter);position:absolute}.a-q{padding:28px var(--mb-gutter) 0}.a-q .mb-sub{color:var(--mb-ink-2);margin-bottom:8px;font-weight:600}.a-q .mb-h1 em{color:var(--mb-ink-3);font-style:normal}.a-grow{flex:1}.a-block{padding:24px var(--mb-gutter) 0}.a-lbl{align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.a-lbl .mb-label{margin:0}.a-optional{font:var(--mb-t-sub);color:var(--mb-ink-3)}.a-fields{padding:24px var(--mb-gutter) 0;flex-direction:column;gap:20px;display:flex}.a-field .mb-label{display:block}.a-time{gap:8px;display:flex}.a-time .mb-input{flex:1}.a-time .mb-input:disabled{background:var(--mb-bg-2);color:var(--mb-ink-3)}.a-time .mb-chip{height:var(--mb-h-input);flex:none}.a-tone{gap:8px;display:flex}.a-tone .mb-chip{text-align:center;flex:1;height:48px;padding:0 8px;font-size:15px}.a-chartbox{margin:24px var(--mb-gutter) 0;border-radius:var(--mb-r-lg);background:var(--mb-bg-2);padding:16px}.a-chartbox .who{font:700 18px/1.4 var(--mb-font);margin:0}.a-chartbox .when{font:var(--mb-t-sub);color:var(--mb-ink-2);margin:2px 0 14px}.a-chart{grid-template-columns:44px repeat(4,1fr);align-items:stretch;gap:8px;display:grid}.a-chart-h{border-radius:var(--mb-r-xs);background:var(--mb-card);height:28px;font:var(--mb-t-cap);color:var(--mb-ink-2);justify-content:center;align-items:center;font-weight:700;display:flex}.a-chart-side{border-radius:var(--mb-r-xs);background:var(--mb-card);font:var(--mb-t-cap);color:var(--mb-ink-2);justify-content:center;align-items:center;font-weight:700;display:flex}.a-cell{border-radius:var(--mb-r-sm);flex-direction:column;justify-content:center;align-items:center;height:72px;display:flex}.a-cell b{font:700 30px/1.1 var(--mb-font-serif)}.a-cell small{font:600 12px/1.3 var(--mb-font);margin-top:2px}.a-cell.o-wood{color:#1c6640;background:#dcefe3}.a-cell.o-fire{color:#a8261c;background:#fbe0de}.a-cell.o-earth{color:#7e5810;background:#f3e8cf}.a-cell.o-metal{color:#45414f;background:#ecebf1}.a-cell.o-water{color:#23408e;background:#dde4f6}.a-cell.empty{background:var(--mb-card);border:1.5px dashed var(--mb-line-strong);color:var(--mb-ink-3)}.a-cell.wait{background:var(--mb-line)}.mb-night .a-chart-h,.mb-night .a-chart-side{color:var(--mb-ink-2);background:#ffffff14}.mb-night .a-cell.empty{background:0 0;border-color:#ffffff3d}.mb-night .a-cell.wait{background:#ffffff14}.a-ana{min-height:100dvh;padding-bottom:250px;position:relative}.a-ana .mb-progress{padding-top:12px}.a-ana .mb-progress i{background:#ffffff24;position:relative;overflow:hidden}.a-ana .mb-progress i b{background:var(--mb-purple);transform-origin:0;transition:transform 1.2s linear;position:absolute;inset:0;transform:scaleX(0)}.a-ana .mb-progress i.on b{transform:scaleX(1)}.a-steps{gap:var(--mb-progress-gap);padding:8px var(--mb-gutter) 0;grid-template-columns:repeat(3,1fr);display:grid}.a-steps span{font:var(--mb-t-cap);color:var(--mb-ink-3)}.a-steps span.on{color:#fff;font-weight:700}.a-anacard{margin:56px var(--mb-gutter) 0;border-radius:var(--mb-r-lg);background:var(--mb-night-3);padding:16px}.a-anacard .who{font:700 18px/1.4 var(--mb-font);margin:0}.a-anacard .when{font:var(--mb-t-sub);color:var(--mb-ink-2);margin:2px 0 14px}.a-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.a-stats span{border-radius:var(--mb-r-full);height:34px;font:600 13px/1 var(--mb-font);color:var(--mb-ink-3);background:#ffffff0f;justify-content:center;align-items:center;gap:6px;transition:color .3s,background .3s;display:flex}.a-stats span.on{color:#fff;background:#4c2fb86b}.a-stats span b{font-variant-numeric:tabular-nums}.a-panel{width:100%;max-width:430px;height:226px;padding:36px 16px calc(16px + env(safe-area-inset-bottom,0px));background:var(--mb-night-2);border-radius:var(--mb-r-2xl) var(--mb-r-2xl) 0 0;z-index:5;flex-direction:column;justify-content:space-between;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.a-panel h2{font:var(--mb-t-h2);letter-spacing:var(--mb-ls-tight);text-align:center;color:#fff;margin:0}.a-panel h2 mark{background:linear-gradient(transparent 56%, var(--mb-purple) 56%, var(--mb-purple) 94%, transparent 94%);color:#fff}.a-panel .mb-btn:disabled{color:#ffffff8f;background:#ffffff24}.a-err{font:var(--mb-t-sub);color:var(--mb-ink-2);text-align:center;margin:12px 0 0}:is(main:has(.a-home),main:has(.a-toon),main:has(.a-ana),main:has(.a-in)){padding-bottom:0!important}:is(body:has(.a-toon),body:has(.a-ana)){background:var(--mb-night)}body:has(.a-home){background:var(--mb-bg-2)}.a-toon :where(h1,h2,p),.a-ana :where(h1,h2,p),.a-in :where(h1,h2,p),.a-home :where(h1,h2,h3,p){color:inherit}.a-card p{color:var(--mb-ink-2)}.a-card .pic img{object-position:0% 30%}.a-card .pic .ttl{text-align:right;color:#fff;text-shadow:0 2px 10px #0a081873;flex-direction:column;align-items:flex-end;gap:6px;max-width:62%;display:flex;position:absolute;bottom:18px;right:9px}.a-card .pic .ttl small{font:500 16px/1.25 var(--mb-font);letter-spacing:-.02em}.a-card .pic .ttl b{font:900 64px/1 var(--mb-font);letter-spacing:-.04em}.a-hero{margin:var(--mb-s4) 0;aspect-ratio:3/2;background:var(--mb-night);max-width:100%;position:relative;overflow:hidden}.a-hero img{object-fit:cover;object-position:60% 40%;width:100%;height:100%;display:block}.a-hero .cap{color:#fff;background:#0f0c1e8c;padding:40px 20px 16px;position:absolute;bottom:0;left:0;right:0}.a-hero .cap b{font:900 44px/1 var(--mb-font);letter-spacing:-.04em;display:block}.a-hero .cap p{font:500 13px/1.4 var(--mb-font);flex-wrap:wrap;align-items:center;gap:6px;margin:8px 0 0;display:flex}.a-hero .cap p span{background:var(--mb-purple);height:20px;font:700 11px/20px var(--mb-font);border-radius:4px;padding:0 8px}