/* ══ 부자가 되는 방법 ══ 짙은 에메랄드(지폐) + 샴페인 골드 · 수입=민트 · 지출=코랄 · 연애=핑크 */
:root{
  --bg:#0a1913; --bg2:#0e2219; --card:#12291f; --card2:#173326; --line:#1f3d2f; --line2:#2b4f3e;
  --ink:#f4efe1; --sub:#a3b8ab; --dim:#6b8577;
  --gold:#e9c46a; --gold2:#f7dc95; --goldD:#a8781e;
  --mint:#5ee6a8; --coral:#ff7a6b; --pink:#ff8fb6; --sky:#8ecbff;
  --r:18px;
  --disp:'Black Han Sans','Pretendard',sans-serif;
  --safe-t:env(safe-area-inset-top,0px); --safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;touch-action:manipulation}
html,body{margin:0;background:var(--bg);color:var(--ink);min-height:100%}
body{word-break:keep-all;font-family:'Pretendard',-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo',sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;
  background:radial-gradient(900px 500px at 50% -120px,rgba(233,196,106,.10),transparent 70%),var(--bg);-webkit-user-select:none;user-select:none}
button{font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none}
button:disabled{cursor:default}
#app{max-width:480px;margin:0 auto;min-height:100vh;position:relative}
.num{font-variant-numeric:tabular-nums}
.pos{color:var(--mint)} .neg{color:var(--coral)} .zero{color:var(--dim)}
h3{margin:22px 4px 10px;font-size:15px;font-weight:900;letter-spacing:-.2px;display:flex;align-items:baseline;gap:8px}
h3 small{font-size:12px;color:var(--sub);font-weight:700}

/* ══ 로고 ══ 대괄호로 감싼 금박 「부자가 되는 방법」 */
.logo{position:relative;display:inline-flex;align-items:center;gap:calc(var(--lg,64px)*.12)}
.lg-t{font-family:var(--disp);font-size:var(--lg,64px);line-height:1.04;letter-spacing:-.03em;position:relative;display:flex;flex-direction:column;align-items:center;
  background:linear-gradient(180deg,#fffaf0 0%,#f7dc95 28%,#e9b949 52%,#9c6a12 53%,#d9a640 72%,#fbe7b0 100%);background-size:100% calc(var(--lg,64px)*1.04);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 calc(var(--lg,64px)*.045) 0 #3b2a07) drop-shadow(0 calc(var(--lg,64px)*.15) calc(var(--lg,64px)*.3) rgba(233,196,106,.25))}
.lg-br{font-family:var(--disp);font-size:calc(var(--lg,64px)*2.5);line-height:.8;color:var(--mint);opacity:.9;transform:translateY(calc(var(--lg,64px)*-.08));
  text-shadow:0 0 calc(var(--lg,64px)*.35) rgba(94,230,168,.35)}
.logo.mini{--lg:16px;gap:3px}
.logo.mini .lg-t{flex-direction:row;letter-spacing:-.01em;background-size:100% 100%}
.logo.mini .lg-br{font-size:22px;line-height:1;transform:translateY(-2px)}

/* 쪽지 — 오래된 종이: 종이 결(노이즈) · 얼룩 · 커피잔 자국 · 접힌 자국 · 가장자리 그을림 · 찢긴 테두리 */
.note-w{filter:drop-shadow(0 12px 22px rgba(0,0,0,.5));transform:rotate(-1.4deg)}
.note{position:relative;padding:22px 20px 20px 22px;color:#2e2110;font-family:'Nanum Myeongjo',serif;
  clip-path:polygon(0 2%,6% 0,14% 1.4%,23% .3%,31% 1.8%,42% .4%,55% 1.6%,63% 0,74% 1.3%,86% .2%,94% 1.5%,100% 0,99.2% 9%,100% 21%,98.9% 34%,99.8% 47%,98.7% 60%,100% 72%,99% 86%,100% 97%,93% 100%,82% 98.6%,70% 100%,59% 98.8%,47% 99.8%,35% 98.5%,24% 100%,12% 98.7%,3% 100%,0 96%,1.1% 83%,0 70%,.9% 57%,0 44%,1.2% 31%,.2% 18%);
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .2 0 0 0 0 .08 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.018' numOctaves='2' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .3 0 0 0 0 .1 0 0 0 .9 -.38'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3C/svg%3E") center/cover,
    radial-gradient(circle at 84% 80%,transparent 0 10.5%,rgba(105,62,18,.28) 11%,rgba(105,62,18,.12) 12.4%,transparent 13.2%),
    radial-gradient(ellipse 22% 16% at 16% 24%,rgba(125,82,25,.30),rgba(125,82,25,.12) 60%,transparent 72%),
    radial-gradient(ellipse 9% 6% at 70% 12%,rgba(90,60,20,.22),transparent 70%),
    linear-gradient(90deg,transparent 48.6%,rgba(80,52,18,.22) 49.6%,rgba(255,248,225,.35) 50.2%,transparent 51.4%),
    linear-gradient(180deg,transparent 47.5%,rgba(80,52,18,.18) 48.6%,rgba(255,248,225,.3) 49.2%,transparent 50.4%),
    radial-gradient(ellipse at 50% 45%,#ecdcb0 25%,#d9bf86 70%,#a98648 100%)}
.n-t{font-family:'Nanum Myeongjo',serif;font-weight:800;font-size:20px;letter-spacing:-.3px;color:#24180a;opacity:.92}
.note ol{margin:12px 0 0;padding-left:22px;display:grid;gap:7px}
.note li{word-break:keep-all;font-size:15.5px;font-weight:700;line-height:1.5;text-shadow:0 0 .6px rgba(46,33,16,.6),.3px .3px 0 rgba(46,33,16,.25);opacity:.88}
.note li:nth-child(2){opacity:.8}.note li:nth-child(4){opacity:.74}
.note-w.in{opacity:0;animation:up .7s 1.1s forwards}
.note-w.in li{opacity:0;animation:inkUp .5s forwards}
@keyframes inkUp{to{opacity:.84;transform:none}}
.note-w.in li:nth-child(1){animation-delay:1.7s}.note-w.in li:nth-child(2){animation-delay:2.3s}.note-w.in li:nth-child(3){animation-delay:2.9s}.note-w.in li:nth-child(4){animation-delay:3.5s}
.body>.note-w{margin:12px 4px 8px}

/* ══ 타이틀 ══ */
.title{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:calc(var(--safe-t) + 40px) 24px calc(var(--safe-b) + 36px);position:relative;overflow:hidden}
.title::before{content:'';position:absolute;left:50%;top:40%;width:600px;height:600px;transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(94,230,168,.12),rgba(94,230,168,0) 60%);pointer-events:none}
.title .logo{--lg:clamp(44px,13vw,60px)}
.tag{margin-top:24px;font-size:15px;font-weight:800;color:#d8e4dc;display:flex;align-items:center;gap:8px}
.tag::before,.tag::after{content:'';width:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(233,196,106,.7))}
.tag::after{transform:scaleX(-1)}
.tbtns{margin-top:56px;width:100%;max-width:320px;display:grid;gap:10px}

/* ══ 버튼 ══ */
.cta{display:block;width:100%;min-height:56px;border-radius:16px;border:0;font-size:17px;font-weight:900;letter-spacing:-.2px;padding:8px 14px;
  background:linear-gradient(180deg,#f7dc95,#e0ad3e);color:#211706;box-shadow:0 10px 28px rgba(233,180,60,.22),inset 0 1px 0 rgba(255,255,255,.6)}
.cta:active{transform:translateY(1px)}
.cta small{display:block;font-size:11.5px;font-weight:800;opacity:.72;margin-top:1px}
.cta.dark{background:var(--card2);color:var(--ink);box-shadow:none;border:1px solid var(--line2)}
.cta:disabled{background:#15281f;color:var(--dim);box-shadow:none;border:1px solid var(--line)}
.cta.sm{width:auto;min-height:38px;border-radius:12px;font-size:13.5px;padding:6px 14px;flex-shrink:0}
.cta.sm small{font-size:10.5px}
.link{display:block;margin:14px auto 0;background:none;border:0;color:var(--sub);font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.link.danger{color:var(--coral);opacity:.8;margin-top:30px}

/* ══ 시작 이야기 ══ */
.intro{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding:calc(var(--safe-t) + 30px) 24px calc(var(--safe-b) + 24px);gap:22px}
.intro .story{display:grid;gap:14px}
.intro p{margin:0;font-size:20px;line-height:1.5;font-weight:700;color:#d3ddd6;opacity:0;transform:translateY(8px);animation:up .6s forwards}
.intro p b{color:var(--gold)}
.intro p:nth-child(2){animation-delay:.6s}
@keyframes up{to{opacity:1;transform:none}}
.pick{opacity:0;animation:up .6s 4.1s forwards}
.pick .lbl{font-size:12px;color:var(--sub);font-weight:700;margin-bottom:8px}
.seg{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.seg button{height:46px;border-radius:14px;border:1px solid var(--line2);background:var(--card);font-weight:800;font-size:15px;color:#c8d6cd}
.seg button.on{border-color:rgba(233,196,106,.75);background:rgba(233,196,106,.12);color:var(--gold)}
.intro .cta{opacity:0;animation:up .6s 4.3s forwards}

/* ══ 메인 ══ */
.main{padding:calc(var(--safe-t) + 12px) 16px calc(var(--safe-b) + 110px)}
.top{display:flex;align-items:center;justify-content:space-between;height:44px;padding-left:6px}
.date{font-size:13px;font-weight:800;color:var(--sub)}
.hero{margin-top:8px;display:grid;grid-template-columns:1.35fr 1fr;gap:10px;padding:16px;border-radius:22px;
  background:linear-gradient(150deg,#1b3d2e 0%,#12291f 55%,#0f231a 100%);border:1px solid var(--line2);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.hero small{display:block;font-size:11.5px;color:var(--sub);font-weight:700}
.h-l>b{display:block;font-size:30px;font-weight:900;letter-spacing:-.8px;line-height:1.15;margin-top:2px;color:var(--gold2)}
.ttl{margin-top:10px}
.ttl span{display:inline-block;font-size:12px;font-weight:900;color:#211706;background:var(--gold);padding:3px 9px;border-radius:99px}
.ttl .bar{margin:8px 0 4px}
.ttl small{font-size:11px}
.h-r{display:grid;gap:8px;align-content:start;border-left:1px solid var(--line2);padding-left:12px}
.h-r b{font-size:15.5px;font-weight:900}
.bar{display:block;height:6px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}
.bar em{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--goldD),var(--gold2))}
.bar.low em{background:linear-gradient(90deg,#b8422f,var(--coral))}
.bar.pink em{background:linear-gradient(90deg,#d4508a,var(--pink))}

.tabs{position:sticky;top:0;z-index:5;margin:14px -16px 0;padding:8px 16px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:linear-gradient(var(--bg) 80%,rgba(10,25,19,0))}
.tabs button{height:48px;border-radius:14px;border:1px solid var(--line);background:var(--card);font-size:12.5px;font-weight:800;color:var(--sub);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}
.tabs button span{font-size:17px;line-height:1}
.tabs button.on{background:var(--ink);color:#0a1913;border-color:var(--ink)}
.body{padding-top:4px}

/* 줄 */
.row{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;background:var(--card);border:1px solid var(--line);margin-top:8px}
.row .ic,.own .ic,.item .ic,.stay .ic,.grudge>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:23px;background:var(--card2);flex-shrink:0}
.tx{flex:1;min-width:0}
.tx b{display:block;font-size:15px;font-weight:800;letter-spacing:-.2px}
.tx b em{font-style:normal;font-size:12px;font-weight:800;color:var(--gold);margin-left:4px}
.tx small{display:block;font-size:12px;color:var(--sub);font-weight:600;margin-top:2px;line-height:1.35}
.row.cur{border-color:rgba(233,196,106,.55);background:linear-gradient(90deg,rgba(233,196,106,.08),var(--card))}
.row.dim{opacity:.62}
.tag2{font-size:12px;font-weight:900;color:var(--gold)}
.need{font-size:12px;font-weight:800;color:var(--dim);flex-shrink:0}
.empty{text-align:center;color:var(--dim);font-weight:700;padding:40px 0}
.hint{display:block;font-size:12px;color:var(--sub);font-weight:700;margin-top:8px;text-align:center}

/* 알바 스위치 */
.sw{width:50px;height:30px;border-radius:99px;border:0;background:#2a3f35;position:relative;flex-shrink:0;transition:background .2s}
.sw i{position:absolute;left:3px;top:3px;width:24px;height:24px;border-radius:50%;background:#fff;transition:transform .2s}
.sw.on{background:var(--mint)} .sw.on i{transform:translateX(20px)}

/* 갚아 줄 사람 */
.grudge{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:16px;border:1px solid rgba(255,122,107,.45);background:linear-gradient(90deg,rgba(255,122,107,.14),var(--card));text-align:left;margin-top:8px}
.grudge>i,.stay>i{font-style:normal;font-size:22px;color:var(--sub)}
.grudge b{display:block;font-size:15px;font-weight:900;color:var(--coral)}
.grudge small{display:block;font-size:12px;color:var(--sub);font-weight:700;margin-top:2px}

/* 공유숙박 카드 */
.stay{width:100%;display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;margin-top:8px;text-align:left;
  border:1px solid rgba(142,203,255,.4);background:linear-gradient(120deg,rgba(142,203,255,.14),var(--card) 70%)}

/* 내 렌탈 카드 */
.own{padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin-top:8px}
.o-h{display:flex;gap:12px;align-items:center}
.st{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:12px;color:var(--sub);font-weight:700;align-items:center}
.st b{display:inline;font-size:12px;color:var(--ink)}
.st .cond{display:inline-flex;align-items:center;gap:5px}
.st .cond .bar{width:46px;height:5px}
.st .warn{color:var(--gold)}
.st .hot{color:var(--coral)}
.lease{margin-top:10px;padding:8px 10px;border-radius:11px;background:rgba(233,196,106,.09);border:1px dashed rgba(233,196,106,.4);font-size:12.5px;font-weight:700;color:#e9dcc0}
.lease b{color:var(--gold)}
.seg3{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.seg3 button{height:44px;border-radius:12px;border:1px solid var(--line);background:var(--bg2);font-size:13px;font-weight:800;color:var(--sub);line-height:1.15}
.seg3 button small{display:block;font-size:10.5px;font-weight:700;opacity:.85}
.seg3 button.on{border-color:var(--mint);color:var(--mint);background:rgba(94,230,168,.08)}
.o-b{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap}
.o-b button{flex:1;min-width:70px;height:44px;border-radius:12px;border:1px solid var(--line2);background:var(--card2);font-size:13px;font-weight:800;line-height:1.15}
.o-b button small{display:block;font-size:10.5px;color:var(--sub);font-weight:700}
.o-b button.sell{color:var(--coral)}
.o-b button:disabled{opacity:.4}

/* 사들이기 */
.chips{display:flex;gap:6px;overflow-x:auto;margin:0 -16px;padding:2px 16px 6px;scrollbar-width:none}
.chips::-webkit-scrollbar{display:none}
.chips button{flex-shrink:0;height:36px;padding:0 13px;border-radius:99px;border:1px solid var(--line);background:var(--card);font-size:13px;font-weight:800;color:var(--sub);white-space:nowrap}
.chips button.on{background:var(--gold);border-color:var(--gold);color:#211706}
.item{padding:14px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin-top:8px}
.i-h{display:flex;gap:12px;align-items:center}
.i-s{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:6px;margin-top:12px}
.i-s span{padding:8px 10px;border-radius:11px;background:var(--bg2)}
.i-s small{display:block;font-size:10.5px;color:var(--dim);font-weight:700}
.i-s b{font-size:13.5px;font-weight:900}
.i-b{display:flex;gap:6px;margin-top:10px}
.i-b .cta{flex:1}
.item.lock{opacity:.55}
.item.lock .ic{filter:grayscale(1)}

/* 인생 */
.card{padding:16px;border-radius:18px;background:var(--card);border:1px solid var(--line);margin-top:8px}
.c-h{display:flex;justify-content:space-between;align-items:center}
.c-h b{font-size:15px;font-weight:900}
.c-h .big{font-size:30px;color:var(--pink)}
.parts{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:10px}
.parts span{padding:8px 4px;border-radius:11px;background:var(--bg2);font-size:11px;color:var(--sub);font-weight:700;text-align:center}
.parts span b{display:block;font-size:16px;color:var(--ink);font-weight:900}
.parts.sub{grid-template-columns:1fr 1fr}
.love{border-color:rgba(255,143,182,.4);background:linear-gradient(160deg,rgba(255,143,182,.12),var(--card) 60%)}
.lv-h{display:flex;gap:12px;align-items:center}
.pf{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;background:rgba(255,143,182,.16);border:1px solid rgba(255,143,182,.45)}
.lv-h .tx em{color:var(--pink)}
.aff{display:flex;align-items:center;gap:10px;margin:14px 0 12px}
.aff .bar{flex:1;height:8px}
.aff b{font-size:14px;font-weight:900;color:var(--pink);width:28px;text-align:right}
.dates{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}
.dt-b{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:10px 11px;border-radius:13px;border:1px solid var(--line2);background:var(--card2);text-align:left}
.dt-b span{font-size:20px}
.dt-b b{font-size:13px;font-weight:800}
.dt-b small{font-size:11px;color:var(--sub);font-weight:700}
.dt-b:disabled{opacity:.4}
.bowed .tx small{color:#e9dcc0}
.bowi{font-size:22px}

/* 장부 */
.book .c-h{margin-bottom:8px}
.ln{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:7px 0;font-size:13.5px;font-weight:700;border-top:1px solid rgba(255,255,255,.04)}
.ln span{color:#d4ddd7;min-width:0}
.ln span small{color:var(--dim);font-weight:700;margin-left:4px}
.ln b{font-weight:900;flex-shrink:0}

/* ══ 하단 ══ */
.dock{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;z-index:10;display:grid;grid-template-columns:1fr 92px;gap:8px;
  padding:14px 16px calc(var(--safe-b) + 14px);background:linear-gradient(rgba(10,25,19,0),var(--bg) 34%)}
.dock .cta{min-height:58px}
.dock .day small{display:inline;font-size:14px;margin-left:4px}
.dock .wk small{display:inline;font-size:12px}

/* ══ 시트 ══ */
#sheets{position:fixed;inset:0;z-index:30;pointer-events:none}
#sheets.on{pointer-events:auto}
.sh-bg{position:absolute;inset:0;background:rgba(3,10,7,.62);opacity:0;transition:opacity .2s}
#sheets.on .sh-bg{opacity:1}
.sh{position:absolute;left:50%;bottom:0;width:100%;max-width:480px;max-height:88vh;overflow:auto;transform:translate(-50%,100%);transition:transform .24s cubic-bezier(.2,.8,.2,1);
  background:var(--bg2);border:1px solid var(--line2);border-bottom:0;border-radius:24px 24px 0 0;padding:20px 18px calc(var(--safe-b) + 18px)}
#sheets.on .sh{transform:translate(-50%,0)}
.rep .r-h{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:6px}
.rep .r-h small{font-size:12.5px;color:var(--sub);font-weight:800}
.rep .r-h b{font-size:28px;font-weight:900;letter-spacing:-.6px}
.r-ev{margin-top:10px;padding:10px 12px;border-radius:13px;background:var(--card);display:grid;gap:6px;font-size:13px;font-weight:700;color:#d4ddd7;line-height:1.4}
.r-ev .more{color:var(--dim)}
.r-mon{margin-top:14px;padding:14px;border-radius:16px;background:var(--card);border:1px solid rgba(233,196,106,.35)}
.r-mon .r-h b{font-size:22px}
.ev2{font-size:12.5px;font-weight:700;color:#d4ddd7;margin-top:6px}
.rep .cta,.grl .cta{margin-top:16px}
.grl h3{margin-top:0}

/* 잘난척 */
.brag{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.brag .who{display:flex;align-items:center;gap:12px}
.face{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:34px;background:var(--card2);border:1px solid var(--line2)}
.face.bowing{animation:bow 1.1s ease-in-out infinite;transform-origin:50% 90%}
@keyframes bow{0%,100%{transform:rotate(0)}40%,60%{transform:rotate(38deg) translateY(6px)}}
.brag .who b{font-size:17px;font-weight:900}
.bubbles{display:grid;gap:8px}
.bub{justify-self:start;max-width:88%;padding:11px 14px;border-radius:4px 18px 18px 18px;background:#24453a;font-size:15px;font-weight:700;line-height:1.4;opacity:0;transform:translateY(6px);animation:up .45s forwards}
.bub.low{background:#2a3a33;font-size:14px;color:#cfe0d6}
.reveal{padding:12px 14px;border-radius:14px;background:rgba(142,203,255,.1);border:1px solid rgba(142,203,255,.35);font-size:14px;font-weight:800;line-height:1.45;color:#dbeeff;opacity:0;animation:up .5s forwards}
.bow .reveal{background:rgba(233,196,106,.1);border-color:rgba(233,196,106,.45);color:var(--gold2)}
.offer{display:grid;gap:8px;opacity:0;animation:up .5s forwards}
.of-h{display:flex;align-items:center;gap:12px;padding:12px;border-radius:14px;background:var(--card)}
.of-h>span{font-size:28px}
.of-h b{display:block;font-size:14.5px;font-weight:900}
.of-h small{display:block;font-size:12px;color:var(--sub);font-weight:700;margin-top:2px}
.wed .bub{background:#4a2a3a}

#toast{position:fixed;left:50%;top:calc(var(--safe-t) + 14px);transform:translate(-50%,-20px);opacity:0;z-index:50;pointer-events:none;
  padding:10px 16px;border-radius:99px;background:rgba(244,239,225,.96);color:#0a1913;font-size:13.5px;font-weight:800;transition:all .2s;white-space:nowrap;max-width:92vw;overflow:hidden;text-overflow:ellipsis}
#toast.on{opacity:1;transform:translate(-50%,0)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01s!important;animation-delay:0s!important}}