body{--font-headline:var(--font-fraunces), "Nanum Myeongjo", serif;--font-body:"Pretendard Variable", Pretendard, var(--font-inter), system-ui, sans-serif;--font-label:"Pretendard Variable", Pretendard, var(--font-inter), system-ui, sans-serif;--font-accent:"Nanum Pen Script", var(--font-caveat), cursive;--font-figure:var(--font-fraunces), "Nanum Myeongjo", serif;--font-myeongjo:"Nanum Myeongjo", var(--font-newsreader), serif;--font-seal:"Black Han Sans", "Nanum Myeongjo", serif;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-stamp:cubic-bezier(.3, 1.6, .5, 1);--grain:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1.4 -0.35'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");--wear:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='90' height='90'><filter id='w'><feTurbulence type='fractalNoise' baseFrequency='1.3' numOctaves='2'/><feColorMatrix values='0 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 -2.4 1.75'/></filter><rect width='100%' height='100%' filter='url(%23w)'/></svg>");word-break:keep-all;overflow-wrap:anywhere}.jb-root{background:var(--desk);min-height:100dvh;color:var(--foreground);isolation:isolate;position:relative;overflow-x:clip}.jb-grain:after{content:"";pointer-events:none;background:var(--foreground);opacity:.07;-webkit-mask-image:var(--grain);-webkit-mask-image:var(--grain);mask-image:var(--grain);border-radius:inherit;z-index:0;position:absolute;inset:0}.jb-figure{font-family:var(--font-figure);font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1, "lnum" 1;letter-spacing:-.01em}.jb-myeongjo{font-family:var(--font-myeongjo)}.jb-hand{font-family:var(--font-accent)}.jb-income{color:var(--income)}.jb-expense{color:var(--expense)}.jb-seal{--seal-size:64px;width:var(--seal-size);height:var(--seal-size);color:var(--seal);border:calc(var(--seal-size) * .055) solid currentColor;font-family:var(--font-seal);font-size:calc(var(--seal-size) * .34);transform:rotate(var(--seal-rot,-8deg));-webkit-mask-image:var(--wear);-webkit-mask-image:var(--wear);mask-image:var(--wear);-webkit-user-select:none;user-select:none;border-radius:14%;flex:none;place-items:center;line-height:1;display:inline-grid;position:relative;-webkit-mask-size:90px;mask-size:90px}.jb-seal:before{content:"";inset:calc(var(--seal-size) * .06);border:calc(var(--seal-size) * .02) solid currentColor;border-radius:8%;position:absolute}.jb-seal.is-round,.jb-seal.is-round:before{border-radius:50%}.jb-seal-text{writing-mode:horizontal-tb;grid-template-columns:1fr 1fr;gap:.04em .08em;display:grid}.jb-seal-text.is-single{grid-template-columns:1fr;font-size:1.5em}.jb-seal.is-filled{background:currentColor}.jb-seal.is-filled>*{color:var(--seal-foreground)}.jb-stamp-in{animation:jb-stamp .62s var(--ease-stamp) both}@keyframes jb-stamp{0%{opacity:0;transform:rotate(var(--seal-rot,-8deg)) scale(2.1) translateY(-6px);filter:blur(2px)}55%{opacity:1;transform:rotate(var(--seal-rot,-8deg)) scale(.92);filter:blur()}to{opacity:1;transform:rotate(var(--seal-rot,-8deg)) scale(1)}}.jb-topbar{z-index:2;justify-content:space-between;align-items:center;gap:12px;max-width:1320px;margin:0 auto;padding:18px 20px 10px;display:flex;position:relative}.jb-brand{color:var(--foreground);align-items:center;gap:10px;min-width:0;text-decoration:none;display:inline-flex}.jb-brand .jb-seal{--seal-size:34px;--seal-rot:-4deg}.jb-brand-name{font-family:var(--font-myeongjo);letter-spacing:.02em;font-size:20px;font-weight:800}.jb-brand-sub{color:var(--muted-foreground);letter-spacing:.08em;font-size:12px;display:none}@media (min-width:720px){.jb-brand-sub{display:inline}}.jb-actions{align-items:center;gap:6px;min-width:0;display:flex}.jb-chip-btn{border:1px solid var(--border);background:color-mix(in oklch, var(--paper) 70%, transparent);height:36px;color:var(--foreground);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,transform .15s;display:inline-flex}.jb-chip-btn:hover{background:var(--paper);border-color:color-mix(in oklch, var(--foreground) 35%, var(--border))}.jb-chip-btn:active{transform:scale(.97)}.jb-chip-btn.is-icon{justify-content:center;width:36px;padding:0}.jb-chip-btn .jb-email{text-overflow:ellipsis;max-width:140px;overflow:hidden}@media (max-width:520px){.jb-hide-sm{display:none!important}}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.jb-book-wrap{z-index:1;max-width:1320px;margin:0 auto;padding:8px 12px 120px;position:relative}@media (min-width:1024px){.jb-book-wrap{padding:12px 28px 64px}}.jb-book{grid-template-columns:minmax(0,1fr);gap:14px;display:grid;position:relative}@media (min-width:1024px){.jb-book{filter:drop-shadow(0 30px 40px color-mix(in oklch, var(--foreground) 16%, transparent)) drop-shadow(0 4px 6px color-mix(in oklch, var(--foreground) 10%, transparent));grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);gap:0}}.jb-page{background:var(--paper);box-shadow:0 1px 0 var(--paper-edge), 0 2px 0 color-mix(in oklch, var(--paper-edge) 80%, var(--paper)), 0 3px 0 var(--paper-edge), 0 14px 30px -12px color-mix(in oklch, var(--foreground) 22%, transparent);border-radius:10px;min-width:0;padding:22px 18px 26px;position:relative}.jb-page>*{z-index:1;position:relative}@media (min-width:640px){.jb-page{padding:28px 30px 32px}}@media (min-width:1024px){.jb-page{box-shadow:none;min-height:760px;padding:36px 44px 44px}.jb-page-left{background:linear-gradient(to left, color-mix(in oklch, var(--paper-edge) 70%, transparent) 0, transparent 46px), var(--paper);border-radius:14px 4px 4px 14px;padding-right:60px}.jb-page-right{background:linear-gradient(to right, color-mix(in oklch, var(--paper-edge) 80%, transparent) 0, transparent 38px), var(--paper);border-radius:4px 14px 14px 4px;padding-left:56px}.jb-page-right:before{content:"";background:var(--paper-edge);z-index:-1;border-radius:4px 16px 16px 4px;position:absolute;inset:6px -5px -5px 0}.jb-page-left:before{content:"";background:var(--paper-edge);z-index:-1;border-radius:16px 4px 4px 16px;position:absolute;inset:6px 0 -5px -5px}}.jb-turn-next{animation:jb-turn-next .55s var(--ease-out) both;transform-origin:0}.jb-turn-prev{animation:jb-turn-prev .55s var(--ease-out) both;transform-origin:100%}@keyframes jb-turn-next{0%{opacity:0;transform:perspective(1600px)rotateY(-14deg)translate(18px)}to{opacity:1;transform:none}}@keyframes jb-turn-prev{0%{opacity:0;transform:perspective(1600px)rotateY(14deg)translate(-18px)}to{opacity:1;transform:none}}.jb-page-head{border-bottom:2px solid var(--foreground);justify-content:space-between;align-items:flex-end;gap:12px;padding-bottom:12px;display:flex;position:relative}.jb-page-head:after{content:"";border-bottom:1px solid var(--foreground);position:absolute;bottom:-6px;left:0;right:0}.jb-kicker{letter-spacing:.22em;color:var(--muted-foreground);text-transform:uppercase;font-size:11px;font-weight:700}.jb-title{font-family:var(--font-myeongjo);letter-spacing:.04em;font-size:22px;font-weight:800;line-height:1.2}.jb-month{align-items:center;gap:4px;display:flex}.jb-month-btn{width:38px;height:38px;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;transition:background .2s,border-color .2s;display:grid}.jb-month-btn:hover:not(:disabled){background:color-mix(in oklch, var(--foreground) 6%, transparent);border-color:var(--border)}.jb-month-btn:disabled{opacity:.3;cursor:default}.jb-month-label{justify-items:center;min-width:118px;line-height:1.05;display:grid}.jb-month-label .jb-hanja{font-family:var(--font-myeongjo);letter-spacing:.04em;font-size:26px;font-weight:800}.jb-month-label .jb-year{letter-spacing:.2em;color:var(--muted-foreground);font-variant-numeric:tabular-nums;font-size:11px}.jb-balance{gap:6px;padding:26px 0 18px;display:grid;position:relative}.jb-balance-label{color:var(--muted-foreground);align-items:center;gap:8px;font-size:13px;display:flex}.jb-balance-figure{font-variation-settings:"opsz" 144, "SOFT" 30;white-space:nowrap;font-size:clamp(40px,10vw,64px);font-weight:500;line-height:1}.jb-balance-figure .jb-unit{font-family:var(--font-myeongjo);letter-spacing:0;margin-left:4px;font-size:.42em;font-weight:700}.jb-balance-figure.is-minus{color:var(--expense)}.jb-balance .jb-seal{--seal-size:74px;--seal-rot:9deg;position:absolute;top:14px;right:4px}@media (max-width:420px){.jb-balance .jb-seal{--seal-size:58px;top:6px}}.jb-split{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);grid-template-columns:1fr 1fr;display:grid}.jb-split>div{gap:2px;min-width:0;padding:12px 0;display:grid}.jb-split>div+div{border-left:1px solid var(--rule);padding-left:16px}.jb-split-name{color:var(--muted-foreground);align-items:center;gap:6px;font-size:12px;display:flex}.jb-split-name:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.jb-split-value{white-space:nowrap;text-overflow:ellipsis;font-size:21px;font-weight:500;overflow:hidden}.jb-strip{margin-top:22px}.jb-strip-bars{border-bottom:1px solid var(--foreground);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:end;gap:2px;height:64px;display:grid}.jb-strip-bar{height:var(--h,0%);background:var(--foreground);opacity:.82;transform-origin:bottom;min-height:1px;animation:jb-grow .7s var(--ease-out) both;animation-delay:calc(var(--i,0) * 14ms);border-radius:1px 1px 0 0;position:relative}.jb-strip-bar.is-today{background:var(--seal);opacity:1}.jb-strip-bar.is-empty{background:var(--rule);opacity:1}.jb-strip-bar.is-income-day:after{content:"";background:var(--income);border-radius:50%;width:5px;height:5px;margin-left:-2.5px;position:absolute;top:-9px;left:50%}@keyframes jb-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.jb-strip-axis{color:var(--muted-foreground);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:10px;display:flex}.jb-section{margin-top:30px}.jb-section-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.jb-section-title{font-family:var(--font-myeongjo);align-items:baseline;gap:8px;font-size:17px;font-weight:800;display:flex}.jb-section-title small{font-family:var(--font-body);color:var(--muted-foreground);font-size:12px;font-weight:500}.jb-link-btn{color:var(--seal);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:4px 2px;font-size:13px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px}.jb-link-btn:hover{text-decoration-thickness:2px}.jb-mix{background:var(--rule);border-radius:3px;height:14px;margin-bottom:12px;display:flex;overflow:hidden}.jb-mix>span{background:var(--c);height:100%;animation:jb-grow-x .8s var(--ease-out) both;transform-origin:0}.jb-mix>span+span{box-shadow:inset 2px 0 0 var(--paper)}@keyframes jb-grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.jb-cat-list{grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (min-width:560px){.jb-cat-list{grid-template-columns:1fr 1fr;column-gap:22px}}.jb-cat-list li{border-bottom:1px dashed var(--rule);grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 0;font-size:13px;display:grid}.jb-cat-list .jb-dot{background:var(--c);border-radius:2px;width:10px;height:10px}.jb-cat-list .jb-pct{color:var(--muted-foreground);text-align:right;min-width:34px;font-size:12px}.jb-budgets{gap:14px;display:grid}.jb-budget-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:6px;font-size:13px;display:flex}.jb-budget-name{align-items:center;gap:6px;font-weight:700;display:inline-flex}.jb-budget-fig{color:var(--muted-foreground);white-space:nowrap;font-size:12px}.jb-budget-fig strong{color:var(--foreground);font-size:14px;font-weight:600}.jb-budget-fig strong.is-over{color:var(--expense)}.jb-gauge{border:1px solid color-mix(in oklch, var(--foreground) 70%, transparent);background:var(--paper);border-radius:2px;height:12px;position:relative;overflow:hidden}.jb-gauge>span{width:var(--w,0%);background:repeating-linear-gradient(-50deg, var(--foreground) 0 2px, transparent 2px 5px);transition:width .8s var(--ease-out);animation:jb-grow-x .9s var(--ease-out) both;transform-origin:0;position:absolute;inset:0 auto 0 0}.jb-gauge.is-warn>span{background:repeating-linear-gradient(-50deg, var(--warn) 0 2px, transparent 2px 5px)}.jb-gauge.is-over{border-color:var(--expense)}.jb-gauge.is-over>span{background:var(--expense)}.jb-budget-note{color:var(--muted-foreground);margin-top:4px;font-size:12px}.jb-budget-note.is-over{color:var(--expense);font-weight:600}.jb-budget-row .jb-seal{--seal-size:30px;--seal-rot:-10deg;font-size:11px}.jb-empty{text-align:center;color:var(--muted-foreground);padding:22px 4px;font-size:14px;line-height:1.7}.jb-empty .jb-hand{color:var(--ink-soft);margin-bottom:4px;font-size:26px;display:block}.jb-margin-note{font-family:var(--font-accent);color:var(--seal);font-size:22px;line-height:1.1;display:inline-block;transform:rotate(-3deg)}.jb-ledger{container:ledger/inline-size}.jb-cols,.jb-line{grid-template-columns:46px minmax(0,1fr) 92px 112px 112px 122px 30px;align-items:center;column-gap:10px;display:grid}.jb-cols{letter-spacing:.14em;color:var(--muted-foreground);border-bottom:1px solid var(--foreground);padding:14px 0 8px;font-size:11px;font-weight:700}.jb-cols>:nth-child(n+4){text-align:right}.jb-lines{background-image:repeating-linear-gradient(to bottom, transparent 0 47px, var(--rule) 47px 48px);min-height:480px;margin:0;padding:0;list-style:none;position:relative}.jb-lines:before{content:"";border-left:1px solid color-mix(in oklch, var(--margin-rule) 55%, transparent);width:0;position:absolute;top:0;bottom:0;left:51px}.jb-line{border-bottom:1px solid var(--rule);background:var(--paper);min-height:48px;padding:4px 0;font-size:14px;transition:background .2s;position:relative}.jb-line:hover{background:color-mix(in oklch, var(--paper) 92%, var(--foreground))}.jb-line.is-new{animation:jb-ink 1.4s var(--ease-out) both}@keyframes jb-ink{0%{background:color-mix(in oklch, var(--paper) 70%, var(--seal));clip-path:inset(0 100% 0 0)}35%{clip-path:inset(0)}to{background:var(--paper);clip-path:inset(0)}}.jb-line.is-leaving{animation:.35s ease-in both jb-strike}@keyframes jb-strike{to{opacity:0;transform:translate(14px)}}.jb-day{justify-items:center;line-height:1.05;display:grid}.jb-day b{font-family:var(--font-figure);font-size:18px;font-weight:600}.jb-day small{color:var(--muted-foreground);font-size:10px}.jb-day.is-sun small{color:var(--expense)}.jb-memo{align-items:center;gap:10px;min-width:0;padding-left:6px;display:flex}.jb-memo-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.jb-memo-text.is-blank{color:var(--muted-foreground)}.jb-mark{width:24px;height:24px;font-family:var(--font-myeongjo);color:var(--ink-soft);border:1px solid;border-radius:4px;flex:none;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.jb-mark.is-income{color:var(--income)}.jb-cat{color:var(--muted-foreground);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.jb-amt{text-align:right;white-space:nowrap;font-size:16px}.jb-run{text-align:right;color:var(--ink-soft);white-space:nowrap;font-size:14px}.jb-run.is-minus{color:var(--expense)}.jb-del{width:28px;height:28px;color:var(--muted-foreground);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:50%;place-items:center;transition:opacity .15s,background .15s,color .15s;display:grid}.jb-line:hover .jb-del,.jb-del:focus-visible{opacity:1}.jb-del:hover{color:var(--expense);background:color-mix(in oklch, var(--expense) 12%, transparent)}@media (hover:none){.jb-del{opacity:.6}}.jb-total{border-top:2px solid var(--foreground);grid-template-columns:46px minmax(0,1fr) 92px 112px 112px 122px 30px;align-items:center;column-gap:10px;padding:12px 0 0;font-weight:700;display:grid;position:relative}.jb-total:before{content:"";border-top:1px solid var(--foreground);position:absolute;top:2px;left:0;right:0}.jb-total-label{font-family:var(--font-myeongjo);letter-spacing:.3em;grid-column:1/4;padding-left:6px;font-size:15px}.jb-total .jb-amt-inc{grid-column:4}.jb-total .jb-amt-exp{grid-column:5}.jb-total .jb-run{color:var(--foreground);grid-column:6}.jb-amt-sm,.jb-sub-sm{display:none}@container ledger (max-width:640px){.jb-cols{display:none}.jb-line{grid-template-columns:38px minmax(0,1fr) auto 26px;column-gap:8px;min-height:60px}.jb-lines{background-image:none}.jb-lines:before{left:42px}.jb-line>.jb-cat,.jb-line>.jb-amt,.jb-line>.jb-run{display:none}.jb-amt-sm{white-space:nowrap;justify-items:end;gap:1px;display:grid}.jb-amt-sm .jb-amt{font-size:16px}.jb-amt-sm .jb-run{font-size:11px}.jb-sub-sm{color:var(--muted-foreground);margin-top:1px;font-size:11px;display:block}.jb-memo-stack{min-width:0;display:grid}.jb-total{grid-template-columns:minmax(0,1fr) auto;row-gap:4px}.jb-total-label{grid-column:1/-1;padding-left:0}.jb-total .jb-amt-inc,.jb-total .jb-amt-exp,.jb-total .jb-run{grid-column:auto;font-size:14px}.jb-total .jb-amt-inc:before{content:"수입"}.jb-total .jb-amt-exp:before{content:"지출"}.jb-total .jb-run:before{content:"잔액"}.jb-total>span:before{float:left;font-family:var(--font-body);color:var(--muted-foreground);margin-right:16px;font-size:12px;font-weight:500}.jb-total>span:not(.jb-total-label){text-align:right;grid-column:1/-1}}.jb-entry{border:1px solid var(--border);background:color-mix(in oklch, var(--paper) 86%, var(--background));border-radius:8px;gap:14px;margin:18px 0 6px;padding:16px;display:grid}.jb-entry.is-sheet{background:0 0;border:0;margin:0;padding:4px 0 0}.jb-entry-top{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.jb-kind{background:color-mix(in oklch, var(--foreground) 7%, transparent);border-radius:999px;flex:none;grid-template-columns:1fr 1fr;padding:3px;display:inline-grid}.jb-kind button{height:34px;color:var(--muted-foreground);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 16px;font-size:14px;font-weight:700;transition:background .2s,color .2s,box-shadow .2s}.jb-kind button[aria-checked=true]{background:var(--paper);box-shadow:0 1px 3px color-mix(in oklch, var(--foreground) 18%, transparent)}.jb-kind button[data-kind=expense][aria-checked=true]{color:var(--expense)}.jb-kind button[data-kind=income][aria-checked=true]{color:var(--income)}.jb-amount{border-bottom:2px solid var(--foreground);flex:220px;align-items:baseline;gap:6px;min-width:0;padding:0 2px 2px;display:flex}.jb-amount:focus-within{border-color:var(--seal)}.jb-amount input{min-width:0;color:var(--foreground);font-family:var(--font-figure);font-variant-numeric:tabular-nums;background:0 0;border:0;outline:0;flex:1;height:42px;padding:0;font-size:30px;font-weight:500}.jb-amount input::placeholder{color:color-mix(in oklch, var(--muted-foreground) 55%, transparent)}.jb-amount span{font-family:var(--font-myeongjo);font-size:16px;font-weight:700}.jb-quick{flex-wrap:wrap;gap:6px;display:flex}.jb-quick button,.jb-cat-chip{border:1px solid var(--border);background:var(--paper);height:30px;color:var(--ink-soft);cursor:pointer;white-space:nowrap;border-radius:999px;padding:0 11px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s,transform .1s}.jb-quick button:hover,.jb-cat-chip:hover{border-color:color-mix(in oklch, var(--foreground) 40%, var(--border))}.jb-quick button:active,.jb-cat-chip:active{transform:scale(.96)}.jb-cats{flex-wrap:wrap;gap:6px;display:flex}.jb-cat-chip{align-items:center;gap:5px;padding-left:5px;display:inline-flex}.jb-cat-chip .jb-mark{background:color-mix(in oklch, var(--foreground) 8%, transparent);border:0;width:20px;height:20px;font-size:11px}.jb-cat-chip[aria-checked=true]{background:var(--foreground);border-color:var(--foreground);color:var(--background)}.jb-cat-chip[aria-checked=true] .jb-mark{background:color-mix(in oklch, var(--background) 18%, transparent);color:var(--background)}.jb-entry-row{grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:10px;display:grid}@media (max-width:420px){.jb-entry-row{grid-template-columns:minmax(0,1fr)}}.jb-field{gap:4px;min-width:0;display:grid}.jb-field label{letter-spacing:.12em;color:var(--muted-foreground);font-size:11px;font-weight:700}.jb-input{border:1px solid var(--input);background:var(--paper);width:100%;min-width:0;height:42px;color:var(--foreground);border-radius:6px;outline:none;padding:0 12px;font-size:15px;transition:border-color .15s,box-shadow .15s}.jb-input:focus{border-color:var(--seal);box-shadow:0 0 0 3px color-mix(in oklch, var(--seal) 18%, transparent)}.jb-input.is-memo{font-size:15px}.jb-entry-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.jb-error{color:var(--expense);font-size:13px;font-weight:600}.jb-btn{background:var(--primary);height:46px;color:var(--primary-foreground);cursor:pointer;white-space:nowrap;box-shadow:0 6px 16px -8px color-mix(in oklch, var(--primary) 70%, transparent);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:15px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.jb-btn:hover{box-shadow:0 10px 22px -10px color-mix(in oklch, var(--primary) 80%, transparent);transform:translateY(-1px)}.jb-btn:active{transform:translateY(0)scale(.98)}.jb-btn:disabled{opacity:.55;cursor:default;transform:none}.jb-btn.is-seal{background:var(--seal);color:var(--seal-foreground);box-shadow:0 6px 16px -8px color-mix(in oklch, var(--seal) 80%, transparent)}.jb-btn.is-ghost{color:var(--foreground);border:1px solid color-mix(in oklch, var(--foreground) 40%, transparent);box-shadow:none;background:0 0}.jb-btn.is-ghost:hover{background:color-mix(in oklch, var(--foreground) 6%, transparent)}.jb-btn .jb-btn-mark{font-family:var(--font-seal);border:1.5px solid;border-radius:4px;place-items:center;width:22px;height:22px;font-size:13px;display:inline-grid}.jb-fab{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;height:56px;box-shadow:0 12px 28px -10px color-mix(in oklch, var(--seal) 75%, transparent), 0 2px 6px color-mix(in oklch, var(--foreground) 20%, transparent);padding:0 22px 0 16px;font-size:16px;position:fixed}@media (min-width:1024px){.jb-fab{display:none}}.jb-inline-entry{display:none}@media (min-width:1024px){.jb-inline-entry{display:block}}.jb-notice{border:1px dashed color-mix(in oklch, var(--seal) 55%, var(--border));background:color-mix(in oklch, var(--paper) 80%, var(--seal) 4%);color:var(--ink-soft);z-index:1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 auto 12px;padding:10px 14px;font-size:13px;display:flex;position:relative}.jb-notice b{color:var(--seal)}.jb-notice .jb-notice-actions{gap:10px;margin-left:auto;display:flex}.jb-skel{background:linear-gradient(90deg, var(--rule) 0%, color-mix(in oklch, var(--rule) 40%, var(--paper)) 50%, var(--rule) 100%);background-size:200% 100%;border-radius:6px;animation:1.3s linear infinite jb-shimmer}@keyframes jb-shimmer{to{background-position:-200% 0}}.jb-budget-form{gap:8px;max-height:min(60vh,520px);padding:2px 4px 2px 2px;display:grid;overflow-y:auto}.jb-budget-form .jb-budget-input{border-bottom:1px dashed var(--rule);grid-template-columns:minmax(0,1fr) minmax(0,170px);align-items:center;gap:10px;padding:6px 0;display:grid}.jb-budget-input label{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.jb-budget-input .jb-input-wrap{position:relative}.jb-budget-input .jb-input{text-align:right;font-family:var(--font-figure);font-variant-numeric:tabular-nums;padding-right:32px}.jb-input-wrap>span{color:var(--muted-foreground);pointer-events:none;font-size:13px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.jb-dialog{background:var(--paper)!important;border-color:var(--border)!important}.jb-hero{z-index:1;align-items:center;gap:40px;max-width:1240px;margin:0 auto;padding:28px 20px 40px;display:grid;position:relative}@media (min-width:980px){.jb-hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:56px;padding:56px 32px 72px}}.jb-hero-badge{border:1px solid var(--border);background:color-mix(in oklch, var(--paper) 75%, transparent);color:var(--ink-soft);border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 6px;font-size:13px;font-weight:600;display:inline-flex}.jb-hero-badge .jb-seal{--seal-size:24px;--seal-rot:0deg;font-size:10px}.jb-hero h1{font-family:var(--font-myeongjo);letter-spacing:-.02em;margin:22px 0 0;font-size:clamp(40px,9.4vw,78px);font-weight:800;line-height:1.14}.jb-hero h1 em{white-space:nowrap;font-style:normal;position:relative}.jb-hero h1 em:after{content:"";background:color-mix(in oklch, var(--seal) 55%, transparent);z-index:-1;transform-origin:0;height:.2em;animation:jb-underline .9s .5s var(--ease-out) forwards;position:absolute;bottom:.08em;left:-2%;right:-2%;transform:skew(-12deg)scaleX(0)}@keyframes jb-underline{to{transform:skew(-12deg)scaleX(1)}}.jb-lede{max-width:34em;color:var(--ink-soft);margin:22px 0 0;font-size:17px;line-height:1.75}.jb-cta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-top:32px;display:flex}.jb-cta-note{color:var(--muted-foreground);margin-top:14px;font-size:13px}.jb-specimen{background:var(--paper);box-shadow:-6px 0 0 -2px var(--paper-edge), 0 30px 50px -24px color-mix(in oklch, var(--foreground) 35%, transparent), 0 2px 4px color-mix(in oklch, var(--foreground) 10%, transparent);animation:jb-lay .9s var(--ease-out) both;border-radius:6px 14px 14px 6px;justify-self:center;width:100%;max-width:560px;padding:26px 22px 30px 30px;position:relative;transform:rotate(1.6deg)}@keyframes jb-lay{0%{opacity:0;transform:rotate(5deg)translateY(30px)}to{opacity:1;transform:rotate(1.6deg)}}.jb-specimen-head{border-bottom:2px solid var(--foreground);box-shadow:0 4px 0 -3px var(--foreground);justify-content:space-between;align-items:flex-end;padding-bottom:10px;display:flex}.jb-specimen-lines{margin:0;padding:0;list-style:none;position:relative}.jb-specimen-lines:before{content:"";border-left:1px solid color-mix(in oklch, var(--margin-rule) 55%, transparent);position:absolute;top:0;bottom:0;left:34px}.jb-specimen-lines li{border-bottom:1px solid var(--rule);opacity:0;animation:jb-write .6s var(--ease-out) forwards;animation-delay:calc(.6s + var(--i) * .22s);grid-template-columns:26px minmax(0,1fr) auto;align-items:baseline;gap:16px;padding:9px 0 7px;display:grid}@keyframes jb-write{0%{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}.jb-specimen-lines .jb-hand{text-overflow:ellipsis;white-space:nowrap;font-size:25px;line-height:1;overflow:hidden}.jb-specimen-lines .jb-figure{font-size:17px}.jb-specimen-lines .jb-d{font-family:var(--font-figure);color:var(--muted-foreground);text-align:right;font-size:14px}.jb-specimen-total{border-top:2px solid var(--foreground);font-family:var(--font-myeongjo);letter-spacing:.2em;justify-content:space-between;align-items:baseline;margin-top:2px;padding-top:14px;font-weight:800;display:flex}.jb-specimen-total .jb-figure{letter-spacing:0;font-size:26px}.jb-specimen .jb-seal.jb-hero-seal{--seal-size:96px;--seal-rot:-12deg;animation-delay:2.2s;position:absolute;bottom:-26px;right:-14px}.jb-specimen .jb-pen-note{opacity:0;font-size:26px;animation:.6s 2.7s forwards jb-fade;position:absolute;bottom:-44px;left:-8px}@keyframes jb-fade{to{opacity:1}}.jb-band{z-index:1;background:var(--paper);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative}.jb-band-inner{max-width:1240px;margin:0 auto;padding:64px 20px}@media (min-width:980px){.jb-band-inner{padding:88px 32px}}.jb-band h2,.jb-closing h2{font-family:var(--font-myeongjo);margin:0;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.25}.jb-band .jb-sub{color:var(--muted-foreground);margin:12px 0 0;font-size:16px}.jb-features{border-top:2px solid var(--foreground);gap:0;margin-top:40px;display:grid}@media (min-width:820px){.jb-features{grid-template-columns:repeat(3,minmax(0,1fr))}}.jb-feature{border-bottom:1px solid var(--rule);align-content:start;gap:10px;padding:26px 4px 28px;display:grid}@media (min-width:820px){.jb-feature{border-bottom:0;padding:30px 28px 34px}.jb-feature+.jb-feature{border-left:1px solid var(--rule)}.jb-feature:first-child{padding-left:0}}.jb-feature .jb-seal{--seal-size:46px;--seal-rot:-6deg}.jb-feature h3{font-family:var(--font-myeongjo);margin:8px 0 0;font-size:21px;font-weight:800}.jb-feature p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.75}.jb-steps{counter-reset:step;gap:18px;margin-top:40px;padding:0;list-style:none;display:grid}@media (min-width:820px){.jb-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}}.jb-step{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:16px;display:grid}.jb-step-n{font-family:var(--font-figure);color:var(--seal);font-variation-settings:"opsz" 144;font-size:54px;font-weight:400;line-height:.9}.jb-step h3{margin:4px 0 6px;font-size:18px;font-weight:700}.jb-step p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.7}.jb-closing{z-index:1;text-align:center;justify-items:center;gap:18px;max-width:900px;margin:0 auto;padding:80px 20px 96px;display:grid;position:relative}.jb-closing p{color:var(--ink-soft);margin:0;font-size:16px;line-height:1.7}.jb-footer{z-index:1;border-top:1px solid var(--border);text-align:center;color:var(--muted-foreground);padding:24px 20px 40px;font-size:13px;position:relative}.jb-auth{z-index:1;align-items:center;gap:32px;max-width:1040px;margin:0 auto;padding:24px 16px 72px;display:grid;position:relative}@media (min-width:900px){.jb-auth{grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;padding:64px 32px 96px}}.jb-auth-copy h1{font-family:var(--font-myeongjo);margin:18px 0 0;font-size:clamp(32px,6vw,52px);font-weight:800;line-height:1.2}.jb-auth-copy p{color:var(--ink-soft);max-width:30em;margin:16px 0 0;line-height:1.75}.jb-auth-card{background:var(--paper);box-shadow:0 1px 0 var(--paper-edge), 0 3px 0 var(--paper-edge), 0 24px 40px -22px color-mix(in oklch, var(--foreground) 32%, transparent);border-radius:12px;min-width:0;padding:28px 22px;position:relative}@media (min-width:640px){.jb-auth-card{padding:34px 32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}
.jb-hanja-run{display:inline}.jb-ruby{ruby-position:over;ruby-align:center}.jb-ruby rp{display:none}.jb-rt{font-family:var(--font-body);letter-spacing:.02em;color:var(--seal);opacity:.85;font-size:max(9px,.34em);font-weight:600;transition:opacity .25s}html[data-ruby=off] .jb-rt{display:none}.jb-hj{color:inherit;font:inherit;letter-spacing:inherit;cursor:help;-webkit-text-decoration:underline dotted color-mix(in oklch, var(--seal) 55%, transparent);text-decoration:underline dotted color-mix(in oklch, var(--seal) 55%, transparent);text-underline-offset:.18em;background:0 0;border:0;border-radius:3px;margin:0;padding:0;text-decoration-thickness:1px;transition:background .2s;display:inline}.jb-hj:hover,.jb-hj[data-state=open]{background:color-mix(in oklch, var(--seal) 12%, transparent)}.jb-ruby-toggle .jb-ruby-glyph{font-family:var(--font-myeongjo);font-size:16px;font-weight:800;line-height:1}.jb-ruby-toggle .jb-ruby-glyph rt{font-family:var(--font-body);color:var(--muted-foreground);font-size:8px;font-weight:700}.jb-ruby-toggle.is-on{border-color:color-mix(in oklch, var(--seal) 55%, var(--border));background:color-mix(in oklch, var(--seal) 9%, var(--paper))}.jb-ruby-toggle.is-on .jb-ruby-glyph,.jb-ruby-toggle.is-on .jb-ruby-glyph rt{color:var(--seal)}@media (max-width:520px){.jb-ruby-toggle{justify-content:center;width:36px;padding:0}}.jb-seal-wrap{vertical-align:middle;flex-direction:column;flex:none;align-items:center;gap:3px;display:inline-flex}.jb-seal-reading{letter-spacing:.18em;white-space:nowrap;padding-left:.18em;font-size:10px}.jb-balance .jb-seal-wrap{position:absolute;top:14px;right:4px}.jb-balance .jb-seal-wrap .jb-seal{position:relative;inset:auto}@media (max-width:420px){.jb-balance .jb-seal-wrap{top:6px}}.jb-budget-name .jb-seal-wrap{flex-direction:row;gap:5px}.jb-budget-name .jb-seal-reading{color:var(--expense);letter-spacing:0;padding:0}.jb-okpyeon-pop{background:var(--paper);width:min(320px,100vw - 24px);color:var(--foreground);border:1px solid var(--paper-edge);box-shadow:0 1px 0 var(--paper-edge), 0 22px 40px -18px color-mix(in oklch, var(--foreground) 40%, transparent);border-radius:10px;padding:18px 18px 14px}.jb-okpyeon-head{align-items:center;gap:14px;display:flex}.jb-okpyeon-char{width:64px;height:64px;font-family:var(--font-myeongjo);border:1px solid color-mix(in oklch, var(--seal) 45%, transparent);background:linear-gradient(color-mix(in oklch, var(--seal) 16%, transparent), color-mix(in oklch, var(--seal) 16%, transparent)) center / 1px 100% no-repeat, linear-gradient(color-mix(in oklch, var(--seal) 16%, transparent), color-mix(in oklch, var(--seal) 16%, transparent)) center / 100% 1px no-repeat;flex:none;place-items:center;font-size:44px;font-weight:800;line-height:1;display:grid}.jb-okpyeon.is-compact .jb-okpyeon-char{display:none}.jb-okpyeon-hun{font-family:var(--font-myeongjo);font-size:20px;font-weight:700;line-height:1.2}.jb-okpyeon-hun b{color:var(--seal);font-weight:800}.jb-okpyeon-meta{color:var(--muted-foreground);margin-top:4px;font-size:12px;line-height:1.45}.jb-okpyeon-words{border-top:1px solid var(--rule);margin:14px 0 0;padding:0;list-style:none}.jb-okpyeon-words li{border-bottom:1px solid var(--rule);grid-template-columns:auto auto minmax(0,1fr);align-items:baseline;gap:8px;padding:7px 0;font-size:13px;display:grid}.jb-okpyeon-word{font-family:var(--font-myeongjo);letter-spacing:.04em;font-size:16px;font-weight:800}.jb-okpyeon-read{color:var(--ink-soft);font-weight:700}.jb-okpyeon-gloss{color:var(--muted-foreground);text-align:right;font-size:12px}.jb-okpyeon-more{margin-top:10px;display:inline-block}.jb-brush{width:100%;height:100%;display:block;overflow:visible}.jb-brush text{font-family:var(--font-myeongjo);fill:currentColor;fill-opacity:0;stroke:currentColor;stroke-width:.8px;stroke-linejoin:round;stroke-dasharray:520;stroke-dashoffset:520px;animation:jb-brush-draw 1.6s cubic-bezier(.45, 0, .25, 1) var(--brush-delay,0s) forwards, jb-brush-soak .9s ease-out calc(var(--brush-delay,0s) + 1.15s) forwards;font-size:76px;font-weight:800}@keyframes jb-brush-draw{to{stroke-dashoffset:0}}@keyframes jb-brush-soak{0%{fill-opacity:0;stroke-width:.8px}60%{fill-opacity:.92;stroke-width:1.6px}to{fill-opacity:1;stroke-width:0}}.jb-glyph-body{grid-template-columns:112px minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (max-width:420px){.jb-glyph-body{grid-template-columns:88px minmax(0,1fr);gap:14px}}.jb-glyph-cell,.jb-nb-big-cell{aspect-ratio:1;color:var(--foreground);border:1.5px solid color-mix(in oklch, var(--seal) 60%, transparent);background:repeating-linear-gradient(to bottom, color-mix(in oklch, var(--seal) 28%, transparent) 0 4px, transparent 4px 8px) center / 1px 100% no-repeat, repeating-linear-gradient(to right, color-mix(in oklch, var(--seal) 28%, transparent) 0 4px, transparent 4px 8px) center / 100% 1px no-repeat, color-mix(in oklch, var(--paper) 80%, var(--background));display:block;position:relative}.jb-glyph-card .jb-okpyeon-words{margin-top:10px}.jb-nb{z-index:1;max-width:1240px;margin:0 auto;padding:12px 14px 80px;position:relative}@media (min-width:900px){.jb-nb{padding:28px 28px 96px}}.jb-nb-head{align-items:end;gap:22px;padding:16px 4px 26px;display:grid}@media (min-width:900px){.jb-nb-head{grid-template-columns:minmax(0,1fr) 280px;padding:24px 4px 36px}}.jb-nb-title{font-family:var(--font-myeongjo);letter-spacing:-.01em;margin:6px 0 0;font-size:clamp(32px,6vw,56px);font-weight:800;line-height:1.15}.jb-nb-lede{max-width:34em;color:var(--ink-soft);margin:14px 0 0;line-height:1.75}.jb-nb-progress{gap:8px;display:grid}.jb-nb-progress-fig{font-size:44px;font-weight:600;line-height:1}.jb-nb-progress-fig small{color:var(--muted-foreground);margin-left:4px;font-size:16px}.jb-nb-progress-note{color:var(--muted-foreground);letter-spacing:.08em;font-size:12px}.jb-nb-layout{align-items:start;gap:22px;display:grid}@media (min-width:900px){.jb-nb-layout{grid-template-columns:380px minmax(0,1fr);gap:36px}}.jb-nb-panel{background:var(--paper);box-shadow:0 1px 0 var(--paper-edge), 0 3px 0 var(--paper-edge), 0 24px 40px -24px color-mix(in oklch, var(--foreground) 34%, transparent);border-radius:12px;padding:22px 18px;scroll-margin-top:12px;position:relative}@media (min-width:900px){.jb-nb-panel{padding:28px 26px;position:sticky;top:20px}}.jb-nb-panel>*{z-index:1;position:relative}.jb-nb-big{width:min(220px,62%);margin:0 auto 20px;position:relative}.jb-nb-big-cell{border-width:2px}.jb-nb-big .jb-seal-wrap,.jb-nb-big .jb-nb-learned-seal{--seal-size:58px;--seal-rot:12deg;z-index:2;position:absolute;bottom:-14px;right:-22px}.jb-nb-detail{position:relative}.jb-nb-detail.is-hidden .jb-okpyeon{filter:blur(7px);opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none}.jb-nb-cover{border:1px dashed color-mix(in oklch, var(--seal) 50%, transparent);background:color-mix(in oklch, var(--paper) 50%, transparent);color:var(--ink-soft);cursor:pointer;border-radius:8px;place-content:center;gap:2px;font-size:13px;font-weight:600;display:grid;position:absolute;inset:0}.jb-nb-cover .jb-hand{color:var(--seal);font-size:28px;font-weight:400}.jb-nb-actions{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.jb-nb-actions .jb-btn{flex:140px;height:44px;padding:0 16px;font-size:14px}.jb-nb-mode{border:1px solid var(--border);background:color-mix(in oklch, var(--paper) 70%, transparent);border-radius:999px;gap:4px;max-width:100%;padding:4px;display:inline-flex}.jb-nb-mode button{height:36px;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;transition:background .2s,color .2s;display:inline-flex}.jb-nb-mode button[aria-checked=true]{background:var(--primary);color:var(--primary-foreground)}.jb-nb-group{margin-top:30px}.jb-nb-group .jb-section-title{flex-wrap:wrap;margin:0 0 12px}.jb-wongoji{border-top:1.5px solid color-mix(in oklch, var(--seal) 55%, transparent);border-left:1.5px solid color-mix(in oklch, var(--seal) 55%, transparent);background:var(--paper);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));margin:0;padding:0;list-style:none;display:grid}.jb-wongoji li{border-right:1.5px solid color-mix(in oklch, var(--seal) 55%, transparent);border-bottom:1.5px solid color-mix(in oklch, var(--seal) 55%, transparent);min-width:0;animation:jb-cell-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 28ms)}@keyframes jb-cell-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.jb-wg-cell{aspect-ratio:1/1.12;background:repeating-linear-gradient(to bottom, color-mix(in oklch, var(--seal) 18%, transparent) 0 3px, transparent 3px 6px) 50% 0 / 1px 78% no-repeat, repeating-linear-gradient(to right, color-mix(in oklch, var(--seal) 18%, transparent) 0 3px, transparent 3px 6px) 0 39% / 100% 1px no-repeat, transparent;width:100%;color:var(--foreground);cursor:pointer;border:0;grid-template-rows:1fr auto;justify-items:center;padding:8px 4px 7px;transition:background-color .2s,transform .15s;display:grid;position:relative}.jb-wg-cell:hover{background-color:color-mix(in oklch, var(--seal) 7%, transparent)}.jb-wg-cell:active .jb-wg-char{transform:scale(.94)}.jb-wg-cell.is-selected{background-color:color-mix(in oklch, var(--seal) 13%, transparent);box-shadow:inset 0 0 0 2px var(--seal)}.jb-wg-char{font-family:var(--font-myeongjo);align-self:center;font-size:38px;font-weight:800;line-height:1;transition:transform .15s}.jb-wg-read{color:var(--ink-soft);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;font-weight:600;overflow:hidden}.jb-wg-read.is-covered{background:color-mix(in oklch, var(--foreground) 12%, transparent);min-width:46px;color:var(--muted-foreground);border-radius:2px}.jb-wg-done{background:var(--seal);width:9px;height:9px;box-shadow:0 0 0 2px color-mix(in oklch, var(--seal) 25%, transparent);animation:jb-stamp .5s var(--ease-stamp) both;border-radius:50%;position:absolute;top:5px;right:5px}.jb-nb-foot{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;margin-top:32px;padding-top:18px;display:flex}.jb-nb-foot .jb-hand{color:var(--ink-soft);font-size:24px}.jb-learn{z-index:1;align-items:center;gap:28px;max-width:1180px;margin:0 auto;padding:64px 16px 8px;display:grid;position:relative}@media (min-width:900px){.jb-learn{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;padding:96px 32px 24px}}.jb-learn h2{font-family:var(--font-myeongjo);margin:10px 0 0;font-size:clamp(28px,5vw,42px);font-weight:800;line-height:1.3}.jb-learn p{color:var(--ink-soft);max-width:30em;margin:14px 0 0;line-height:1.75}.jb-learn .jb-wongoji{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.jb-learn .jb-wongoji{grid-template-columns:repeat(6,minmax(0,1fr))}}.jb-learn .jb-wg-cell{cursor:default}.jb-learn-cta{margin-top:22px}
.jb-month-wrap{justify-items:end;gap:8px;display:grid}.jb-year-link{color:var(--seal);white-space:nowrap;border-radius:4px;padding:2px 4px;font-size:12px;font-weight:700;text-decoration:none}.jb-year-link .jb-hanja-run{font-family:var(--font-myeongjo);margin-right:2px;font-weight:800}.jb-year-link:hover{background:color-mix(in oklch, var(--seal) 10%, transparent)}.jb-annual{z-index:1;max-width:1240px;margin:0 auto;padding:12px 14px 88px;position:relative}@media (min-width:900px){.jb-annual{padding:28px 28px 96px}}.jb-year-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;padding:16px 4px 26px;display:flex}.jb-year-head .jb-kicker .jb-hanja-run{font-family:var(--font-myeongjo);letter-spacing:.1em;color:var(--foreground);font-size:15px}.jb-year-head .jb-month-label .jb-hanja{font-variant-numeric:tabular-nums;align-items:baseline;gap:2px;display:inline-flex}.jb-year-sum{background:var(--paper);box-shadow:0 1px 0 var(--paper-edge), 0 3px 0 var(--paper-edge), 0 24px 40px -26px color-mix(in oklch, var(--foreground) 34%, transparent);animation:jb-vol-in .5s var(--ease-out) both;border-radius:12px;padding:22px 18px 18px;position:relative}@media (min-width:900px){.jb-year-sum{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:end;column-gap:40px;padding:30px 150px 26px 34px;display:grid}}.jb-year-sum>*{z-index:1;position:relative}.jb-year-fig{gap:6px;padding-bottom:14px;padding-right:76px;display:grid}@media (min-width:900px){.jb-year-fig{padding-right:0}}.jb-year-verdict{color:var(--muted-foreground);flex-wrap:wrap;grid-column:1/-1;align-items:baseline;gap:4px 10px;margin:12px 0 0;font-size:13px;display:flex}.jb-year-verdict .jb-hand{color:var(--seal);font-size:24px}.jb-year-sum .jb-year-seal{--seal-size:66px;--seal-rot:8deg;z-index:2;position:absolute;top:16px;right:14px}@media (min-width:900px){.jb-year-sum .jb-year-seal{--seal-size:92px;margin-top:-56px;top:50%;right:34px}}.jb-shelf-wrap{margin-top:40px}.jb-shelf-wrap .jb-section-title{flex-wrap:wrap;margin:0 0 14px}.jb-shelf{gap:6px;margin:0;padding:0;list-style:none;display:grid}.jb-shelf.is-loading{opacity:.5}.jb-shelf li{min-width:0;animation:jb-vol-in .55s var(--ease-out) both;animation-delay:calc(var(--i,0) * 40ms)}@keyframes jb-vol-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.jb-vol{border:1px solid var(--paper-edge);background:var(--paper);min-height:54px;color:var(--foreground);transition:transform .25s var(--ease-out), box-shadow .25s, border-color .2s;border-radius:6px;grid-template-columns:76px minmax(0,1fr) auto 22px;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;display:grid;position:relative}a.jb-vol:hover{border-color:color-mix(in oklch, var(--foreground) 35%, var(--paper-edge));box-shadow:0 12px 22px -16px color-mix(in oklch, var(--foreground) 50%, transparent)}.jb-vol.is-current{border-color:var(--seal);box-shadow:inset 4px 0 0 var(--seal)}.jb-vol.is-blank{background:color-mix(in oklch, var(--paper) 55%, transparent)}.jb-vol.is-future{opacity:.55;background:0 0;border-style:dashed}.jb-vol-name{font-family:var(--font-myeongjo);letter-spacing:.04em;white-space:nowrap;font-size:19px;font-weight:800}.jb-vol-bars{gap:4px;display:grid}.jb-vol-bars>span{height:7px;width:var(--h,0%);transform-origin:0;min-width:2px;animation:jb-grow-x .9s var(--ease-out) both;animation-delay:calc(.25s + var(--i,0) * 40ms);border-radius:1px;display:block}.jb-vol-bars>.is-income{background:var(--income)}.jb-vol-bars>.is-expense{background:repeating-linear-gradient(-50deg, var(--expense) 0 2px, transparent 2px 4px);box-shadow:inset 0 0 0 1px var(--expense)}.jb-vol-bal{white-space:nowrap;color:var(--ink-soft);text-align:right;font-size:14px}.jb-vol-bal.is-minus{color:var(--expense)}.jb-vol-mark{width:22px;height:22px;font-family:var(--font-myeongjo);color:var(--foreground);border:1.5px solid;border-radius:50%;place-items:center;font-size:12px;font-weight:800;line-height:1;display:grid;transform:rotate(-8deg)}.jb-vol-mark.is-minus{color:var(--expense);border-radius:3px}.jb-vol-ribbon{background:var(--seal);width:22px;height:22px;color:var(--seal-foreground);font-family:var(--font-myeongjo);border-radius:3px;place-items:center;font-size:12px;font-weight:800;display:grid}@media (min-width:760px){.jb-shelf{border-bottom:12px solid var(--paper-edge);background:linear-gradient(to bottom, transparent, color-mix(in oklch, var(--foreground) 5%, transparent));box-shadow:0 18px 24px -18px color-mix(in oklch, var(--foreground) 45%, transparent);border-radius:10px 10px 4px 4px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:8px;padding:26px 18px 0}.jb-vol{background:linear-gradient(to right, color-mix(in oklch, var(--foreground) 7%, transparent) 0, transparent 22%, transparent 76%, color-mix(in oklch, var(--foreground) 10%, transparent) 100%), var(--paper);border-radius:5px 5px 2px 2px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px;height:clamp(250px,26vw,330px);padding:22px 6px 14px}.jb-vol:before,.jb-vol:after{content:"";border-top:1px solid color-mix(in oklch, var(--foreground) 28%, transparent);border-bottom:1px solid color-mix(in oklch, var(--foreground) 28%, transparent);height:4px;position:absolute;left:0;right:0}.jb-vol:before{top:9px}.jb-vol:after{bottom:46px}.jb-vol.is-future:before,.jb-vol.is-future:after{display:none}.jb-vol.is-current{box-shadow:inset 0 0 0 1px var(--seal)}.jb-vol.is-blank{height:clamp(220px,22vw,290px)}.jb-vol.is-future{height:clamp(200px,20vw,260px)}a.jb-vol:hover{box-shadow:0 22px 26px -18px color-mix(in oklch, var(--foreground) 55%, transparent);transform:translateY(-10px)rotate(-1.5deg)}.jb-vol-name{writing-mode:vertical-rl;letter-spacing:.12em;font-size:clamp(17px,1.7vw,22px)}.jb-vol-bars{align-self:stretch;align-items:flex-end;gap:3px;height:100%;min-height:60px;display:flex}.jb-vol-bars>span{width:clamp(6px,.8vw,10px);height:var(--h,0%);transform-origin:bottom;min-height:2px;animation-name:jb-grow}.jb-vol-bal{text-align:center;font-size:clamp(10px,1vw,13px)}.jb-vol-mark{width:18px;height:18px;font-size:10px;position:absolute;top:19px;left:5px}.jb-vol-ribbon{clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);width:18px;height:50px;animation:jb-ribbon .7s var(--ease-out) .6s both;border-radius:1px;place-items:start center;padding-top:14px;font-size:10px;position:absolute;top:-8px;right:8px}}@keyframes jb-ribbon{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:none}}.jb-year-cats{max-width:860px;margin-top:44px}.jb-year-cat-list{margin:0;padding:0;list-style:none;display:grid}.jb-year-cat-list li{border-bottom:1px solid var(--rule);animation:jb-vol-in .5s var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms);grid-template-columns:34px minmax(0,1fr) auto;grid-template-areas:"mark name fig""mark bar bar";align-items:center;gap:4px 12px;padding:12px 0;display:grid}@media (min-width:640px){.jb-year-cat-list li{grid-template-columns:34px 120px minmax(0,1fr) 130px;grid-template-areas:"mark name bar fig"}}.jb-year-cat-mark{border:1.5px solid var(--c);width:34px;height:34px;color:var(--c);font-family:var(--font-myeongjo);border-radius:5px;grid-area:mark;place-items:center;font-size:17px;font-weight:800;line-height:1;display:grid}.jb-year-cat-mark .jb-rt{display:none}.jb-year-cat-name{grid-area:name;font-size:14px;font-weight:600}.jb-year-cat-bar{background:color-mix(in oklch, var(--foreground) 6%, transparent);border-radius:2px;grid-area:bar;height:8px;overflow:hidden}.jb-year-cat-bar>span{height:100%;width:var(--w,0%);background:var(--c);transform-origin:0;animation:jb-grow-x .9s var(--ease-out) both;display:block}.jb-year-cat-fig{text-align:right;white-space:nowrap;grid-area:fig;font-size:15px}@media (max-width:420px){.jb-page-head .jb-month-label{min-width:84px}.jb-page-head .jb-title{white-space:nowrap}}