@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=IBM+Plex+Sans+KR:wght@300;400;500;600;700&display=swap";:root,:root[data-theme=green]{--paper:#edefe7;--card:#f8f9f3;--ink:#1b2620;--soft:#5b6a61;--jade:#2a6b5c;--accent-on:#f1f4ee;--accent-soft:#d6eae2;--accent-ink:#12362d;--marigold:#c98a1e;--rose:#a4505e;--line:#1b262021;--shadow:#2a6b5c21}:root[data-theme=blue]{--paper:#e8edf1;--card:#f7fafc;--ink:#16232c;--soft:#54666f;--jade:#2c5f7c;--accent-on:#f0f6f9;--accent-soft:#d2e4ee;--accent-ink:#11313f;--marigold:#c08a2c;--rose:#a2555f;--line:#16232c21;--shadow:#2c5f7c24}:root[data-theme=beige]{--paper:#f1eae2;--card:#fcf8f4;--ink:#241e18;--soft:#6b5c4c;--jade:#8a6d4f;--accent-on:#fdf9f5;--accent-soft:#eadccb;--accent-ink:#3f3123;--marigold:#b5822a;--rose:#a05b58;--line:#241e1821;--shadow:#8a6d4f26}:root[data-theme=pink]{--paper:#f6e9ec;--card:#fdf7f8;--ink:#2a1b20;--soft:#6e5560;--jade:#b5657f;--accent-on:#fff6f8;--accent-soft:#f4d9e1;--accent-ink:#5a2739;--marigold:#c08a3c;--rose:#a84a63;--line:#2a1b2021;--shadow:#b5657f26}*,:before,:after{box-sizing:border-box}html,body{background:var(--paper);margin:0;padding:0}body{color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans KR,system-ui,-apple-system,sans-serif}#root{min-height:100svh}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,select,textarea{color:var(--ink);font-family:inherit;font-size:16px}:focus-visible{outline:2px solid var(--jade);outline-offset:2px;border-radius:4px}.wrap{max-width:560px;padding-bottom:calc(78px + env(safe-area-inset-bottom));margin:0 auto}.head{background:var(--jade);color:var(--accent-on);border-radius:20px;margin:14px 15px 0;padding:16px 17px 17px;position:relative;overflow:hidden}.head:after{content:"";background:#ffffff1c;border-radius:50%;width:132px;height:132px;position:absolute;top:-40px;right:-34px}.headrow{justify-content:space-between;align-items:center;gap:8px;display:flex;position:relative}.eyebrow{letter-spacing:.04em;opacity:.82;white-space:nowrap;font-family:IBM Plex Mono,monospace;font-size:10.5px;line-height:1.5}.title{letter-spacing:-.01em;color:var(--accent-on);background:0 0;border:none;margin:0;padding:0;font-size:14.5px;font-weight:600;line-height:1.5}.remain{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:7px 0 4px;line-height:1.45;display:flex;position:relative}.remain b{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:25px;font-weight:600}.remain em{opacity:.85;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace;font-size:13px;font-style:normal;font-weight:500;line-height:1.5}.remain span{opacity:.9;justify-content:space-between;width:100%;font-size:11px;line-height:1.6;display:flex}.gauge{background:#00000042;border-radius:99px;height:7px;margin-top:7px;position:relative;overflow:hidden}.gauge i{background:var(--accent-soft);border-radius:99px;min-width:7px;height:100%;transition:width .5s;display:block}.gauge i.over{background:#f0b8b8}.tabs{z-index:50;background:var(--card);border-top:1px solid var(--line);max-width:560px;padding:8px 10px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -5px 22px -10px var(--shadow);justify-content:space-around;gap:4px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.tab{letter-spacing:.02em;color:var(--soft);border-radius:13px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:7px 4px;font-size:10.5px;font-weight:600;line-height:1.5;text-decoration:none;display:flex}.tab .ico{font-size:19px;line-height:1}.tab.on{background:var(--accent-soft);color:var(--accent-ink)}.pad{padding:16px 20px 0}.sec{letter-spacing:.01em;color:var(--soft);align-items:center;gap:5px;margin:22px 0 9px;font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:11px;font-weight:600;line-height:1.7;display:flex}.sec.first{margin-top:2px}.box{box-shadow:0 2px 10px -4px var(--shadow);background:var(--card);border:1px solid var(--line);border-radius:11px;overflow:hidden}.tr{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;padding:10px 13px;font-size:13.5px;display:flex}.tr:last-child{border-bottom:none}.tr .k{color:var(--soft);flex:none}.tr .v{text-align:right;font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}.tr .v.txt{font-family:IBM Plex Sans KR,sans-serif}.pair{font-variant-numeric:tabular-nums;justify-content:flex-end;align-items:baseline;gap:9px;font-family:IBM Plex Mono,monospace;display:flex}.pair .c{color:var(--soft)}.pair .d{color:var(--line)}.badge{border-radius:999px;padding:2px 9px;font-size:11.5px;display:inline-block}.badge.fund{color:var(--jade);background:#2a6b5c21}.badge.self{color:#9a6a12;background:#c98a1e26}.ta{background:var(--card);border:1px solid var(--line);resize:vertical;border-radius:14px;width:100%;min-height:128px;padding:13px;line-height:1.65}.inp{background:var(--card);border:1px solid var(--line);border-radius:11px;width:100%;padding:11px 12px}.num{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,monospace}.sel{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%235B6A61' stroke-width='1.6'><path d='M1 1.5 6 6.5 11 1.5'/></svg>");background-position:right 11px center;background-repeat:no-repeat;background-size:11px 8px;min-width:0;padding-right:30px}.sel:disabled{opacity:.45}.lab{letter-spacing:.01em;color:var(--soft);margin-bottom:6px;font-family:IBM Plex Sans KR,system-ui,sans-serif;font-size:10.5px;font-weight:600;line-height:1.7;display:block}.field{margin-bottom:13px}.row2{gap:8px;display:flex}.btn{background:var(--jade);color:var(--accent-on);box-shadow:0 2px 9px -4px var(--shadow);text-align:center;border-radius:12px;width:100%;padding:13px 16px;font-size:14.5px;font-weight:500;line-height:1.6;text-decoration:none;display:block}.btn.sm{border-radius:8px;padding:9px 12px;font-size:13px}.btn.ghost{color:var(--jade);border:1px solid var(--jade);background:0 0}.btn.quiet{color:var(--soft);border:1px solid var(--line);background:0 0}.btn.warn{color:var(--rose);background:0 0;border:1px solid #a4505e66}.btn[disabled]{opacity:.42;cursor:default}.chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{border:1px solid var(--line);background:var(--card);color:var(--soft);border-radius:999px;padding:6px 12px;font-size:12.5px}.chip.on{background:var(--jade);border-color:var(--jade);color:var(--accent-on)}.chip.fund.on{background:var(--ink);border-color:var(--ink);color:var(--paper)}.item{background:var(--card);border:1px solid var(--line);border-radius:10px;align-items:flex-start;gap:11px;margin-bottom:7px;padding:11px 13px;display:flex}.item .body{flex:1;min-width:0}.item .top{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.item .name{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.item .meta{color:var(--soft);margin-top:3px;font-size:11.5px}.item .x{color:var(--jade);white-space:nowrap;padding:2px 4px;font-size:11.5px}.item .top .pair{white-space:nowrap;font-size:14px;font-weight:500}.prev{background:var(--card);border:1px solid var(--line);box-shadow:0 2px 10px -4px var(--shadow);border-radius:16px;margin-bottom:8px;padding:11px 12px}.prev.edit{border-color:var(--jade)}.prev .l1{align-items:center;gap:8px;margin-bottom:9px;display:flex}.prev .l1 input{border:none;border-bottom:1px solid var(--line);background:0 0;flex:1;min-width:0;padding:0;font-size:14px;font-weight:500}.prev .l1 .n{text-align:right;width:96px;font-family:IBM Plex Mono,monospace;font-weight:500}.money{gap:8px;margin-bottom:9px;display:flex}.money label{flex:1;position:relative}.money input{border:1px solid var(--line);font-variant-numeric:tabular-nums;text-align:right;background:0 0;border-radius:8px;width:100%;padding:9px 30px 9px 10px;font-family:IBM Plex Mono,monospace}.money span{color:var(--soft);font-size:12px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.editrow{gap:8px;margin-top:9px;display:flex}.empty{text-align:center;color:var(--soft);padding:40px 24px;font-size:13.5px;line-height:1.7}.note{color:var(--soft);font-size:11.5px;line-height:1.7}.err{color:var(--rose);margin-top:9px;font-size:12.5px;line-height:1.6}.bar{letter-spacing:.1em;color:var(--soft);justify-content:space-between;align-items:center;padding:9px 20px 0;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:flex}.spin{border:2px solid var(--line);border-top-color:var(--jade);vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:.7s linear infinite rot;display:inline-block}@keyframes rot{to{transform:rotate(360deg)}}.steps{counter-reset:s;margin:0;padding:0;list-style:none}.steps li{padding:0 0 12px 26px;font-size:13px;line-height:1.6;position:relative}.steps li:before{counter-increment:s;content:counter(s);background:var(--jade);color:#f1f4ee;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-family:IBM Plex Mono,monospace;font-size:10.5px;display:flex;position:absolute;top:1px;left:0}.hide{display:none!important}@media (prefers-reduced-motion:reduce){.spin,.gauge i{transition:none;animation:none}}.segmented{background:var(--paper);border:1px solid var(--line);border-radius:12px;gap:5px;padding:4px;display:flex}.segmented button{color:var(--soft);border-radius:9px;flex:1;justify-content:center;align-items:center;gap:5px;padding:8px 6px;font-size:12.5px;font-weight:600;line-height:1.6;display:flex}.segmented button.on{background:var(--jade);color:var(--accent-on);box-shadow:0 1px 5px -2px var(--shadow)}.filters{background:var(--card);border:1px solid var(--line);box-shadow:0 2px 10px -4px var(--shadow);border-radius:14px}.fgroup{align-items:center;gap:7px;padding:8px 10px;display:flex}.fgroup+.fgroup{border-top:1px solid var(--line)}.fgroup:first-child{border-radius:14px 14px 0 0}.fgroup:last-child{border-radius:0 0 14px 14px}.fgroup .flab{color:var(--soft);letter-spacing:.06em;white-space:nowrap;flex:none;font-size:10px;font-weight:600;line-height:1.7}.fgroup .chips{gap:4px}.fgroup .chip{border-radius:8px;padding:4px 9px;font-size:11.5px;line-height:1.6}.act{border:1px solid var(--line);background:var(--paper);color:var(--soft);white-space:nowrap;border-radius:8px;padding:4px 10px;font-size:11.5px;font-weight:600;line-height:1.6}.act.mine{border-color:var(--jade);color:var(--jade)}.act.warn{color:var(--rose);border-color:#a4505e66}.dots{gap:13px;padding:4px 2px;display:flex}.dot{border:2px solid #0000;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid;position:relative}.dot i{border:1px solid #00000029;border-radius:50%;width:30px;height:30px;display:block}.dot[aria-pressed=true]{border-color:var(--jade)}.dot[aria-pressed=true]:after{content:"";background:var(--accent-on);border-radius:50%;width:9px;height:9px;position:absolute;box-shadow:0 0 0 1px #0000001f}.catbar{background:var(--line);border-radius:99px;flex:1;height:6px;margin:0 4px;overflow:hidden}.catbar i{background:var(--jade);opacity:.55;border-radius:99px;height:100%;display:block}.help{border:1px solid var(--line);background:var(--paper);width:15px;height:15px;color:var(--soft);cursor:help;border-radius:50%;flex:0 0 15px;justify-content:center;align-items:center;padding:0;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:relative}.help:hover,.help[aria-expanded=true]{border-color:var(--jade);color:var(--jade)}.help .bubble{z-index:30;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;text-align:left;background:var(--ink);width:min(252px,100vw - 72px);color:var(--paper);letter-spacing:0;cursor:auto;opacity:0;visibility:hidden;border-radius:9px;padding:9px 11px;font-size:11.5px;font-weight:400;line-height:1.65;transition:opacity .12s;position:absolute;top:calc(100% + 7px);left:0;box-shadow:0 6px 18px -6px #0006}.help:hover .bubble,.help[aria-expanded=true] .bubble{opacity:1;visibility:visible}@media (prefers-reduced-motion:reduce){.help .bubble{transition:none}}