@import "https://fonts.googleapis.com/css2?family=Hahmlet:wght@300;400;500;600;700&family=IBM+Plex+Sans+KR:wght@400;500;600&display=swap";:root{--paper:#f7f3ec;--card:#fffdf8;--dark:#241f1a;--dark-2:#2f2923;--dark-3:#3a332c;--ink:#241f1a;--ink-2:#6b6157;--muted:#9b9186;--muted-2:#a79c90;--on-dark:#f7f3ec;--on-dark-2:#f0e7d9;--accent:#6f6ad0;--accent-soft:#a49df0;--accent-deep:#3f3a78;--pill:#f2ddcb;--pill-2:#ddc4ab;--line:#e7ded1;--brown:#8d6f56;--bad:#b3452b;--serif:Hahmlet, serif;--sans:"IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--r-card:34px;--r-inner:22px;--pad:clamp(28px, 5vw, 64px);--gap:clamp(12px, 2vw, 20px)}*{box-sizing:border-box}html,body{background:var(--paper);margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;word-break:keep-all;padding:clamp(14px,2vw,28px) clamp(14px,3vw,36px) 96px;overflow-x:hidden}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.inner{max-width:1120px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:10px 6px 22px;display:flex}.topbar .brand{font-family:var(--serif);letter-spacing:-.02em;font-size:17px;font-weight:600}.topbar .note{color:var(--muted);font-size:12px}.card{background:var(--card);border-radius:var(--r-card);padding:var(--pad);margin-top:var(--gap)}.card:first-of-type{margin-top:0}.card.dark{background:var(--dark);color:var(--on-dark)}h1{font-family:var(--serif);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(34px,6.4vw,86px);font-weight:600;line-height:1.12;animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.lead{color:var(--ink-2);max-width:34em;margin:clamp(16px,2.5vh,26px) 0 0;font-size:clamp(14px,1.3vw,17px);line-height:1.7}.sentence{font-family:var(--serif);letter-spacing:-.02em;color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-top:clamp(26px,4.5vh,52px);font-size:clamp(19px,2.6vw,38px);font-weight:400;line-height:1.6;display:flex}.sentence input{font-family:var(--serif);color:var(--ink);background:var(--pill);text-align:center;border:none;border-radius:999px;padding:.12em .3em;font-size:1em;font-weight:600}.sentence input::placeholder{color:var(--brown);opacity:.55}.sentence input:focus{outline:2px solid var(--accent);outline-offset:2px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,select:focus{outline:none}.wait{font-family:var(--serif);letter-spacing:-.025em;color:#6d6259;max-width:24em;margin:0;font-size:clamp(20px,3vw,44px);font-weight:400;line-height:1.4}.cap{color:#b6ab9e;margin:0;font-size:13px}.count{flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:8px 0 0;display:flex}.count b{font-family:var(--serif);letter-spacing:-.045em;font-variant-numeric:tabular-nums;font-size:clamp(46px,8.5vw,104px);font-weight:500;line-height:1.04}.count span{font-family:var(--serif);color:#b6ab9e;font-size:clamp(18px,2.2vw,30px);font-weight:400}.count-bar{background:var(--dark-3);border-radius:999px;height:6px;margin-top:clamp(16px,2.5vh,28px);overflow:hidden}.count-bar>div{background:var(--accent-soft);border-radius:999px;height:6px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.stats{gap:var(--gap);flex-wrap:wrap;margin-top:clamp(22px,3.5vh,40px);display:flex}.stats>div{background:var(--dark-2);border-radius:var(--r-inner);flex:220px;padding:clamp(18px,2.4vw,26px) clamp(20px,2.8vw,32px)}.stats .v{font-family:var(--serif);letter-spacing:-.03em;color:var(--on-dark-2);margin-top:6px;font-size:clamp(26px,3.6vw,46px);font-weight:600}.card h2{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(22px,3.4vw,44px);font-weight:600}.card .sub{color:var(--ink-2);max-width:38em;margin:10px 0 clamp(22px,3.5vh,38px);font-size:14px}.pills{flex-wrap:wrap;gap:10px;display:flex}.pill{all:unset;cursor:pointer;background:var(--pill);color:var(--ink);border-radius:999px;align-items:baseline;gap:10px;padding:13px 22px;transition:opacity .14s,background .14s;display:flex}.pill:hover{opacity:.86}.pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill.on{background:var(--dark);color:var(--on-dark)}.pill .t{font-size:clamp(14px,1.5vw,17px);font-weight:500}.pill .d{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(16px,1.9vw,23px);font-weight:600}.pill-body{border-top:1px solid var(--line);margin-top:clamp(20px,3vh,30px);padding-top:clamp(20px,3vh,30px)}.fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px 22px;display:grid}label{color:var(--muted);flex-direction:column;gap:7px;font-size:13px;display:flex}label>input,label>select{font-family:var(--serif);color:var(--ink);border:none;border-bottom:1.5px solid var(--line);background:0 0;width:100%;padding:0 0 8px;font-size:22px;font-weight:600}label>select{font-family:var(--sans);font-size:17px;font-weight:500}label>input:focus,label>select:focus{border-bottom-color:var(--accent)}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:26px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:999px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:grab;border-radius:999px;width:26px;height:26px;margin-top:-9px}input[type=range]::-moz-range-track{background:var(--line);border-radius:999px;height:8px}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:999px;width:26px;height:26px}.slider{margin-bottom:clamp(20px,3vh,30px)}.slider .row{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.slider .name{color:var(--ink-2);font-size:14px}.slider .val{font-family:var(--serif);color:var(--accent);letter-spacing:-.02em;font-size:26px;font-weight:600}.slider .val input{font-family:var(--serif);color:var(--accent);border:none;border-bottom:1.5px solid var(--line);text-align:right;background:0 0;width:82px;padding:0 0 2px;font-size:26px;font-weight:600}.slider .hint{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.facts{gap:var(--gap);flex-wrap:wrap;margin-top:clamp(22px,3vh,34px);display:flex}.facts>div{background:var(--paper);border-radius:var(--r-inner);flex:210px;padding:clamp(18px,2.2vw,24px)}.facts .t{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.facts .v{font-family:var(--serif);letter-spacing:-.03em;margin:10px 0 4px;font-size:clamp(22px,2.8vw,34px);font-weight:600}.facts .v.accent{color:var(--accent)}.facts .v.late{color:var(--bad)}.facts .d{color:var(--muted);margin:0;font-size:12px}.dist{height:40px;margin-top:8px;position:relative}.dist .track{background:var(--line);border-radius:999px;height:8px;position:absolute;top:18px;left:0;right:0}.dist .fill{background:var(--accent);border-radius:999px;height:8px;transition:width .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:18px;left:0}.dist .mark{background:var(--ink);border-radius:2px;width:3px;height:24px;transition:left .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:10px}.dist-caps{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.type .name{font-family:var(--serif);letter-spacing:-.04em;color:var(--accent);margin:12px 0 0;font-size:clamp(38px,6vw,76px);font-weight:600;line-height:1.1}.type .desc{color:var(--ink-2);max-width:34em;margin:18px 0 0;font-size:clamp(15px,1.5vw,18px);line-height:1.75}.share{flex-wrap:wrap;gap:10px;margin-top:clamp(26px,4vh,40px);display:flex}button.action{font:inherit;cursor:pointer;background:var(--pill);color:var(--ink);border:none;border-radius:999px;padding:14px 26px;font-size:14px;font-weight:500;transition:opacity .14s}button.action:hover{opacity:.86}button.action.primary{background:var(--accent);color:#fff}button.action.example{margin-top:clamp(22px,3vh,32px)}.notice,.await{color:var(--ink-2);margin:clamp(18px,2.5vh,26px) 0 0;font-size:14px;line-height:1.75}.await ul{margin:12px 0 0;padding-left:18px}.await li{color:var(--muted);margin-bottom:6px}.hint{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.7}.warn{color:var(--bad);margin-top:8px;display:block}.children{gap:12px;display:grid}.child{grid-template-columns:22px 1fr 1.3fr auto;align-items:end;gap:14px;display:grid}.child.head span{color:var(--muted);font-size:12px}.child .no{font-family:var(--serif);color:var(--muted-2);padding-bottom:10px;font-size:15px}.child input{font-family:var(--serif);color:var(--ink);border:none;border-bottom:1.5px solid var(--line);background:0 0;width:100%;padding:0 0 8px;font-size:20px;font-weight:600}.child input:focus{border-bottom-color:var(--accent)}.child .remove{all:unset;cursor:pointer;color:var(--muted);padding-bottom:10px;font-size:12px}.child .remove:hover:not(:disabled){color:var(--bad)}.child .remove:disabled{opacity:.35;cursor:default}.children .add{justify-self:start;margin-top:6px}.cuts{margin-top:12px}.cut{grid-template-columns:1.2fr 1fr 5.4em auto;align-items:end;gap:14px;display:grid}.cut.head span{color:var(--muted);font-size:12px}.cut input,.cut select{font-family:var(--serif);color:var(--ink);border:none;border-bottom:1.5px solid var(--line);background:0 0;width:100%;padding:0 0 8px;font-size:20px;font-weight:600}.cut input::placeholder{color:var(--brown);opacity:.5}.cut select{appearance:none;cursor:pointer}.cut input:focus,.cut select:focus{border-bottom-color:var(--accent)}.cut .remove{all:unset;cursor:pointer;color:var(--muted);padding-bottom:10px;font-size:12px}.cut .remove:hover{color:var(--bad)}.prose h2{margin-bottom:18px}.prose p,.prose li{color:var(--ink-2);margin:0 0 12px;font-size:15px;line-height:1.8}.prose details{border-top:1px solid var(--line)}.prose details:last-of-type{border-bottom:1px solid var(--line)}.prose summary{cursor:pointer;font-family:var(--serif);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:19px;font-weight:500;list-style:none;display:flex}.prose summary::-webkit-details-marker{display:none}.prose summary:after{content:"+";color:var(--muted);font-size:20px}.prose details[open] summary:after{content:"−"}.prose details>:not(summary){margin-bottom:16px}footer{color:var(--muted);padding:32px 6px 0;font-size:12px;line-height:1.9}.sticky{z-index:40;left:clamp(10px,2vw,20px);right:clamp(10px,2vw,20px);bottom:calc(clamp(10px, 2vw, 18px) + env(safe-area-inset-bottom));background:var(--dark);color:var(--on-dark);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:clamp(16px,4vw,48px);padding:13px clamp(20px,3vw,34px);animation:.5s cubic-bezier(.2,.8,.2,1) both rise;display:flex;position:fixed}.sticky>span{align-items:baseline;gap:9px;display:flex}.sticky .s-label{color:#b6ab9e;font-size:12px}.sticky .s-age{font-family:var(--serif);letter-spacing:-.02em;font-size:19px;font-weight:600}body{padding-bottom:104px}@media (width<=560px){.child{grid-template-columns:22px 1fr 1.2fr auto;gap:10px}.child.head{display:none}.cut{grid-template-columns:1.1fr 1fr 4.6em;gap:10px}.cut.head{display:none}.cut .remove{grid-column:1/-1;justify-self:end;padding-bottom:0}}.sources table{border-collapse:collapse;width:100%;margin:22px 0 0}.sources thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:0 14px 10px 0;font-size:12px;font-weight:500}.sources tbody th{text-align:left;color:var(--ink);vertical-align:top;white-space:nowrap;width:1%;padding:16px 14px 16px 0;font-size:15px;font-weight:600}.sources tbody td{vertical-align:top;color:var(--ink-2);padding:16px 14px 16px 0;font-size:14px;line-height:1.7}.sources tbody tr{border-bottom:1px solid var(--line)}.sources .v{font-family:var(--serif);color:var(--ink);white-space:nowrap;font-size:16px;font-weight:600}.sources .caveat{color:var(--muted);margin-top:6px;font-size:13px;display:block}.sources .mark{background:var(--bad);color:var(--card);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.sources .mark.derived{background:var(--pill-2);color:var(--ink)}.sources .note{color:var(--muted);margin-top:24px;font-size:13px}@media (width<=720px){.sources thead{display:none}.sources tbody tr{padding:18px 0;display:block}.sources tbody th,.sources tbody td{white-space:normal;width:auto;padding:0;display:block}.sources tbody th{white-space:normal}.sources .v{margin:6px 0 10px}}.mycard{margin-top:clamp(22px,3.5vh,38px)}.mycard-img{width:100%;height:auto;box-shadow:0 1px 0 var(--line);border-radius:clamp(20px,2vw,28px);display:block}.mycard .side{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px clamp(24px,4vw,48px);margin-top:clamp(20px,3vh,30px);display:flex}.mycard .side p{color:var(--ink-2);flex:320px;margin:0;font-size:14px;line-height:1.8}.mycard .share{flex-wrap:wrap;gap:10px;display:flex}.sources details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.sources details[open]{padding-bottom:8px}.sources summary{padding:18px 0;font-size:17px}.sources details table{margin-top:4px}.reset{all:unset;cursor:pointer;color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;transition:background .14s,color .14s}.reset:hover{background:var(--pill);color:var(--ink)}.reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reset.ask{background:var(--bad);color:var(--card)}.cut.loan,.cut.loan-head{grid-template-columns:1.1fr 1fr .7fr .8fr auto}.cut.loan{padding-bottom:20px;position:relative}.loan-note{color:var(--muted);grid-column:1/-1;margin:4px 0 0;font-size:12px}@media (width<=560px){.cut.loan{grid-template-columns:1fr 1fr}.cut.loan .remove{grid-column:1/-1;justify-self:end;padding-bottom:0}}.why{all:unset;cursor:pointer;color:var(--brown);border-bottom:1px solid var(--line);white-space:nowrap;padding-bottom:1px;font-size:11px}.why:hover{color:var(--ink);border-bottom-color:var(--ink)}.why:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint .more{margin-top:8px;display:block}.aside{color:var(--muted);margin-top:8px;display:block}.topbar a.brand{color:var(--ink);text-decoration:none}.topbar a.brand:hover{color:var(--brown)}
