.sys-dlg-wrap{z-index:80;background:#1c1b198c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.sys-dlg{background:var(--surface);text-align:center;border-radius:24px;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:400px;max-height:calc(100dvh - 48px);padding:28px 20px 20px;animation:.22s cubic-bezier(.2,.9,.3,1) sys-in;display:flex;position:relative;overflow-y:auto;box-shadow:0 24px 60px -20px #1c1b1973}.sys-dlg:focus{outline:none}.sys-dlg-x{top:12px;background:var(--tile);width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;display:grid;position:absolute;inset-inline-end:12px}.sys-dlg-art{margin-block:-24px -12px}.sys-dlg-ic{border-radius:18px;flex:none;place-items:center;width:56px;height:56px;display:grid}.sys-dlg-title{font:700 20px/1.45 var(--font);margin:0}.sys-dlg-body{flex-direction:column;align-items:center;gap:14px;width:100%;display:flex}.sys-dlg-actions{flex-direction:column;gap:8px;width:100%;margin-block-start:4px;display:flex}.sys-timer{border-radius:var(--r-md);background:var(--tile);font:700 30px/1.2 var(--font);font-variant-numeric:tabular-nums;padding:10px 18px}.sys-note{border-radius:var(--r-md);background:var(--brand-soft);width:100%;color:var(--gold);font:600 13px/20px var(--font);text-align:start;align-items:flex-start;gap:10px;padding:12px;display:flex}.sys-note svg{flex:none;margin-block-start:1px}@keyframes sys-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.sys-p{font:400 14px/1.65 var(--font);color:var(--text-nav);margin:0}.sys-cap{font:500 12px/18px var(--font);color:var(--text-3)}.sys-card{border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:12px;min-width:0;padding:16px;display:flex}.sys-card-h{font:700 15px/1.45 var(--font);margin:0}.sys-kv{font:500 13px/20px var(--font);justify-content:space-between;gap:12px;display:flex}.sys-kv+.sys-kv{border-block-start:1px solid var(--tile-2);padding-block-start:10px}.sys-kv>span:first-child{color:var(--text-3);flex:none}.sys-kv>b{text-align:end;overflow-wrap:anywhere;min-width:0;font-weight:700}.sys-head{align-items:center;gap:10px;display:flex}.sys-head-ic{border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid}.sys-head-txt{flex-direction:column;min-width:0;display:flex}.sys-head-title{font:700 15px/22px var(--font)}.sys-reply{background:var(--canvas-soft);font:400 13px/21px var(--font);color:var(--text-body);overflow-wrap:anywhere;border-radius:12px;padding:12px}.sys-reply b{font-weight:700}.sys-rows{flex-direction:column;display:flex}.sys-row{border-block-start:1px solid var(--tile-2);color:var(--text);align-items:center;gap:12px;min-height:44px;padding-block:12px;display:flex}.sys-row-ic{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.sys-row-ic.off{background:var(--tile);color:var(--text-3)}.sys-row-txt{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.sys-row-title{font:700 14px/20px var(--font)}.sys-row-sub{font:500 12px/18px var(--font);color:var(--text-3);text-overflow:ellipsis;white-space:nowrap;overflow:clip visible}.sys-row-go{color:var(--text-4);display:flex}.sys-hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding-block:12px;display:flex}.sys-hero-art{margin-block:-20px -8px}.sys-hero-ic{border-radius:20px;flex:none;place-items:center;width:64px;height:64px;display:grid}.sys-hero-title{font:700 20px/1.45 var(--font);margin:0}.sys-screen{flex-direction:column;gap:14px;min-height:calc(100dvh - 140px);padding-block-start:20px;display:flex}.sys-big-timer{border-radius:var(--r-md);background:var(--tile);height:56px;font:700 26px/1 var(--font);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.sys-state{align-items:center;gap:12px;display:flex}.sys-state-card .sys-state{text-align:center;flex-direction:column;gap:4px}.sys-card-art{text-align:center;align-items:center}.sys-card-art .sys-head{justify-content:center}.sys-card-pic{margin-block:-20px -12px}.sys-pic-center{align-self:center}.sys-state-art{margin-block:-24px -8px}.sys-state-ic{border-radius:var(--r-md);flex:none;place-items:center;width:48px;height:48px;display:grid}.sys-state-title{font:700 16px/24px var(--font)}.sys-state-sub{font:500 13px/20px var(--font);color:var(--text-3)}.sys-foot{z-index:5;margin-block-start:auto;margin-inline:calc(var(--gutter) * -1);padding:12px var(--gutter) calc(16px + env(safe-area-inset-bottom));background:var(--surface);border-block-start:1px solid var(--line);flex-direction:column;gap:8px;display:flex;position:sticky;bottom:0}.sys-tl{gap:0;margin:0;list-style:none}.sys-tl-step{gap:12px;padding-block-end:18px;display:flex;position:relative}.sys-tl-step:last-child{padding-block-end:0}.sys-tl-step:not(:last-child):before{content:"";top:30px;bottom:2px;background:var(--line);border-radius:1px;width:2px;position:absolute;inset-inline-start:13px}.sys-tl-step.done:before{background:var(--price)}.sys-tl-dot{background:var(--tile-2);width:28px;height:28px;color:var(--text-4);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.sys-tl-step.done .sys-tl-dot{background:var(--price);color:#fff}.sys-tl-step.now .sys-tl-dot{background:var(--info);color:#fff;box-shadow:0 0 0 4px var(--info-soft)}.sys-tl-txt{flex-direction:column;min-width:0;padding-block-start:3px;display:flex}.sys-tl-title{font:700 14px/20px var(--font);color:var(--text)}.sys-tl-step:not(.done):not(.now) .sys-tl-title{color:var(--text-4);font-weight:600}.sys-check{font:500 13px/20px var(--font);align-items:center;gap:8px;display:flex}.sys-check svg{color:var(--price);flex:none}.sys-ban{z-index:85;background:var(--surface);flex-direction:column;display:flex;position:fixed;inset:0}.sys-ban-scroll{padding:calc(48px + env(safe-area-inset-top)) 20px 20px;flex:1;overflow-y:auto}.sys-ban-col{flex-direction:column;gap:16px;max-width:480px;margin-inline:auto;display:flex}.sys-ban-ic{border-radius:22px;width:72px;height:72px}.sys-ban-title{font-size:22px}.sys-ban-foot{padding:12px 20px calc(28px + env(safe-area-inset-bottom));border-block-start:1px solid var(--tile-2)}.sys-ban-foot>div{flex-direction:column;gap:8px;max-width:480px;margin-inline:auto;display:flex}.sys-out{color:var(--timer)}@media (min-width:900px){.sys-foot{background:0 0;border:0;flex-direction:row;justify-content:flex-start;margin-inline:0;padding-inline:0;position:static}.sys-foot>*{min-width:220px}.sys-ban-scroll{padding-block-start:72px}}@media (prefers-reduced-motion:reduce){.sys-dlg,.sys-offline{animation:none}}.sys-offline{inset-inline:12px;bottom:calc(16px + env(safe-area-inset-bottom));z-index:55;background:var(--primary);color:#fff;max-width:420px;font:600 13px/20px var(--font);border-radius:20px;align-items:center;gap:6px;margin-inline:auto;padding-block:4px;padding-inline:4px 16px;animation:.22s cubic-bezier(.2,.9,.3,1) sys-in;display:flex;position:fixed;box-shadow:0 12px 32px -12px #1c1b198c}.sys-offline .art{margin-block:-6px}.shell[data-nav] .sys-offline{bottom:calc(80px + env(safe-area-inset-bottom))}@media (min-width:900px){.shell[data-nav] .sys-offline{bottom:24px}}