.gate{min-height:100dvh;padding:calc(var(--safe-t) + 28px) 22px calc(var(--safe-b) + 150px);grid-template-rows:auto 1fr;max-width:520px;margin:0 auto;display:grid}.gate-head{justify-content:space-between;align-items:center;display:flex}.gate-body{align-self:center;gap:18px;display:grid}.gate-title{font:800 44px/.95 var(--font-display);letter-spacing:.005em;margin:0}.gate-lede{color:var(--ink-soft);font-size:var(--fs-2);max-width:34ch;margin:0}.install{padding:18px}.install h2{font:800 26px/1.05 var(--font-display);letter-spacing:.01em;margin:0 0 6px}.install p{color:var(--ink-soft);font-size:var(--fs-1);margin:0 0 8px}.install .why{border-top:1px dashed var(--line);font-size:var(--fs-0);color:var(--ink-faint);margin-top:14px;padding-top:12px}.tabbar{z-index:30;height:calc(var(--bar) + var(--safe-b));padding-bottom:var(--safe-b);background:color-mix(in srgb, var(--surface) 92%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--ink-faint);-webkit-tap-highlight-color:transparent;align-content:center;place-items:center;gap:3px;font-size:11.5px;font-weight:650;text-decoration:none;display:grid;position:relative}.tabbar a[aria-current=page]{color:var(--ink)}.tabbar a[aria-current=page] .icon{color:var(--accent)}.tabbar .dot{background:var(--accent);width:9px;height:9px;box-shadow:0 0 0 2px var(--surface);border-radius:50%;position:absolute;top:10px;left:calc(50% + 7px)}@media (width>=700px){.tabbar{border:1px solid var(--line);border-bottom:0;border-radius:18px 18px 0 0;width:560px;left:50%;right:auto;transform:translate(-50%)}}.greet{font:800 var(--fs-4)/1 var(--font-display);letter-spacing:.01em;margin:0}.greet-sub{color:var(--ink-soft);font-size:var(--fs-1);margin:6px 0 0}.avatar{background:var(--raised);border:1px solid var(--line);width:40px;height:40px;font:800 18px/1 var(--font-display);color:var(--accent);border-radius:50%;place-items:center;text-decoration:none;display:grid}.clock{gap:8px;display:grid}.clock-note{min-height:1.5em;color:var(--ink-soft);font-size:var(--fs-1);text-align:center;justify-content:center;align-items:center;gap:10px;display:flex}.cue{background:var(--line);border-radius:50%;flex:none;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000040}.cue.standby{background:var(--accent);animation:1.8s ease-in-out infinite standby}.cue.go{background:var(--ok);box-shadow:0 0 0 4px var(--glow-ok), 0 0 14px 2px var(--glow-ok)}.cue.working{background:var(--accent);opacity:.6}@keyframes standby{0%,to{box-shadow:0 0 0 3px var(--glow-accent)}50%{box-shadow:0 0 0 7px var(--glow-accent), 0 0 18px 4px var(--glow-accent)}}.clock .btn.link{justify-self:center}.ticket .stamp{font:800 22px/1 var(--font-display);letter-spacing:.04em;pointer-events:none;color:var(--ok);background:color-mix(in srgb, var(--surface) 70%, transparent);border:3px solid;border-radius:6px;padding:4px 10px 3px;animation:.42s cubic-bezier(.2,1.4,.4,1) both stamp;position:absolute;top:52px;right:16px;transform:rotate(-7deg)}.ticket .stamp.out{color:var(--ink-soft)}@keyframes stamp{0%{opacity:0;transform:rotate(-16deg)scale(1.9)}60%{opacity:1}to{opacity:1;transform:rotate(-7deg)scale(1)}}.ticket.mini .ticket-main{grid-template-columns:74px 1fr auto}.mini-time{justify-items:start;gap:2px;display:grid}.mini-time .ticket-call{font-size:30px}.mini-time .ticket-call small{font:700 12px var(--font);color:var(--ink-soft);margin-left:2px}.mini-time .ticket-day{font-size:12px}.mini-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pre{white-space:pre-line}.card.detail{padding:4px 0}.detail-row{color:inherit;text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;grid-template-columns:24px 1fr auto;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;display:grid}.detail-row+.detail-row{border-top:1px solid var(--line)}.detail-row>span{gap:2px;min-width:0;display:grid}.detail-row .icon{color:var(--ink-soft)}.detail-row .chev{color:var(--ink-faint)}.split{grid-template-columns:1fr 1.6fr;gap:10px;display:grid}.card-title{font:800 22px/1.1 var(--font-display);letter-spacing:.01em;margin:0 0 6px}.feed{gap:8px;margin:0;padding:0;list-style:none;display:grid}.feed-item{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);width:100%;color:inherit;font:inherit;grid-template-columns:36px 1fr 10px;align-items:start;gap:12px;padding:14px;display:grid}button.feed-item{cursor:pointer}.feed-icon{background:var(--raised);width:36px;height:36px;color:var(--accent);border-radius:10px;place-items:center;display:grid}.feed-text{min-width:0;font-size:var(--fs-1);gap:3px;display:grid}.feed-text strong{font-size:var(--fs-2)}.feed-text>span{color:var(--ink-soft)}.feed-dot{background:var(--accent);border-radius:50%;width:9px;height:9px;margin-top:6px}.month{margin-top:8px}.month+.month{margin-top:28px}.month-head{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;border-bottom:2px dashed var(--line);gap:2px;padding:18px;display:grid}.month-head h2{font-size:var(--fs-1);color:var(--ink-soft);margin:0;font-weight:650}.month-total{font:800 44px/1 var(--font-display);letter-spacing:.01em;color:var(--ink)}.ledger{background:var(--surface);border:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);border-top:0;margin:0;padding:0 18px;list-style:none}.ledger li{font-size:var(--fs-1);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 0;display:flex}.ledger li+li{border-top:1px solid var(--line)}.ledger-pay{font:700 20px/1.1 var(--font-display);letter-spacing:.01em}.profile-head{align-items:center;gap:16px;margin:4px 0 8px;display:flex}.avatar.xl{width:64px;height:64px;font-size:30px}