[hidden]{display:none!important}
:root{--bg:#f4f5f8;--card:#fff;--fg:#14161b;--mute:#6b7280;--faint:#9aa0aa;--line:#e6e8ec;--soft:#f0f2f5;--up:#e0352b;--down:#2563eb;--acc:#14161b;--acc-fg:#fff;
--warn:#a15c07;--warnbg:#fff4d6;--ok:#15803d;--okbg:#e5f6ea;--info:#1d4ed8;--infobg:#e8efff;--shadow:0 1px 2px rgba(16,24,40,.04),0 1px 8px rgba(16,24,40,.04);
--ma20:#f59e0b;--ma60:#10b981;--ma200:#8b5cf6;--entry:#6b7280;--tp:#e0352b;--sl:#2563eb;--r:16px}
@media (prefers-color-scheme:dark){:root{--bg:#0d0f13;--card:#161920;--fg:#e9ebf0;--mute:#9aa1ad;--faint:#6b7280;--line:#252a33;--soft:#1d2129;--up:#ff6b61;--down:#6ea3ff;--acc:#e9ebf0;--acc-fg:#0d0f13;
--warn:#fbbf24;--warnbg:#33260a;--ok:#4ade80;--okbg:#0f2a19;--info:#93b4ff;--infobg:#17223d;--shadow:none}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--fg);font:15px/1.5 -apple-system,BlinkMacSystemFont,"Pretendard","Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-variant-numeric:tabular-nums}
a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
.top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:8px}.brand b{font-size:18px;letter-spacing:-.3px}
.pill{font-size:11px;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--mute)}
.pill.ok{background:var(--okbg);color:var(--ok)}.pill.warn{background:var(--warnbg);color:var(--warn)}
.actions{display:flex;gap:4px}.icon{width:38px;height:38px;border:0;background:transparent;border-radius:10px;display:grid;place-items:center;cursor:pointer}
.icon:active{background:var(--soft)}.icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.icon.spin svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.progress{padding:6px 16px;background:var(--infobg);color:var(--info);font-size:12px}.bar{height:5px;background:color-mix(in srgb,var(--info) 18%,transparent);border-radius:4px;overflow:hidden;margin-top:4px}.bar i{display:block;height:100%;background:var(--info);width:0;transition:width .5s}
main{max-width:760px;margin:0 auto;padding:12px 16px calc(84px + env(safe-area-inset-bottom))}
.tabbar{position:fixed;left:0;right:0;bottom:0;z-index:20;display:flex;justify-content:space-around;background:var(--card);border-top:1px solid var(--line);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
.tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;gap:1px;font-size:11px;color:var(--faint);position:relative;padding:2px 0}
.tabbar a.on{color:var(--fg);font-weight:600}.tabbar svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}
.badge{position:absolute;top:-2px;left:calc(50% + 6px);min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--up);color:#fff;font-size:10px;font-style:normal;line-height:16px;text-align:center}
h2{font-size:17px;margin:20px 2px 8px;letter-spacing:-.2px;display:flex;justify-content:space-between;align-items:baseline}h2 small{font-size:12px;color:var(--mute);font-weight:400}
h3{font-size:14px;margin:14px 0 6px}
.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:14px;margin:10px 0;box-shadow:var(--shadow)}
.card.tap{cursor:pointer}.card.tap:active{transform:scale(.995)}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px}.row.top{align-items:flex-start}
.name{font-weight:700;font-size:16px;letter-spacing:-.2px}.code,.mute{color:var(--mute);font-size:12px}.faint{color:var(--faint)}
.big{font-size:22px;font-weight:700;letter-spacing:-.4px}
.tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:6px;background:var(--soft);color:var(--mute);margin-left:4px;white-space:nowrap}
.tag.a{background:#fde7e5;color:#b42318}.tag.c{background:#e9e7fd;color:#4f3bd1}.tag.ok{background:var(--okbg);color:var(--ok)}.tag.bad{background:var(--warnbg);color:var(--warn)}.tag.info{background:var(--infobg);color:var(--info)}
@media (prefers-color-scheme:dark){.tag.a{background:#3a1715;color:#ff9b93}.tag.c{background:#221d45;color:#b3a8ff}}
.up{color:var(--up)}.down{color:var(--down)}
.kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kpis.k2{grid-template-columns:repeat(2,1fr)}.kpis.k4{grid-template-columns:repeat(4,1fr)}
.kpi{background:var(--soft);border-radius:12px;padding:9px 10px}.kpi .l{font-size:11px;color:var(--mute)}.kpi b{display:block;font-size:17px;letter-spacing:-.3px}.kpi .s{font-size:11px;color:var(--faint)}
.plan{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px;text-align:center}.plan>div{background:var(--soft);border-radius:12px;padding:8px 4px}.plan b{display:block;font-size:17px}.plan .l{font-size:11px;color:var(--mute)}
.meta{font-size:12px;color:var(--mute);margin-top:8px;line-height:1.6}
.note{border-radius:12px;padding:9px 11px;font-size:13px;margin-top:8px;background:var(--soft)}.note.warn{background:var(--warnbg);color:var(--warn)}.note.info{background:var(--infobg);color:var(--info)}.note.ok{background:var(--okbg);color:var(--ok)}
.seg{display:flex;background:var(--soft);border-radius:12px;padding:3px;gap:3px;margin:6px 0 4px;overflow-x:auto}.seg button{flex:1;border:0;background:transparent;padding:7px 10px;border-radius:9px;font-size:13px;color:var(--mute);white-space:nowrap;cursor:pointer}.seg button.on{background:var(--card);color:var(--fg);font-weight:600;box-shadow:var(--shadow)}
.chips{display:flex;gap:6px;overflow-x:auto;padding:2px 0 4px}.chips button,.chips a{border:1px solid var(--line);background:var(--card);border-radius:999px;padding:5px 11px;font-size:12px;white-space:nowrap;cursor:pointer}.chips .on{background:var(--acc);color:var(--acc-fg);border-color:var(--acc)}
table{width:100%;border-collapse:collapse;font-size:13px}th{font-weight:500;color:var(--mute);font-size:12px}td,th{padding:7px 5px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}td:first-child,th:first-child{text-align:left}tr:last-child td{border-bottom:0}
tr.tap{cursor:pointer}tr.tap:active{background:var(--soft)}
.scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.list .item{display:flex;justify-content:space-between;align-items:center;padding:10px 2px;border-bottom:1px solid var(--line);gap:10px}.list .item:last-child{border-bottom:0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:12px;padding:11px 14px;background:var(--acc);color:var(--acc-fg);font-weight:600;cursor:pointer;font-size:14px}.btn.ghost{background:var(--soft);color:var(--fg)}.btn.block{width:100%}.btn:disabled{opacity:.5}
.btns{display:flex;gap:8px;margin-top:10px}.btns .btn{flex:1}
input,select,textarea{width:100%;font:inherit;color:var(--fg);background:var(--soft);border:1px solid var(--line);border-radius:10px;padding:10px 11px}
label.f{display:block;font-size:12px;color:var(--mute);margin:8px 0 3px}
.form2{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}
.empty{color:var(--mute);text-align:center;padding:26px 10px;font-size:14px}
.chk{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.chk:last-child{border-bottom:0}.chk .v{color:var(--mute)}
.chk .y{color:var(--ok);font-weight:700}.chk .n{color:var(--faint)}
.track{position:relative;height:8px;border-radius:5px;background:linear-gradient(90deg,var(--down) 0%,var(--soft) 50%,var(--up) 100%);opacity:.9;margin:14px 0 22px}
.track .m{position:absolute;top:-5px;width:4px;height:18px;border-radius:2px;background:var(--fg);transform:translateX(-2px)}.track .f{position:absolute;top:-3px;width:2px;height:14px;background:var(--mute)}
.track .lab{position:absolute;top:12px;font-size:10px;color:var(--mute);transform:translateX(-50%);white-space:nowrap}
.dots{display:flex;gap:3px}.dots i{width:10px;height:6px;border-radius:2px;background:var(--line)}.dots i.on{background:var(--fg)}.dots i.last{background:var(--warn)}
svg.chart{width:100%;display:block;touch-action:pan-y}svg.chart text{font-size:10px;fill:var(--mute)}
.legend{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:var(--mute);margin-top:4px}.legend i{display:inline-block;width:10px;height:3px;border-radius:2px;margin-right:4px;vertical-align:middle}
.readout{font-size:12px;color:var(--mute);min-height:18px;margin-top:4px}
.heat{display:grid;grid-template-columns:42px repeat(12,1fr);gap:2px;font-size:10px}.heat div{text-align:center;padding:4px 0;border-radius:4px}.heat .h{color:var(--mute)}
.sheet{position:fixed;inset:0;z-index:40;background:rgba(0,0,0,.35);display:flex;align-items:flex-end;justify-content:center}.sheet-card{background:var(--card);width:100%;max-width:560px;border-radius:20px 20px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom));max-height:88vh;overflow:auto}
.toast{position:fixed;left:50%;bottom:calc(84px + env(safe-area-inset-bottom));transform:translateX(-50%);background:var(--acc);color:var(--acc-fg);padding:9px 14px;border-radius:12px;font-size:13px;z-index:50;max-width:90vw}
.back{display:inline-flex;align-items:center;gap:4px;color:var(--mute);font-size:14px;margin:2px 0 6px;cursor:pointer}
.sub{color:var(--mute);font-size:13px}
.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kpis.k4m{grid-template-columns:repeat(2,1fr)}
@media (min-width:640px){.kpis.k4m{grid-template-columns:repeat(4,1fr)}}
.chk>span:first-child{white-space:nowrap;margin-right:12px}.chk>span:last-child{text-align:right}
/* ---- v3.2 ---- */
.lnk{color:var(--info)}.okc{color:var(--ok)}.warnc{color:var(--warn)}
.badge.hb2{top:3px;left:auto;right:2px}
.hero .big{font-size:24px}
.todo{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px}
.todo a{background:var(--soft);border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;gap:1px;text-align:center}
.todo a:active{transform:scale(.98)}.todo b{font-size:24px;letter-spacing:-.5px;line-height:1.2}.todo span{font-size:12px;font-weight:600}.todo em{font-style:normal;font-size:11px;color:var(--mute)}
.mini-list{margin-top:10px;border-top:1px solid var(--line)}.mini-list a{display:flex;justify-content:space-between;gap:8px;padding:8px 2px;border-bottom:1px dashed var(--line);font-size:14px}.mini-list a:last-child{border-bottom:0}
.grid2,.grid3{display:grid;grid-template-columns:1fr;gap:0 12px}
.cards{display:grid;grid-template-columns:1fr;gap:0 12px}
.hbars{display:flex;flex-direction:column;gap:3px}
.hb{display:grid;grid-template-columns:minmax(92px,38%) 1fr 56px;align-items:center;gap:6px;font-size:13px;cursor:pointer;padding:3px 0}
.hl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hv{text-align:right}
.ht{position:relative;height:10px;background:var(--soft);border-radius:5px}.ht i{position:absolute;top:0;bottom:0;border-radius:5px}
.ht i.p{left:50%;background:var(--up)}.ht i.n{right:50%;background:var(--down)}.ht::after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:var(--mute)}
.facts{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:10px;font-size:13px}.facts span{white-space:nowrap}.facts em{font-style:normal;color:var(--mute);font-size:11px;margin-right:4px}
.sim{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.sim .tag{margin-left:0}
.cand .r{text-align:right}.card.dim{opacity:.55}.card.extra{opacity:.85;border-style:dashed;box-shadow:none}
details.card>summary{cursor:pointer;list-style:none}details.card>summary::-webkit-details-marker{display:none}details.card>summary::after{content:' ▾';color:var(--mute)}details.card[open]>summary::after{content:' ▴'}
.live{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin-top:2px;white-space:nowrap}.live i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px color-mix(in srgb,var(--ok) 25%,transparent);animation:pulse 1.6s infinite}
@keyframes pulse{50%{opacity:.35}}
.shead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:12px 0 4px}
.strip>div{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:7px 8px;display:flex;flex-direction:column;min-width:0}
.strip em{font-style:normal;font-size:10.5px;color:var(--mute);white-space:nowrap}.strip b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.strip .faint{font-size:10.5px}
.pbar{display:block;height:4px;border-radius:2px;background:var(--soft);margin-top:4px;overflow:hidden}.pbar i{display:block;height:100%;background:var(--fg)}
@media (max-width:520px){.strip{grid-template-columns:repeat(3,minmax(0,1fr))}.todo b{font-size:21px}}
table.heatt td{font-size:12.5px}table.heatt td[style]{color:var(--fg);border-radius:3px}
.chips.wrap{flex-wrap:wrap;overflow:visible}
.stars{display:flex;gap:4px}.stars button{border:0;background:transparent;font-size:24px;color:var(--line);cursor:pointer;padding:0 2px;line-height:1}.stars button.on{color:#f59e0b}
.btn.sm{padding:5px 9px;font-size:12px;border-radius:8px;font-weight:500}
textarea{resize:vertical}
.day{font-size:11px;color:var(--mute);padding:10px 2px 2px;font-weight:600}
.item.al{justify-content:flex-start;align-items:flex-start}.item.al .ai{width:22px;flex:none}.item.al .at{flex:1;font-size:13.5px}.item.al .tag{margin:0 4px 0 0}.item.al.unread .at{font-weight:600}
.item.al.unread{background:color-mix(in srgb,var(--info) 7%,transparent);border-radius:8px}
@media (min-width:900px){
  main{max-width:1160px;padding-left:24px;padding-right:24px}
  .grid2{grid-template-columns:1fr 1fr}.grid3{grid-template-columns:repeat(3,1fr)}.cards{grid-template-columns:1fr 1fr}
  .tabbar{left:50%;transform:translateX(-50%);max-width:640px;bottom:14px;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px rgba(0,0,0,.08)}
  .kpis.k4m{grid-template-columns:repeat(4,1fr)}
}
table.heatt td:first-child{white-space:normal;min-width:118px;max-width:160px}
table.heatt td:first-child .code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}
:is(.split,.grid2,.grid3) .item>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
:is(.split,.grid2,.grid3) .item>span:last-child{white-space:nowrap;flex:none}
/* v3.2.1: 가로로 밀리는 줄은 스크롤바를 숨기고(손가락으로는 그대로 밀림), 더 있다는 걸 오른쪽 흐림으로 알린다 */
.chips,.seg,.scroll,.strip,.sheet-card{scrollbar-width:none;-ms-overflow-style:none}
.chips::-webkit-scrollbar,.seg::-webkit-scrollbar,.scroll::-webkit-scrollbar,.strip::-webkit-scrollbar,.sheet-card::-webkit-scrollbar{display:none;width:0;height:0}
.chips:not(.wrap){margin-right:-16px;padding-right:16px;scroll-padding-inline:16px;overscroll-behavior-x:contain}
.chips.more-r{-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 36px),transparent)}
.chips.more-l.more-r{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 36px),transparent)}
.chips.more-l:not(.more-r){-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}
/* 그리드 칸이 내용(긴 제목·표) 때문에 화면 밖으로 넓어지지 않게 */
.grid2>*,.grid3>*,.cards>*,.split>*,.kpis>*{min-width:0}
h2{min-width:0}h2 small{min-width:0;margin-left:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
/* 업종 흐름 카드 목록 */
.sx{padding:2px 16px}.sx-r{padding:14px 0;border-bottom:1px solid var(--line)}.sx-r:last-child{border-bottom:0}
.sx-h{display:flex;align-items:flex-start;gap:10px}.sx-n{width:18px;flex:none;color:var(--faint);font-size:13px;font-weight:600;padding-top:2px;text-align:center}
.sx-t{flex:1;min-width:0}.sx-t b{font-size:15.5px}.sx-t .faint{font-size:12px}
.sx-l{font-size:12px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.sx-main{text-align:right;flex:none}.sx-v{display:block;font-size:19px;letter-spacing:-.3px;line-height:1.15}.sx-main em{font-style:normal;font-size:11px;color:var(--faint)}
.sx-ms{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 0 28px}
.sx-m{background:var(--soft);border-radius:10px;padding:6px 8px 7px}.sx-m.on{background:color-mix(in srgb,var(--fg) 7%,var(--soft))}
.sx-m em{display:block;font-style:normal;font-size:10.5px;color:var(--faint)}.sx-m span{display:block;font-size:13px;font-weight:600;margin:1px 0 5px}
.sx-m i,.sx-ab i{display:block;height:3px;border-radius:2px;background:var(--line);overflow:hidden}.sx-m u{display:block;height:100%;border-radius:2px}
.sx-m u.u{background:var(--up)}.sx-m u.d{background:var(--down)}
.sx-f{display:flex;align-items:center;gap:14px;margin:9px 0 0 28px;font-size:12px;color:var(--mute)}.sx-f em{font-style:normal;color:var(--faint);margin-right:2px}
.sx-ab{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.sx-ab i{flex:1;max-width:90px}.sx-ab u{display:block;height:100%;background:var(--fg);opacity:.55}.sx-ab b{font-weight:600;color:var(--fg)}
table.heatt td[style]{font-weight:600}
.sx-r{padding:12px 0}.sx-ms{gap:5px;margin-top:8px}.sx-m{padding:5px 7px 6px;border-radius:9px}.sx-m span{font-size:12.5px;margin:0 0 4px}
.sx-f{margin-top:7px;gap:12px}.sx-ab{flex:none}.sx-ab i{flex:none;width:52px}.sx-f>span:nth-child(2){margin-left:auto}
.sx-f>span{white-space:nowrap}.sx-f{gap:10px}
.sx-f{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;align-items:end}.sx-f>span{min-width:0;padding:0 7px;overflow:hidden;text-overflow:ellipsis}.sx-f>span:nth-child(2){margin-left:0}
.sx-f>span:not(.sx-ab) em{display:block;font-size:10.5px;margin:0}.sx-f>span:not(.sx-ab){font-weight:600}
.sx-ab{grid-column:span 2;display:grid!important;grid-template-columns:1fr auto;gap:2px 8px;align-items:center}.sx-ab em{grid-column:span 2;font-size:10.5px}.sx-ab i{width:auto!important}
.fillp{margin:8px 0 2px;padding:7px 10px;border-radius:10px;background:var(--soft);font-size:12.5px;color:var(--mute)}.fillp b{color:var(--fg)}
.fillp.mid{background:color-mix(in srgb,#f59e0b 12%,var(--soft))}.fillp.hi{background:color-mix(in srgb,#10b981 13%,var(--soft))}.fillp.ok{background:color-mix(in srgb,#10b981 18%,var(--soft));color:var(--fg);font-weight:600}
tr.hl-row td{font-weight:700}
.liverow{margin:8px 0 2px;padding:8px 10px;border-radius:12px;background:var(--soft);display:flex;flex-direction:column;gap:4px}
.liverow .live{justify-content:flex-start}.liverow .fillp{margin:0;padding:0;background:none!important;font-size:12.5px}.liverow .fillp.ok{color:#059669}.liverow .fillp.hi b{color:#059669}.liverow .fillp.mid b{color:#d97706}
.acct .row{align-items:center}.acct-k{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.acct-k>div{background:var(--soft);border-radius:10px;padding:7px 9px}.acct-k em{display:block;font-style:normal;font-size:11px;color:var(--faint)}.acct-k b{font-size:14.5px}
.acct-t{margin-top:8px}.acct-t .item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;border-top:1px solid var(--line)}.acct-t .btn.sm{flex:none}
.note.bad,.tag.sev{background:#fde7e5;color:#b42318}.tag.warn{background:var(--warnbg);color:var(--warn)}.note.bad .lnk,.note.warn .lnk{color:inherit;text-decoration:underline}
@media (prefers-color-scheme:dark){.note.bad,.tag.sev{background:#3a1715;color:#ff9b93}}
.mode{display:flex;background:var(--soft);border-radius:10px;padding:2px;gap:2px}.mode button{border:0;background:transparent;padding:5px 11px;border-radius:8px;font-size:14px;font-weight:600;color:var(--mute);cursor:pointer}.mode button.on{background:var(--card);color:var(--fg);box-shadow:var(--shadow)}
/* ---- v4.53.0 홈 대시보드 ---- */
.acts{margin-top:12px;display:flex;flex-direction:column;gap:6px}
.act{display:flex;align-items:center;gap:10px;background:var(--soft);border-radius:14px;padding:10px 12px}
.act:active{transform:scale(.995)}
.act .k{flex:none;font-style:normal;font-size:11px;font-weight:700;width:38px;text-align:center;padding:3px 0;border-radius:8px;background:var(--card);color:var(--mute)}
.act .tx{flex:1;min-width:0;font-size:14px}.act .tx em{display:block;font-style:normal;font-size:12px;color:var(--mute);line-height:1.45}
.act.bad{background:#fde7e5}.act.bad .k{background:#b42318;color:#fff}.act.bad .tx em{color:#b42318}
.act.warn{background:var(--warnbg)}.act.warn .k{background:var(--warn);color:var(--warnbg)}
.act.ok .k{background:var(--up);color:#fff}.act.info .k{background:var(--info);color:#fff}.act.buy .k{background:var(--acc);color:var(--acc-fg)}
.act .btn.sm{flex:none;padding:7px 11px}
.card.dimc table{opacity:.55}
.ordr{display:block;padding:11px 0;border-bottom:1px solid var(--line)}.ordr:first-child{padding-top:0}.ordr:last-child{border-bottom:0}.ordr .plan{margin-top:7px}.ordr .plan b{font-size:16px}.card.dimc .ords{opacity:.55}
table.stt td{vertical-align:top}table.stt td:first-child{white-space:normal}
.hps{padding:4px 14px}.hp{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.hp:last-child{border-bottom:0}
.hpt{position:relative;height:6px;border-radius:4px;margin:9px 0 5px;background:linear-gradient(90deg,var(--down) 0%,var(--soft) 50%,var(--up) 100%);opacity:.9}
.hpt .m{position:absolute;top:-4px;width:4px;height:14px;border-radius:2px;background:var(--fg);transform:translateX(-2px)}.hpt .f{position:absolute;top:-2px;width:2px;height:10px;background:var(--mute)}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}.duo>div{background:var(--soft);border-radius:12px;padding:10px 12px;min-width:0}
.duo .l{font-size:11px;color:var(--mute);display:block}.duo .mny{display:block;font-size:22px;letter-spacing:-.5px;line-height:1.35}.duo .s{display:block;font-size:11.5px;color:var(--mute)}
.gap{display:flex;align-items:baseline;gap:8px;margin:12px 2px 2px;font-size:13px;color:var(--mute)}.gap b{font-size:17px;color:var(--fg)}
.why>div{display:flex;justify-content:space-between;gap:10px;padding:7px 2px;border-top:1px dashed var(--line);font-size:13px}.why>div>span{min-width:0}.why b{white-space:nowrap;flex:none}
.prs{display:grid;grid-template-columns:1fr;gap:8px}
.pr{background:var(--card);border:1px solid var(--line);border-left:4px solid var(--line);border-radius:12px;padding:10px 12px;box-shadow:var(--shadow);min-width:0}
.pr .l{font-size:12px;color:var(--mute);display:block}.pr b{display:block;font-size:19px;letter-spacing:-.4px;line-height:1.4}.pr .s{display:block;font-size:11.5px;color:var(--mute);line-height:1.5}
.pr.ok{border-left-color:var(--ok)}.pr.warn{border-left-color:var(--warn)}.pr.bad{border-left-color:#b42318}.pr.bad b{color:#b42318}
@media (min-width:640px){.prs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:360px){.duo .mny{font-size:19px}}
@media (prefers-color-scheme:dark){.act.bad{background:#3a1715}.act.bad .tx em{color:#ff9b93}.act.bad .k{background:#ff9b93;color:#3a1715}.pr.bad{border-left-color:#ff9b93}.pr.bad b{color:#ff9b93}}
@media (min-width:900px){.ords{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.ords .ordr:first-child{padding-top:11px}}
/* ---- v4.54.0 탭 5개 · 자동 매매 준비 · 더보기 ---- */
.steps{display:flex;align-items:center;gap:4px}.steps i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;background:var(--soft);color:var(--faint)}
.steps i.done{background:var(--okbg);color:var(--ok)}.steps i.now{background:var(--acc);color:var(--acc-fg)}.steps b{flex:1;height:2px;background:var(--line);border-radius:2px}
.auto-l>div{display:flex;align-items:baseline;gap:8px;padding:7px 0;border-top:1px dashed var(--line);font-size:13.5px}.auto-l>div:first-child{border-top:0}
.auto-l span{flex:1;min-width:0}.auto-l em{font-style:normal;font-size:12px;color:var(--mute);text-align:right;max-width:46%}
.ck{flex:none;width:18px;height:18px;border-radius:50%;display:inline-grid;place-items:center;font-style:normal;font-size:11px;font-weight:700;align-self:center}
.ck.ok{background:var(--okbg);color:var(--ok)}.ck.no{background:var(--warnbg);color:var(--warn)}.ck.na{background:var(--soft);color:var(--faint)}
.astg.s-todo{opacity:.62}.astg.s-now{border-color:var(--fg)}
.item.mo span:first-child{display:flex;flex-direction:column;min-width:0}.item.mo em{font-style:normal;font-size:12px;color:var(--mute)}
/* ---- v4.56.0 디자인 토큰 다시: 색은 다섯 가지(오름 빨강 · 내림 파랑 · 브랜드 청록 · 주의 호박 · 회색), 상자 안 상자 없애기 ---- */
:root{--brand:#0c7a6d;--brand-fg:#fff;--brandbg:#e3f3f0;--bad:#c4322a;--badbg:#fdeceb;
--bg:#f1f3f5;--card:#fff;--fg:#17212b;--mute:#66727f;--faint:#a9b2bc;--line:#edf0f2;--soft:#f1f3f5;--up:#e5484d;--down:#2f6fed;
--acc:var(--brand);--acc-fg:var(--brand-fg);--ok:var(--brand);--okbg:var(--brandbg);--info:var(--brand);--infobg:var(--brandbg);--warn:#9a5b00;--warnbg:#fff3d1;
--shadow:none;--r:20px;--t1:28px;--t2:20px;--t3:16px;--t4:14px;--t5:12px}
@media (prefers-color-scheme:dark){:root{--brand:#3ccfb9;--brand-fg:#06221e;--brandbg:#0f2b27;--bad:#ff8f87;--badbg:#3a1715;
--bg:#0e1116;--card:#171b22;--fg:#e8ecf1;--mute:#98a2ae;--faint:#5f6975;--line:#232931;--soft:#1e232b;--up:#ff6b6f;--down:#6ea3ff;--warn:#f5c04a;--warnbg:#33260a}}
html,body{font-family:"Pretendard Variable",Pretendard,-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;font-size:15px;letter-spacing:-.01em}
main{padding-top:8px}
.card{border:0;padding:18px;margin:10px 0}
h2{font-size:var(--t2);font-weight:800;margin:26px 4px 10px;letter-spacing:-.03em}h2 small{font-size:13px}
.name{font-size:var(--t3)}.big{font-size:var(--t1);font-weight:800;letter-spacing:-.03em}.hero .big{font-size:var(--t1)}
.kpis{gap:14px 10px}.kpi{background:none;border-radius:0;padding:0}.kpi .l{font-size:var(--t5)}.kpi b{font-size:19px;font-weight:700;letter-spacing:-.02em}
.plan>div{background:none;padding:2px 0}.plan{margin-top:12px}
.note{background:none;padding:0;color:var(--mute);margin-top:10px}.note.warn,.note.info,.note.ok,.note.bad{padding:10px 12px}.note.bad{background:var(--badbg);color:var(--bad)}
.card>.note:first-child{margin-top:0}
.tag{border-radius:999px;padding:2px 8px}.tag.a,.tag.sev{background:var(--badbg);color:var(--bad)}.tag.c{background:var(--brandbg);color:var(--brand)}
.btn{border-radius:14px;padding:13px 14px;font-size:15px}.btn.sm{padding:7px 12px;font-size:13px;border-radius:10px}
.seg{border-radius:14px;padding:4px;background:color-mix(in srgb,var(--fg) 6%,transparent)}.seg button{border-radius:10px;padding:8px 10px}.seg button.on{box-shadow:0 1px 3px rgba(23,33,43,.12)}
.chips .on{background:var(--fg);color:var(--card);border-color:var(--fg)}
.top{border-bottom:0;background:color-mix(in srgb,var(--bg) 92%,transparent)}
.tabbar{border-top:0;box-shadow:0 -1px 0 var(--line)}.tabbar a.on{color:var(--brand)}
.lnk{color:var(--brand)}.live i{background:var(--brand)}
.pr{border:0;border-left:4px solid var(--line)}.duo>div{background:none;padding:0}.astg.s-now{box-shadow:inset 0 0 0 1.5px var(--brand)}
details.card>summary{font-size:15px}
.clamp{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.clamp::before{content:"ⓘ ";color:var(--faint)}.clamp br{display:none}
.clamp.open{white-space:normal}.clamp.open br{display:inline}
/* 오늘 화면 */
.hd{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--mute);margin:6px 4px 0}.hd .live{margin-left:6px}
.hero .ttl{font-size:var(--t1);font-weight:800;letter-spacing:-.03em;line-height:1.25}.hero .ttl em{font-style:normal;color:var(--brand)}
.acts{margin-top:8px;gap:0}.act,.act.bad,.act.warn{background:none;border-radius:0;padding:13px 0;border-top:1px solid var(--line);gap:12px}.act:first-child{border-top:0}
.act .dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--faint)}.act.bad .dot{background:var(--bad)}.act.warn .dot{background:var(--warn)}.act.ok .dot{background:var(--up)}.act.buy .dot,.act.info .dot{background:var(--brand)}
.act .tx{font-size:16px}.act .tx em{font-size:13px}.act.bad .tx em{color:var(--bad)}.act .tx em:empty{display:none}
.rows .rw{display:grid;grid-template-columns:1fr auto 76px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line);font-size:15px}
.rows .rw>span:nth-child(n+2){text-align:right;white-space:nowrap}.rows .rw>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rows .rw.hdr{border-top:0;padding:0 0 4px;font-size:var(--t5);color:var(--mute)}.rows .rw.off{color:var(--faint)}.rows .rw>span:last-child{color:var(--mute);font-size:var(--t4)}
.card.dimc .rows{opacity:.5}
.hps{padding:6px 18px}.hp{padding:14px 0}.hpt{height:5px;margin:11px 0 6px;background:linear-gradient(90deg,var(--down),var(--line) 50%,var(--up))}
.duo2{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px}.duo2 .l,.mkl .l{display:block;font-size:var(--t5);color:var(--mute)}.duo2 b{font-size:22px;font-weight:800;letter-spacing:-.03em;white-space:nowrap}
.mkl{display:flex;justify-content:space-between;align-items:center}.mkl b{font-size:var(--t3)}
@media (max-width:360px){.duo2 b{font-size:18px}.hero .ttl{font-size:24px}}
main>.kpis,#view>.kpis{background:var(--card);border-radius:var(--r);padding:18px;margin:10px 0}
#view>.btns>.btn.ghost,#view>.btn.ghost,#view>.note:not(.warn):not(.bad):not(.info):not(.ok){background:var(--card)}
#view>.note:not(.warn):not(.bad):not(.info):not(.ok){padding:12px 18px;border-radius:14px}
.item.mo .tag{display:inline-block;align-self:auto;width:auto;margin-left:6px}.item.mo b{display:block}
.item.mo b>span.tag.sev{display:inline-block}
/* ---- v4.57.0 그림 요소: 아이콘 · 막대 · 게이지 ---- */
.ic{flex:none;width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--soft);color:var(--mute)}
.ic svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.act.bad .ic{background:var(--badbg);color:var(--bad)}.act.warn .ic{background:var(--warnbg);color:var(--warn)}.act.ok .ic{background:var(--badbg);color:var(--up)}.act.buy .ic,.act.info .ic{background:var(--brandbg);color:var(--brand)}
.live i{animation:pulse 2s ease-out infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--brand) 55%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
@media (prefers-reduced-motion:reduce){.live i{animation:none}}
.ldw{grid-column:1/-1;margin-top:-2px}.ldw .row{font-size:11px;color:var(--faint);margin-top:4px}
.ld{position:relative;height:6px;border-radius:3px;background:var(--soft)}
.ld i{position:absolute;top:0;height:100%}.ld i.d{left:0;border-radius:3px 0 0 3px;background:color-mix(in srgb,var(--down) 30%,transparent)}.ld i.u{border-radius:0 3px 3px 0;background:color-mix(in srgb,var(--up) 30%,transparent)}
.ld s,.lgd i{position:absolute;text-decoration:none}.ld .lm,.lgd .lm{top:-4px;width:3px;height:14px;border-radius:2px;background:var(--fg);transform:translateX(-1.5px)}
.ld .nw,.lgd .nw{top:-3px;width:12px;height:12px;border-radius:50%;background:var(--card);border:3px solid var(--brand);transform:translateX(-6px)}
.lgd{display:flex;gap:16px;font-size:var(--t5);color:var(--mute);margin-top:6px}.lgd span{position:relative;padding-left:16px}.lgd i{left:4px;top:2px!important;transform:none!important}.lgd .nw{left:0}
.rows .rw.off .ldw{opacity:.45}
.mb{margin-top:14px}.mb:first-child{margin-top:0}.mb .l,.card .l{font-size:var(--t5);color:var(--mute)}.mb b{font-size:20px;font-weight:800;letter-spacing:-.03em}
.mbt{height:10px;border-radius:5px;background:var(--soft);margin-top:6px;overflow:hidden}.mbt i{display:block;height:100%;border-radius:5px}
.mbt .u,.twin .u,.zb .u{background:var(--up)}.mbt .d,.twin .d,.zb .d{background:var(--down)}
.zb{position:relative;flex-basis:100%;height:8px;border-radius:4px;background:var(--soft);margin:12px 0 18px}
.zb i{position:absolute;top:0;height:100%;border-radius:4px}.zb s{position:absolute;top:-3px;width:2px;height:14px;background:var(--faint)}
.zb .tk{background:var(--warn)}.zb em,.pb em{position:absolute;top:15px;left:0;transform:translateX(-50%);font-style:normal;font-size:10.5px;color:var(--mute);white-space:nowrap}
.mkl{flex-wrap:wrap}
.pb{position:relative;height:8px;border-radius:4px;background:var(--soft);margin:8px 0 20px}.pb i{display:block;height:100%;border-radius:4px;background:var(--mute)}
.pb.ok i{background:var(--brand)}.pb.wn i{background:var(--warn)}.pb s{position:absolute;top:-3px;width:2px;height:14px;background:var(--fg);opacity:.55}
.pb.sm{height:4px;margin:4px 0 0;min-width:44px}.pb.sm s{top:-2px;height:8px}
.twin{margin:8px 0 4px;display:grid;gap:6px}.twin>div{position:relative;height:22px;background:var(--soft);border-radius:6px;overflow:hidden}
.twin i{position:absolute;inset:0 auto 0 0;opacity:.28;border-radius:6px}.twin span{position:relative;font-size:12px;line-height:22px;padding-left:8px;white-space:nowrap}
/* ---- v4.58.0 접속 비밀번호 · 비상 정지 · 주문 한도 ---- */
.lockwrap{position:fixed;inset:0;z-index:100;background:var(--bg);display:grid;place-items:center;padding:16px}
.lock{width:100%;max-width:360px;margin:0}.lock-t{font-size:var(--t2);font-weight:800;letter-spacing:-.03em;margin-bottom:4px}.lock input{margin:14px 0 10px}.lock .note{margin:0 0 10px}
.killbar{position:sticky;top:58px;z-index:19;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 16px;background:var(--bad);color:#fff;font-size:13px;font-weight:600}
.killbar a{color:#fff;text-decoration:underline;white-space:nowrap}
@media (prefers-color-scheme:dark){.killbar{color:#3a1715}.killbar a{color:#3a1715}}
.btn.danger{background:var(--bad);color:#fff}@media (prefers-color-scheme:dark){.btn.danger{color:#3a1715}}
.killc.on{box-shadow:inset 0 0 0 2px var(--bad)}
.badc{color:var(--bad)}
.dryl{margin-top:10px}.dry{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line);font-size:14px}.dry.no span:last-child{color:var(--warn);text-align:right}.dry.ok span:last-child{color:var(--brand)}
.card .btns{margin-top:12px}
.dry .code{white-space:nowrap}.dry>span:first-child{flex:none}.dry>span:last-child{min-width:0}
.killc.autoon{box-shadow:inset 0 0 0 2px var(--brand)}.card select{margin-top:2px}

/* v4.60.0 계좌 종류 표시 */
.acctbar{background:var(--warn)}
.tag.acct{margin-left:6px;text-decoration:none;font-weight:600;white-space:nowrap;flex:none}
.acctseg button{padding:10px;font-size:14px}.acctseg button:disabled{opacity:.4;cursor:not-allowed}

/* ==== v4.62.0 화면 다시 짜기: 회색 바탕에 흰 카드, 파랑 하나, 큰 숫자, 줄 목록, 아래 큰 버튼 ==== */
:root{--brand:#3182f6;--brand-fg:#fff;--brandbg:#e8f3ff;--bad:#f04452;--badbg:#ffeeee;
--bg:#f2f4f6;--card:#fff;--fg:#191f28;--mute:#6b7684;--faint:#b0b8c1;--line:#f2f4f6;--soft:#f2f4f6;--up:#f04452;--down:#3182f6;
--acc:var(--brand);--acc-fg:#fff;--ok:#3182f6;--okbg:#e8f3ff;--info:#3182f6;--infobg:#e8f3ff;--warn:#c56a00;--warnbg:#fff3e0;
--sub:#4e5968;--r:22px;--t1:30px;--t2:20px;--t3:17px;--t4:14px;--t5:13px;--tp:#f04452;--sl:#3182f6}
@media (prefers-color-scheme:dark){:root{--brand:#4593fc;--brand-fg:#fff;--brandbg:#1c2a40;--bad:#f66570;--badbg:#3c1f24;
--bg:#17171c;--card:#202027;--fg:#e4e4e5;--mute:#9e9ea4;--faint:#62626d;--line:#2c2c35;--soft:#2c2c35;--up:#f66570;--down:#4593fc;--warn:#ffb331;--warnbg:#3a2c12;--sub:#c3c3c6;--okbg:#1c2a40;--infobg:#1c2a40}}
html,body{font-size:16px;line-height:1.5;letter-spacing:-.015em;-webkit-font-smoothing:antialiased}
main{padding:4px 16px 110px;max-width:640px;margin:0 auto}
.top{padding:10px 20px;background:var(--bg);backdrop-filter:none;border:0}.top .icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center}
.top .icon:active{background:color-mix(in srgb,var(--fg) 8%,transparent)}
.pill{font-size:13px;padding:5px 10px;background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--sub);font-weight:600}.pill.warn{background:var(--warnbg);color:var(--warn)}
.card{border-radius:var(--r);padding:22px 20px;margin:12px 0;box-shadow:none}
h1.pt{font-size:26px;font-weight:800;letter-spacing:-.03em;margin:8px 4px 14px}
h2{font-size:var(--t2);font-weight:700;margin:28px 4px 10px}h2 small{color:var(--mute);font-weight:500}
.sec{font-size:var(--t5);font-weight:600;color:var(--mute);margin:26px 6px 0}
.sub,.meta{color:var(--mute);font-size:var(--t4);line-height:1.5}.mute{color:var(--mute)}.code{color:var(--mute)}
/* 버튼: 높이 54, 파랑 하나. 보조는 옅은 회색 */
.btn{min-height:54px;border-radius:16px;padding:0 18px;font-size:17px;font-weight:600;background:var(--brand);color:#fff;border:0;display:inline-flex;align-items:center;justify-content:center;transition:transform .08s,filter .12s}
.btn:active{transform:scale(.98);filter:brightness(.94)}.btn:disabled{opacity:.45}
.btn.ghost{background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--sub)}#view>.btns>.btn.ghost,#view>.btn.ghost{background:color-mix(in srgb,var(--fg) 6%,transparent)}
.btn.danger{background:var(--badbg);color:var(--bad)}.btn.sm{min-height:36px;padding:0 12px;font-size:14px;border-radius:10px}
.btns{gap:8px;margin-top:16px}.btns .btn{flex:1}
/* 입력: 회색 채움, 누르면 파란 테두리 */
label.f{font-size:var(--t5);color:var(--sub);font-weight:600;margin:16px 0 6px;display:block}
input,select,textarea{background:var(--soft);border:1.5px solid transparent;border-radius:14px;min-height:52px;padding:0 16px;font-size:17px;color:var(--fg);width:100%;outline:0;font-family:inherit}
input:focus,select:focus,textarea:focus{border-color:var(--brand);background:var(--card)}textarea{padding:14px 16px}
/* 표지 */
.tag{font-size:12px;font-weight:600;padding:3px 8px;border-radius:7px;background:color-mix(in srgb,var(--fg) 6%,transparent);color:var(--sub)}
.tag.ok,.tag.info,.tag.c{background:var(--brandbg);color:var(--brand)}.tag.bad,.tag.sev,.tag.a{background:var(--badbg);color:var(--bad)}.tag.warn{background:var(--warnbg);color:var(--warn)}
.tag.acct{margin-left:0;border-radius:999px;padding:5px 10px;font-size:13px}
.note.warn,.note.info,.note.ok,.note.bad{border-radius:14px;padding:12px 14px;font-size:var(--t4)}.note.info,.note.ok{background:var(--brandbg);color:var(--brand)}
/* 목록 줄 */
.mlist{padding:6px 20px}.mrow{display:flex;align-items:center;gap:14px;min-height:60px;padding:8px 0;color:var(--fg);cursor:pointer}
.mrow b{font-weight:600;font-size:17px;flex:1;min-width:0}.mrow .tx{flex:1;min-width:0;display:flex;flex-direction:column}.mrow .tx b{flex:none}.mrow em{font-style:normal;font-size:var(--t5);color:var(--mute);overflow-wrap:anywhere}
.mrow .mv{color:var(--mute);font-size:15px;white-space:nowrap}.mrow .mv .on{color:var(--brand);font-weight:600}.mrow .chev,.acard .chev{color:var(--faint);font-size:20px;line-height:1}
.mrow .mi{flex:none;width:40px;height:40px;border-radius:13px;background:var(--soft);display:flex;align-items:center;justify-content:center}
.mi svg{width:21px;height:21px;fill:none;stroke:var(--sub);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.mrow:active{opacity:.6}.cnt{display:inline-block;min-width:20px;padding:1px 6px;border-radius:999px;background:var(--bad);color:#fff;font-size:12px;font-weight:700;text-align:center}
.item{min-height:54px;padding:10px 0;border-color:var(--line)}.card.list{padding:8px 20px}
.acard{display:grid;grid-template-columns:1fr auto;align-items:center;row-gap:2px;color:var(--fg)}.acard .l{font-size:var(--t4);color:var(--mute);grid-column:1}.acard b{font-size:22px;font-weight:800;letter-spacing:-.03em;grid-column:1}.acard .chev{grid-column:2;grid-row:1/3}
.badc{color:var(--bad)}.warnc{color:var(--warn)}.ver{text-align:center;color:var(--faint);font-size:13px;margin:22px 0 4px}
/* 화면 안 뒤로 줄 */
.nav{display:flex;align-items:center;gap:4px;margin:0 -8px 6px}.nav b{font-size:20px;font-weight:700;letter-spacing:-.02em}
.navb{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer}.navb svg{width:24px;height:24px;fill:none;stroke:var(--fg);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.back{display:none}
/* 스위치 */
.sw{flex:none;width:52px;height:32px;border-radius:999px;border:0;background:color-mix(in srgb,var(--fg) 16%,transparent);position:relative;cursor:pointer;transition:background .15s;padding:0}
.sw i{position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);transition:transform .15s}.sw.on{background:var(--brand)}.sw.on i{transform:translateX(20px)}
/* 큰 숫자 카드 */
.hero2 .l{font-size:var(--t4);color:var(--mute);display:block}.hero2 b{display:block;font-size:var(--t1);font-weight:800;letter-spacing:-.035em;margin:2px 0 6px}
.hero .ttl{font-size:26px}.hero .ttl em{color:var(--brand)}.big{font-size:var(--t1)}
.kpi .l{color:var(--mute)}.kpi b{font-size:20px}
/* 갈래 고르기 */
.seg{background:var(--soft);border-radius:14px;padding:4px}.seg button{min-height:40px;font-size:15px;font-weight:600;color:var(--mute)}.seg button.on{background:var(--card);color:var(--fg);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.chips>*{border-radius:999px}.chips .on{background:var(--fg);color:var(--card)}
/* 아래 탭 */
.tabbar{border:0;box-shadow:none;border-top:1px solid color-mix(in srgb,var(--fg) 6%,transparent);border-radius:22px 22px 0 0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));background:var(--card)}
.tabbar a{font-size:11px;font-weight:600;color:var(--faint);gap:3px}.tabbar a.on{color:var(--fg)}.tabbar svg{width:25px;height:25px;stroke-width:1.9}.tabbar a.on svg{fill:color-mix(in srgb,var(--fg) 12%,transparent)}
.tabbar .badge{background:var(--bad)}
/* 아래에서 올라오는 창 */
.sheet{background:rgba(0,0,0,.45)}.sheet-card{border-radius:26px 26px 0 0;padding:14px 22px calc(22px + env(safe-area-inset-bottom));animation:shUp .22s cubic-bezier(.2,.8,.2,1)}
.sheet-card::before{content:"";display:block;width:40px;height:5px;border-radius:99px;background:color-mix(in srgb,var(--fg) 14%,transparent);margin:0 auto 16px}
.sheet-card .name{font-size:21px;font-weight:700;letter-spacing:-.02em}
@keyframes shUp{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}
.toast{background:#333d4b;color:#fff;border-radius:14px;padding:13px 18px;font-size:15px;font-weight:600;box-shadow:0 8px 24px rgba(0,0,0,.18)}
/* 띠 · 잠금 */
.killbar{top:60px;margin:0 16px;border-radius:14px;padding:12px 16px;font-size:14px}.acctbar{background:var(--warnbg);color:var(--warn)}.acctbar a{color:var(--warn)}
.killc.on{box-shadow:inset 0 0 0 1.5px var(--bad)}.killc.autoon{box-shadow:inset 0 0 0 1.5px var(--brand)}.astg.s-now{box-shadow:inset 0 0 0 1.5px var(--brand)}
.lnk{color:var(--brand)}.live i{background:var(--brand)}
#view>*{animation:fadeIn .18s ease-out}@keyframes fadeIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){#view>*,.sheet-card{animation:none}}
@media (min-width:720px){.tabbar{border-radius:22px;border:1px solid var(--line)}.killbar{max-width:608px;margin:0 auto}}
/* 홈 맨 위: 자동 주문 현황 */
.ahero{display:block;color:var(--fg)}.ahero .l{display:flex;align-items:center;gap:6px;font-size:var(--t4);color:var(--mute);font-weight:600}
.ahero>b{display:block;font-size:var(--t1);font-weight:800;letter-spacing:-.035em;margin:4px 0 2px}.ahero .s{font-size:15px;color:var(--sub)}.ahero.bad>b{color:var(--bad)}
.dotl{width:8px;height:8px;border-radius:50%;background:var(--brand);animation:pulse 1.6s infinite}@keyframes pulse{50%{opacity:.25}}
.arows{margin-top:14px;border-top:1px solid var(--line)}.arow{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:56px;border-bottom:1px solid var(--line)}.arow:last-child{border-bottom:0}
.arow b{display:block;font-size:16px;font-weight:600}.arow em{font-style:normal;font-size:var(--t5);color:var(--mute)}
.mode{background:color-mix(in srgb,var(--fg) 6%,transparent);border-radius:12px;padding:3px}.mode button{padding:6px 12px;border-radius:9px;font-size:14px;white-space:nowrap}.mode button.on{background:var(--card);color:var(--fg);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.brand{gap:6px;min-width:0}.pill{white-space:nowrap}
.hd{margin:2px 6px 0;font-size:var(--t5)}
.btn{white-space:nowrap}
.item.al .tag{margin-right:4px}
.cgrp>.sub{margin:4px 6px}.cgrp .chips{margin:0 2px 8px}