/* 사장잔고: 복숭아빛 바탕 위에 코랄 잔고 카드 하나가 중심, 나머지는 하얀 카드와 파스텔 아이콘으로 조용하게 */
*{box-sizing:border-box}
:root{
--bg:#fbf1ec;--cd:#ffffff;--ink:#3a2924;--mu:#94807a;--ln:#f2e1d9;
--pr:#e8735f;--pr2:#f29a86;--pl:#f5c4b8;--so:#fde9e2;
--ok:#3c8c66;--ng:#cf4535;--leaf:#6aa84f;--pot:#f7b9a6;
--t1:#e2f3e8;--t1i:#3c9466;--t2:#fde3df;--t2i:#e0614c;--t3:#e2edfb;--t3i:#4b7fcf;--t4:#fdf0d5;--t4i:#d99a22;
--sh:0 2px 12px rgba(201,110,90,.08);
--f-body:'Noto Sans KR',system-ui,-apple-system,sans-serif;--f-disp:'Jua','Noto Sans KR',sans-serif;--f-hand:'Gaegu','Noto Sans KR',cursive;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#1d1513;--cd:#2a1f1c;--ink:#f7eae5;--mu:#b9a39b;--ln:#3b2c28;--pr:#f0846f;--pr2:#d9604c;--pl:#7c4a3f;--so:#43302b;--ok:#73d0a1;--ng:#ff8b7b;--leaf:#8cc874;--pot:#c97c68;--t1:#1f3328;--t1i:#7fd3a5;--t2:#3d2523;--t2i:#ff9a88;--t3:#1f2a3b;--t3i:#8fb6f0;--t4:#3a301c;--t4i:#f0c260;--sh:0 2px 12px rgba(0,0,0,.25);color-scheme:dark}}
:root[data-theme="dark"]{--bg:#1d1513;--cd:#2a1f1c;--ink:#f7eae5;--mu:#b9a39b;--ln:#3b2c28;--pr:#f0846f;--pr2:#d9604c;--pl:#7c4a3f;--so:#43302b;--ok:#73d0a1;--ng:#ff8b7b;--leaf:#8cc874;--pot:#c97c68;--t1:#1f3328;--t1i:#7fd3a5;--t2:#3d2523;--t2i:#ff9a88;--t3:#1f2a3b;--t3i:#8fb6f0;--t4:#3a301c;--t4i:#f0c260;--sh:0 2px 12px rgba(0,0,0,.25);color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 var(--f-body);-webkit-font-smoothing:antialiased}
main{max-width:440px;margin:0 auto;padding:18px 16px 104px}
h1{font:400 24px/1.3 var(--f-disp);margin:4px 0 14px;letter-spacing:.2px;text-wrap:balance}
b,strong{font-weight:700}
[data-lucide]{width:18px;height:18px;stroke-width:2;vertical-align:-3px}
.top{display:flex;justify-content:space-between;align-items:center;gap:8px}

/* 홈 머리말 */
.greet{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin:2px 0 14px}
.greet h1{font-size:20px;margin:0;min-width:0;flex:1}
.greet .meta{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:11.5px;color:var(--mu);text-align:right;white-space:nowrap}
.pill{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;background:var(--cd);border:1px solid var(--ln);border-radius:999px;padding:4px 10px;font-size:12px;color:var(--ink);box-shadow:var(--sh)}
.gear{border:0;background:var(--cd);color:var(--mu);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;cursor:pointer;box-shadow:var(--sh)}

/* 달 선택 */
.ms{display:flex;align-items:center;gap:2px;background:var(--cd);border:1px solid var(--ln);border-radius:999px;padding:2px 4px;font-size:14px;margin-bottom:10px;box-shadow:var(--sh)}
.ms button{border:0;background:none;color:var(--ink);font:inherit;font-size:18px;width:30px;height:30px;border-radius:50%;cursor:pointer}
.ms button:disabled{opacity:.25;cursor:default}

/* 카드 */
.card{background:var(--cd);border:1px solid var(--ln);border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:var(--sh)}
.card>b:first-child,.card>summary b{font-size:15.5px}
.hero{position:relative;overflow:hidden;background:linear-gradient(140deg,var(--pr2),var(--pr) 70%);color:#fff;border-radius:24px;padding:20px 20px 22px;margin-bottom:12px;box-shadow:0 8px 22px rgba(232,115,95,.28)}
.hero>span:first-child{font-size:14px;font-weight:500;opacity:.95}
.hero b{display:block;font:800 34px/1.25 var(--f-body);letter-spacing:-.5px;font-variant-numeric:tabular-nums;margin:2px 0 4px}
.hero>span:last-child{font-size:13px;opacity:.92}
.hero.home{padding-right:96px;min-height:150px}
.sprout{position:absolute;right:10px;bottom:6px;width:86px;height:96px;pointer-events:none}
.row{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid var(--ln)}
.row:last-child{border:0}
.row>span:last-child,.row>b:last-child{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.lb>span:last-child{min-width:0}
.lb{display:flex;align-items:center;gap:10px;min-width:0}
.ic{flex:none;width:32px;height:32px;border-radius:11px;display:grid;place-items:center}
.ic [data-lucide]{width:17px;height:17px}
.c1{background:var(--t1);color:var(--t1i)}.c2{background:var(--t2);color:var(--t2i)}.c3{background:var(--t3);color:var(--t3i)}.c4{background:var(--t4);color:var(--t4i)}
.mu{color:var(--mu);font-size:13px}
.tag{font-size:11px;background:var(--so);border-radius:999px;padding:2px 8px;margin-left:4px;white-space:nowrap}

/* 빠른 메뉴 타일 */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:2px 0 14px}
.tile{border:0;background:none;color:var(--ink);font:500 12.5px var(--f-body);display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;padding:0}
.tile .ic{width:56px;height:56px;border-radius:18px;box-shadow:var(--sh)}
.tile .ic [data-lucide]{width:24px;height:24px}

/* 버튼 · 입력 */
.btn{width:100%;border:0;border-radius:14px;background:var(--pr);color:#fff;font:700 15px var(--f-body);padding:13px;cursor:pointer;box-shadow:0 4px 12px rgba(232,115,95,.22)}
.sm{width:auto;white-space:nowrap;padding:7px 14px;font-size:13px;border-radius:999px;box-shadow:none}
input,select{width:100%;font:inherit;padding:11px 12px;border:1px solid var(--ln);border-radius:12px;background:var(--cd);color:var(--ink);margin:4px 0 8px}
input:focus,select:focus{border-color:var(--pr);outline:none}
#amt{font:800 24px var(--f-body);text-align:right;padding:12px 14px;background:var(--so);border-color:transparent;font-variant-numeric:tabular-nums}
label.mu{display:block}
.seg{display:flex;gap:6px;margin-bottom:10px}
.seg button{flex:1;padding:9px;border:1px solid var(--ln);background:var(--cd);color:var(--ink);border-radius:12px;font:500 14px var(--f-body);cursor:pointer}
.seg .on{background:var(--pr);color:#fff;border-color:var(--pr)}
/* 화면 위 탭은 밑줄 탭으로 */
.seg.tabs{gap:0;border-bottom:1px solid var(--ln);margin-bottom:14px}
.seg.tabs button{border:0;border-radius:0;background:none;color:var(--mu);padding:10px 4px 9px;border-bottom:2.5px solid transparent;margin-bottom:-1px}
.seg.tabs .on{color:var(--ink);font-weight:700;border-bottom-color:var(--ink);background:none}

/* 하단 메뉴 */
nav{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;background:var(--cd);border-top:1px solid var(--ln);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -4px 16px rgba(201,110,90,.06);z-index:5}
nav button{flex:1;min-width:0;max-width:78px;border:0;background:none;color:var(--mu);font:500 10.5px var(--f-body);padding:8px 0 9px;display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer}
nav button [data-lucide]{width:21px;height:21px}
nav .on{color:var(--pr);font-weight:700}
nav .on [data-lucide]{stroke-width:2.4}

.neg{color:var(--ng)}.pos{color:var(--ok)}
.x{border:0;background:none;color:var(--mu);font:inherit;cursor:pointer;padding:0 4px}
summary{cursor:pointer}
.chart{display:flex;align-items:flex-end;gap:2px;height:150px;margin:14px 0 4px;border-bottom:1px solid var(--ln)}
.bar{flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%;position:relative;cursor:default;outline:none}
.bar i{display:block;width:62%;max-width:34px;background:var(--pl);border-radius:8px 8px 0 0}
.bar.cur i{background:var(--pr)}
.bar em{font-style:normal;font-size:11px;color:var(--mu);margin-bottom:3px;white-space:nowrap}
.bar .tip{display:none;position:absolute;bottom:calc(100% - 4px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);font-size:12px;padding:5px 8px;border-radius:8px;white-space:nowrap;z-index:2;line-height:1.4}
.bar:hover .tip,.bar:focus .tip{display:block}
.xl{display:flex;gap:2px}.xl span{flex:1;text-align:center;font-size:12px;color:var(--mu)}
.hb{height:8px;border-radius:999px;background:var(--pr);margin:4px 0 2px;min-width:3px}
.bars{font-size:13px}.bars>div{padding:5px 0}
.up{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--ln)}.up:last-child{border:0}
.up>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}
.dd{flex:0 0 48px;text-align:center;background:var(--so);border-radius:12px;padding:4px 0;font-size:11.5px;line-height:1.3;color:var(--mu)}.dd b{display:block;font-size:15px;color:var(--ink)}
.eq{border-top:2px solid var(--ink);margin-top:4px;padding-top:12px}
.ib{border:1.5px solid currentColor;color:var(--mu);background:none;border-radius:50%;width:18px;height:18px;font:700 11px/1 var(--f-body);padding:0;margin-left:5px;cursor:pointer;vertical-align:1px;flex:none}
.hero .ib{color:#fff}
.ex{background:var(--so);color:var(--ink);border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.6;margin:4px 0 10px}
.hero+.ex{margin-top:-4px}
.cheer{font:400 19px/1.35 var(--f-hand);color:var(--pr);text-align:center;margin:18px 0 4px;transform:rotate(-1.5deg)}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,.bar:focus-visible{outline:2px solid var(--pr);outline-offset:2px}
.dh{display:flex;justify-content:space-between;font-size:12.5px;color:var(--mu);background:var(--so);border-radius:10px;padding:6px 10px;margin:14px 0 4px}
.hi{display:flex;align-items:center;gap:10px;padding:10px 2px;border-bottom:1px solid var(--ln)}.hi:last-child{border:0}
.hi .t{flex:1;min-width:0}.hi .t div:last-child{font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hi .a{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fab{position:fixed;right:max(16px,calc(50% - 204px));bottom:calc(76px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;border:0;background:var(--pr);color:#fff;box-shadow:0 6px 16px rgba(232,115,95,.35);display:grid;place-items:center;cursor:pointer;z-index:6}
.fab [data-lucide]{width:26px;height:26px}
mark{background:#ffe08a;color:#3a2924;border-radius:3px;padding:0 1px}
.srow{display:flex;align-items:center;gap:12px;width:100%;border:0;border-bottom:1px solid var(--ln);background:none;color:var(--ink);font:inherit;text-align:left;padding:12px 0;cursor:pointer}.srow:last-child{border:0}
.st{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.st b{font-weight:600;font-size:15px}.st>span{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chev{color:var(--mu);width:18px;height:18px;flex:none}
.sg{font-size:12.5px;font-weight:600;color:var(--mu);margin:16px 4px 6px;letter-spacing:.3px}
.prof{display:flex;align-items:center;gap:12px}.av{width:52px;height:52px;border-radius:50%;background:var(--t1);display:grid;place-items:center;flex:none}.av svg{width:34px;height:34px}
.brand{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center;margin:26px 8px 8px;color:var(--ink)}.brand b{font:400 22px var(--f-disp);color:var(--pr)}.brand>span:nth-of-type(1){font:400 16px var(--f-hand);color:var(--mu)}
.sub>details.card>summary{display:none}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:14px;font-size:13px;z-index:9;max-width:90vw;box-shadow:var(--sh)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* 첫 화면 · 동의 화면 */
.land{display:flex;flex-direction:column;align-items:stretch;gap:12px;padding-top:28px}
.lmark{width:76px;height:76px;border-radius:24px;background:var(--t1);display:grid;place-items:center;margin:0 auto;box-shadow:var(--sh)}.lmark svg{width:50px;height:50px}
.ltitle{font:400 38px/1.1 var(--f-disp);color:var(--pr);text-align:center;margin:6px 0 0}
.lsub{text-align:center;color:var(--ink);font-size:15.5px;line-height:1.6;margin:0 0 6px}
.lfeat{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 8px}
.lf{background:var(--cd);border:1px solid var(--ln);border-radius:16px;padding:12px;display:flex;flex-direction:column;gap:3px;box-shadow:var(--sh)}
.lf b{font-size:14px}.lf>span:last-child{font-size:12px;color:var(--mu)}.lf .ic{margin-bottom:4px}
.kakao{width:100%;border:0;border-radius:14px;background:#FEE500;color:#000000;font:700 15.5px var(--f-body);padding:14px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}
.legal{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:12px;color:var(--mu);margin:10px 0 4px}.legal a{color:var(--mu)}
.sel{user-select:all}
.agree{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--ln);font-size:14.5px}.agree:last-of-type{border:0}
.agree input{width:20px;height:20px;margin:0;accent-color:var(--pr);flex:none}.agree a{margin-left:auto;font-size:12.5px;color:var(--mu)}
[hidden]{display:none!important}

/* 누를 때 효과 */
button,.tile,.srow,.hcard,.up[onclick],.bar{-webkit-tap-highlight-color:transparent}
.btn,.kakao,.seg button,.srow,.hcard,.cd,.x,.gear,.ms button,nav button,.tile .ic,.ib{transition:transform .12s ease,filter .12s ease,background-color .15s ease}
.btn:active,.kakao:active{transform:scale(.97);filter:brightness(.93)}
.seg button:active,.ms button:active,.gear:active,.x:active,.ib:active{transform:scale(.92)}
.srow:active,.hcard:active,.up[onclick]:active{background:var(--so)}
.tile:active .ic{transform:scale(.9)}
.cd:active{transform:scale(.9)}
nav button:active [data-lucide]{transform:scale(.82)}
nav button [data-lucide]{transition:transform .15s ease}
nav .on [data-lucide]{animation:pop .28s ease}
.rip{position:absolute;border-radius:50%;background:currentColor;opacity:.18;transform:scale(0);pointer-events:none;animation:rip .5s ease-out forwards}
@keyframes rip{to{transform:scale(1);opacity:0}}
@keyframes pop{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:scale(1)}}
#app>*{animation:pgin .2s ease both}
@keyframes pgin{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.toast{animation:tin .22s ease both}
@keyframes tin{from{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%,0)}}

/* 홈 · 빠른 메뉴 6개 */
.tiles{grid-template-columns:repeat(3,1fr);row-gap:14px}
.hcard{display:flex;align-items:center;gap:12px;width:100%;font:inherit;color:var(--ink);cursor:pointer;text-align:left}

/* 달력 */
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.wd{text-align:center;font-size:11.5px;color:var(--mu);padding:2px 0 4px}
.sat{color:var(--t3i)}
.cd{position:relative;min-height:54px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;padding:4px 1px;display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;min-width:0}
.cd>span{font-size:13.5px;font-weight:600}
.cd em{font-style:normal;font-size:10px;line-height:1.2;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums}
.cd.today>span{background:var(--ink);color:var(--bg);border-radius:999px;padding:0 6px}
.cd.sel{background:var(--so);box-shadow:inset 0 0 0 1.5px var(--pr)}
.pd{position:absolute;top:5px;right:5px;width:6px;height:6px;border-radius:50%;background:var(--t4i)}

/* 아이폰에서 날짜 칸이 카드 밖으로 튀어나오지 않게 */
label{min-width:0}
input[type=date],input[type=month],input[type=time]{-webkit-appearance:none;appearance:none;display:block;min-width:0;max-width:100%;width:100%;min-height:46px;text-align:left;line-height:1.3}
input::-webkit-date-and-time-value{text-align:left;margin:0}
.csum{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0 4px 10px}
.csum>div{background:var(--so);border-radius:12px;padding:8px 10px;min-width:0}
.csum span{display:block;font-size:12px}.csum b{display:block;font-size:15px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
/* 한글은 낱말 중간에서 끊지 않기 */
body{word-break:keep-all;overflow-wrap:break-word}
.byline{text-align:center;font:600 13px var(--f-body);color:var(--mu);letter-spacing:.6px;margin:-6px 0 2px}
.brand .by{font-style:normal;font-size:12px;font-weight:600;color:var(--mu);letter-spacing:.4px;margin-bottom:2px}

/* v1.1 — 입력칸을 누를 때 아이폰이 화면을 확대하지 않게 (16px 미만이면 확대돼요) */
input,select,textarea{font-size:max(16px,1em)}
/* 홈 빠른 메뉴 8개 (4칸 × 2줄) */
.tiles{grid-template-columns:repeat(4,1fr);gap:12px 6px}
.tile{font-size:12px;letter-spacing:-.3px}
.tile .ic{width:52px;height:52px;border-radius:17px}
/* 나눠 받은 결제 */
.splw{background:var(--so);border-radius:14px;padding:10px 12px 2px;margin:0 0 8px}
/* 기록 고치기 창 */
.sheet{position:fixed;inset:0;background:rgba(40,25,20,.45);z-index:20;display:flex;align-items:flex-end;justify-content:center;animation:sfade .18s ease both}
@keyframes sfade{from{opacity:0}to{opacity:1}}
.sheet>div{background:var(--bg);width:100%;max-width:440px;max-height:90vh;overflow:auto;border-radius:22px 22px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));box-shadow:0 -8px 30px rgba(0,0,0,.15)}
/* 순서 바꾸기 버튼 */
.mvrow{display:flex;gap:4px;align-items:center;margin-bottom:6px}
.mvrow>input{flex:1}
.mvrow>input+input{flex:0 0 28%}
.mv{padding:6px 3px;font-size:13px;line-height:1}
.mv:disabled{opacity:.2;cursor:default}
.lockc{flex:1;min-width:0;padding:11px 12px;border:1px dashed var(--ln);border-radius:12px;color:var(--mu);background:var(--so)}
/* 꾹 눌러 끌기 */
.mvlist{position:relative}
.grip{flex:none;display:grid;place-items:center;width:28px;align-self:stretch;color:var(--mu);cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.grip [data-lucide]{width:18px;height:18px}
.mvrow.drag{position:relative;z-index:5;background:var(--cd);border-radius:14px;box-shadow:0 10px 24px rgba(120,60,40,.22);transform-origin:center}
.mvrow.drag .grip{color:var(--pr);cursor:grabbing}
.sorting{user-select:none;-webkit-user-select:none}
/* 메뉴 여러 개 고르기 */
.chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.chip2{border:1px solid var(--ln);background:var(--cd);color:var(--ink);border-radius:999px;padding:8px 14px;font:500 14px var(--f-body);cursor:pointer;transition:transform .12s ease,background-color .15s ease}
.chip2.on{background:var(--pr);color:#fff;border-color:var(--pr);font-weight:700}
.chip2:active{transform:scale(.94)}
.cbr{background:var(--so);border-radius:14px;padding:10px 12px 4px;margin:0 0 8px}
.cbl{display:flex;align-items:center;gap:8px;font-size:14px}
.cbl>span{flex:1;min-width:0}
.cbl>input{flex:0 0 46%;margin:3px 0 6px;text-align:right}
.cbx{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 6px;margin:-2px 0 8px;padding-bottom:8px;border-bottom:1px dashed var(--ln)}
.cbx>select,.cbx>input{margin:0;font-size:max(16px,1em)}
.cbx>input:only-child{grid-column:1/-1}
textarea{width:100%;font:inherit;font-size:max(16px,1em);padding:11px 12px;border:1px solid var(--ln);border-radius:12px;background:var(--cd);color:var(--ink);margin:4px 0 8px;resize:vertical;line-height:1.5}
textarea:focus{border-color:var(--pr);outline:none}
.lsched{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.lsched th{font-weight:600;color:var(--mu);text-align:right;padding:4px 4px;border-bottom:1px solid var(--ln);white-space:nowrap}
.lsched td{text-align:right;padding:5px 4px;border-bottom:1px solid var(--ln);white-space:nowrap}
.lsched th:first-child,.lsched td:first-child{text-align:left}

.btn.ghost{background:var(--cd);color:var(--pr);border:1.5px solid var(--pl);box-shadow:none;margin-top:6px}
.toast{z-index:30}
#xsb>details.card{background:none;box-shadow:none;border:0;padding:0;margin:0}
#xsb>details.card>summary{display:none}
#xsb>details.card>summary+b{display:none!important}
.mtog{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:4px 0;font:600 13px var(--f-body);color:var(--mu);cursor:pointer}
.mtog .mbox{width:18px;height:18px;border-radius:5px;border:1.5px solid var(--pl);background:var(--cd);display:inline-grid;place-items:center;font-size:12px;line-height:1;color:#fff}
.mtog.on{color:var(--pr)}
.mtog.on .mbox{background:var(--pr);border-color:var(--pr)}
.seg.tabs.htabs button{font-size:13.5px;padding:10px 2px 9px;white-space:nowrap;letter-spacing:-.3px}
.seg.tabs.htabs button:last-child{flex:1.6}
/* nav-even: 칸은 똑같이, 글자는 살짝 촘촘하게 */
nav{padding-left:4px;padding-right:4px}
nav button{letter-spacing:-.4px}
nav .nd{font-style:normal;margin:0 1.2px;letter-spacing:0}
nav button>span{letter-spacing:-.6px;font-size:10.2px}
.hcal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.hcw{text-align:center;font-size:11.5px;color:var(--mu);padding:2px 0 4px}
.hcw.sun{color:var(--ng)}.hcw.sat{color:#4a7bd0}
.hcd{display:flex;flex-direction:column;align-items:center;gap:1px;min-height:54px;padding:5px 1px 4px;border:1.5px solid transparent;border-radius:10px;background:var(--so);font:500 10px/1.25 var(--f-body);color:var(--ink);cursor:pointer;min-width:0;overflow:hidden}
.hcd .n{font-size:12.5px;font-weight:700;margin-bottom:1px}
.hcd span{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:clip;letter-spacing:-.4px}
.hcd.td .n{color:var(--pr)}
.hcd.on{border-color:var(--pr);background:var(--cd)}
.hcd.fu{opacity:.55}
.fdb{font-size:12.5px;color:var(--pr);font-weight:700;padding:2px 0;white-space:nowrap;flex-shrink:0}
.card.fdon>*:not(:first-child){display:none!important}
.card.fdon>:first-child{padding-bottom:0!important}
.card[data-fd]>.row:first-child{gap:8px}
.card[data-fd]>.row:first-child>b{white-space:nowrap;flex-shrink:0}
.fdr>:first-child{min-width:0;text-align:right}
/* wrap-fix: 글자가 칸 밖으로 잘리지 않게 */
.hi .t div:last-child{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all;overflow-wrap:anywhere}
.st>span{white-space:normal}