:root{--bg:#EAF0EE;--stage:#DCE6E2;--surface:#FFFFFF;--surface-2:#F4F7F5;--line:#E4EAE7;--ink:#1E2A2C;--muted:#6C7B7C;--faint:#9AA8A6;--mint:#0FA98C;--mint-ink:#0B7C66;--mint-soft:#D6F2EA;--coin:#F5B133;--coin-soft:#FCEDCF;--coin-ink:#9A6B08;--spend:#4C82F7;--spend-soft:#DEE9FE;--danger:#E5573F;--danger-soft:#FBE1DC;--good:#2FA86A;--shadow:0 6px 20px rgba(23,52,47,.1);--shadow-sm:0 2px 8px rgba(23,52,47,.07);--r:20px;--r-sm:13px;--disp:"Jua",system-ui,sans-serif;--body:"Noto Sans KR",system-ui,sans-serif}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#101917;--stage:#0B1210;--surface:#182421;--surface-2:#1E2B28;--line:#2A3A36;--ink:#E8F0ED;--muted:#9DB0AC;--faint:#70837F;--mint:#2BC4A4;--mint-ink:#7FE6D1;--mint-soft:#133A33;--coin:#F5B133;--coin-soft:#3A2E12;--coin-ink:#F3C970;--spend-soft:#1B2A45;--spend:#7AA4FF;--danger:#F27A66;--danger-soft:#3C201B;--good:#54C98A;--shadow:0 8px 26px rgba(0,0,0,.45);--shadow-sm:0 2px 10px rgba(0,0,0,.35)}}:root[data-theme=dark]{--bg:#101917;--stage:#0B1210;--surface:#182421;--surface-2:#1E2B28;--line:#2A3A36;--ink:#E8F0ED;--muted:#9DB0AC;--faint:#70837F;--mint:#2BC4A4;--mint-ink:#7FE6D1;--mint-soft:#133A33;--coin:#F5B133;--coin-soft:#3A2E12;--coin-ink:#F3C970;--spend:#7AA4FF;--spend-soft:#1B2A45;--danger:#F27A66;--danger-soft:#3C201B;--good:#54C98A;--shadow:0 8px 26px rgba(0,0,0,.45);--shadow-sm:0 2px 10px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;background:var(--stage);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.tnum{font-variant-numeric:tabular-nums}.wrap{max-width:440px;margin:0 auto;padding:14px 12px 28px;min-height:100vh}.demobar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:9px 11px;box-shadow:var(--shadow-sm);margin-bottom:12px}.demobar .tag{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--faint);text-transform:uppercase;margin-right:2px}.seg{display:flex;gap:4px;background:var(--surface-2);border-radius:11px;padding:3px;flex:1;min-width:210px}.seg button{flex:1;padding:7px 4px;border-radius:8px;font-size:13px;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:5px;transition:.15s}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.seg button.on.p{color:var(--mint-ink)}.themebtn{width:34px;height:34px;border-radius:10px;background:var(--surface-2);font-size:15px;display:flex;align-items:center;justify-content:center}.phone{background:var(--bg);border-radius:28px;box-shadow:var(--shadow);overflow:hidden;border:1px solid var(--line)}.screen{min-height:620px;display:flex;flex-direction:column}.hd{display:flex;align-items:center;gap:10px;padding:16px 17px 10px}.hd .who{display:flex;align-items:center;gap:9px}.avatar{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--mint-soft)}.hd h1{font-family:var(--disp);font-size:19px;margin:0;font-weight:400;letter-spacing:.01em}.hd .sub{font-size:11.5px;color:var(--muted);margin-top:1px}.hd .sp{flex:1}.bell{position:relative;width:38px;height:38px;border-radius:12px;background:var(--surface);box-shadow:var(--shadow-sm);font-size:17px;display:flex;align-items:center;justify-content:center}.dot{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--danger);color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;font-family:var(--body)}.actor-seg{display:flex;gap:3px;background:var(--surface-2);border-radius:11px;padding:3px}.actor-seg button{padding:7px 12px;border-radius:8px;font-size:13px;font-weight:700;color:var(--muted);transition:.12s}.actor-seg button.on{background:var(--mint);color:#fff;box-shadow:var(--shadow-sm)}.byline{color:var(--faint)}.body{flex:1;overflow-y:auto;padding:4px 15px 16px}.netbar{display:flex;align-items:center;gap:8px;padding:9px 15px;background:var(--danger-soft);color:var(--danger);font-size:12.5px;font-weight:700;border-bottom:1px solid var(--line)}.netbar .d{font-weight:600;color:var(--muted);margin-left:auto}.offline .tile,.offline .quest [data-apply],.offline .quest [data-submit],.offline .btn.pri,.offline .btn.coin,.offline .btn.danger,.offline [data-approve],.offline [data-reject],.offline [data-confirm],.offline [data-ack]{opacity:.45}.nav{display:flex;background:var(--surface);border-top:1px solid var(--line)}.nav button{flex:1;padding:9px 2px 11px;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10.5px;font-weight:700;color:var(--faint);position:relative}.nav button .ic{font-size:19px;line-height:1}.nav button.on{color:var(--mint-ink)}.nav .nd{position:absolute;top:6px;right:calc(50% - 20px);min-width:16px;height:16px;padding:0 3px;border-radius:8px;background:var(--danger);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;font-family:var(--body);font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:15px;box-shadow:var(--shadow-sm);margin-bottom:12px}.sec-t{font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--muted);margin:16px 4px 8px;display:flex;align-items:center;gap:6px}.sec-t .cnt{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:10px;padding:1px 7px;font-size:11px}.balance{background:linear-gradient(135deg,var(--mint) 0%,var(--mint-ink) 100%);color:#fff;border:none;position:relative;overflow:hidden}.balance .lab{font-size:12.5px;opacity:.9;font-weight:500}.balance .amt{font-family:var(--disp);font-size:42px;line-height:1.05;margin:2px 0 3px;letter-spacing:.01em}.balance .won{font-size:22px;opacity:.85}.balance .pig{position:absolute;right:-6px;bottom:-14px;font-size:92px;opacity:.16}.balance .row{display:flex;gap:8px;margin-top:12px}.balance .chip{background:#ffffff2e;border-radius:11px;padding:7px 10px;flex:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.balance .chip .k{font-size:10.5px;opacity:.85}.balance .chip .v{font-size:15px;font-weight:700;margin-top:1px}.balance.owing{background:linear-gradient(135deg,#e5573f,#a8291a)}.balance .note{position:relative;margin-top:12px;background:#fff3;border-radius:11px;padding:9px 11px;font-size:11.5px;font-weight:600;line-height:1.5}.kidcard{display:flex;align-items:center;gap:12px;cursor:pointer}.kidcard .av{width:46px;height:46px;border-radius:14px;font-size:24px;display:flex;align-items:center;justify-content:center;background:var(--mint-soft)}.kidcard .nm{font-weight:700;font-size:15px}.kidcard .rt{font-size:11.5px;color:var(--muted)}.kidcard .bal{margin-left:auto;text-align:right}.kidcard .bal b{font-family:var(--disp);font-size:22px;font-weight:400}.kidcard .bal span{font-size:12px;color:var(--muted)}.editkid{width:34px;height:34px;border-radius:10px;background:var(--surface-2);font-size:15px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.delbtn{width:30px;height:30px;border-radius:8px;background:var(--surface-2);font-size:13px;flex-shrink:0;margin-left:8px;display:flex;align-items:center;justify-content:center}.delbtn:active{transform:translateY(1px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:12px;padding:12px 15px;font-weight:700;font-size:14px;transition:.12s;width:100%}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:default}.btn.pri{background:var(--mint);color:#fff}.btn.coin{background:var(--coin);color:#3b2a06}.btn.ghost{background:var(--surface-2);color:var(--ink)}.btn.danger{background:var(--danger);color:#fff}.btn.line{background:var(--surface);border:1.5px solid var(--line);color:var(--ink)}.btn.sm{padding:9px 12px;font-size:13px;width:auto}.btn-row{display:flex;gap:8px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);padding:13px 12px;text-align:left;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:7px;min-height:86px}.tile .em{font-size:25px}.tile .tt{font-weight:700;font-size:13.5px}.tile .ds{font-size:11px;color:var(--muted);margin-top:-4px}.tx{display:flex;align-items:center;gap:11px;padding:10px 2px;border-bottom:1px solid var(--line)}.tx:last-child{border-bottom:none}.tx .ti{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px}.tx .tl{font-weight:600;font-size:13.5px}.tx .td{font-size:11px;color:var(--faint)}.tx .tv{margin-left:auto;font-weight:800;font-size:14px}.plus{color:var(--good)}.minus{color:var(--danger)}.ic-give{background:var(--mint-soft)}.ic-quest{background:var(--coin-soft)}.ic-spend{background:var(--spend-soft)}.ic-fine{background:var(--danger-soft)}.ic-tr{background:var(--spend-soft)}.quest{display:flex;align-items:flex-start;gap:12px;padding:13px;border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:10px;background:var(--surface);box-shadow:var(--shadow-sm)}.quest .qe{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;flex-shrink:0}.q-study{background:var(--mint-soft)}.q-help{background:var(--spend-soft)}.q-health{background:var(--coin-soft)}.q-manner{background:var(--surface-2)}.quest .qt{font-weight:700;font-size:14.5px}.quest .qd{font-size:11.5px;color:var(--muted);margin:1px 0 8px}.quest .qr{font-weight:800;color:var(--coin-ink);font-size:13px}.badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;margin-bottom:6px}.b-open{background:var(--mint-soft);color:var(--mint-ink)}.b-prog{background:var(--spend-soft);color:var(--spend)}.b-wait{background:var(--coin-soft);color:var(--coin-ink)}.b-done{background:var(--surface-2);color:var(--muted)}.b-review{background:var(--danger-soft);color:var(--danger)}.countdown{font-size:11px;font-weight:700;color:var(--danger);margin-top:6px}.req{border-left:3px solid var(--line);padding:12px 13px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);margin-bottom:10px;box-shadow:var(--shadow-sm)}.req.spend,.req.transfer{border-left-color:var(--spend)}.req.completion{border-left-color:var(--coin)}.req.proposal{border-left-color:var(--mint)}.req.fine{border-left-color:var(--danger)}.req .rk{font-size:10.5px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;margin-bottom:4px}.req .rt{font-weight:700;font-size:14.5px}.req .rd{font-size:12px;color:var(--muted);margin:2px 0 10px}.req .amt-big{font-family:var(--disp);font-size:20px}.fine-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin:4px 0 12px}.fine-reason{font-family:var(--disp);font-size:21px;line-height:1.25;flex:1;color:var(--ink)}.fine-amt{font-family:var(--disp);font-size:21px;color:var(--danger);white-space:nowrap}.empty{text-align:center;color:var(--faint);padding:38px 20px;font-size:13px}.empty .e{font-size:40px;display:block;margin-bottom:8px;opacity:.5}.donut-wrap{display:flex;align-items:center;gap:16px}.donut{width:108px;height:108px;border-radius:50%;flex-shrink:0;position:relative}.donut:after{content:"";position:absolute;top:23px;right:23px;bottom:23px;left:23px;background:var(--surface);border-radius:50%}.legend{flex:1;display:flex;flex-direction:column;gap:7px}.legend .lg{display:flex;align-items:center;gap:8px;font-size:12.5px}.legend .sw{width:11px;height:11px;border-radius:3px}.legend .lv{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.bars{display:flex;flex-direction:column;gap:11px}.barrow .bt{display:flex;justify-content:space-between;font-size:12.5px;margin-bottom:4px}.barrow .bt b{font-weight:700}.track{height:9px;border-radius:5px;background:var(--surface-2);overflow:hidden}.track .fill{height:100%;border-radius:5px}.valrow{display:flex;align-items:center;gap:10px;padding:9px 2px;border-bottom:1px solid var(--line);font-size:13px}.valrow:last-child{border:none}.valrow .star{color:var(--coin);letter-spacing:1px;font-size:12px}.valrow .vv{margin-left:auto;font-weight:800}.insight{background:var(--coin-soft);color:var(--coin-ink);border-radius:var(--r-sm);padding:12px 13px;font-size:12.5px;font-weight:600;line-height:1.5;display:flex;gap:9px}.insight .q{font-size:17px}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f1e1b80;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.sheet{background:var(--surface);width:100%;max-width:440px;border-radius:22px 22px 0 0;padding:18px 18px 24px;box-shadow:var(--shadow);max-height:88vh;overflow-y:auto;animation:up .25s ease}@keyframes up{0%{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}.sheet h3{font-family:var(--disp);font-weight:400;font-size:19px;margin:2px 0 3px}.sheet .msub{font-size:12.5px;color:var(--muted);margin-bottom:15px}.field{margin-bottom:13px}.field label{display:block;font-size:12px;font-weight:700;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:12px;border:1.5px solid var(--line);border-radius:12px;font-family:inherit;font-size:15px;background:var(--surface-2);color:var(--ink)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--mint)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:10px 13px;border-radius:12px;background:var(--surface-2);border:1.5px solid transparent;font-weight:700;font-size:13px;display:flex;align-items:center;gap:6px}.chips button.on{border-color:var(--mint);background:var(--mint-soft);color:var(--mint-ink)}.emoji-chips button{font-size:21px;padding:7px 9px}.stepper{display:flex;align-items:center;gap:12px;justify-content:center;background:var(--surface-2);border-radius:12px;padding:9px}.stepper button{width:38px;height:38px;border-radius:10px;background:var(--surface);font-size:20px;font-weight:700;box-shadow:var(--shadow-sm)}.stepper .val{font-family:var(--disp);font-size:24px;min-width:92px;text-align:center}.stars{display:flex;gap:8px;justify-content:center}.stars button{font-size:30px;opacity:.3;transition:.1s}.stars button.on{opacity:1}.calc{background:var(--mint-soft);color:var(--mint-ink);border-radius:12px;padding:11px 13px;font-weight:700;font-size:14px;text-align:center;margin-top:4px}.celebrate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;pointer-events:none}.celebrate .msg{background:var(--surface);border-radius:22px;padding:26px 30px;text-align:center;box-shadow:var(--shadow);animation:pop .4s cubic-bezier(.18,1.3,.5,1)}@keyframes pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.celebrate .big{font-family:var(--disp);font-size:38px;color:var(--coin-ink);margin:6px 0 2px}.celebrate .em{font-size:50px}.fallcoin{position:fixed;top:-30px;font-size:26px;z-index:59;pointer-events:none;animation:fall linear forwards}@keyframes fall{to{transform:translateY(104vh) rotate(540deg);opacity:.7}}@media (prefers-reduced-motion:reduce){.sheet,.celebrate .msg{animation:none}.fallcoin{display:none}}.foot{text-align:center;font-size:11px;color:var(--faint);margin-top:14px;line-height:1.6}.sblock{display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:var(--r-sm);margin-bottom:10px;box-shadow:var(--shadow-sm);border:1px solid var(--line);background:var(--surface);width:100%;text-align:left}.sblock:active{transform:translateY(1px)}.sblock .em{font-size:21px;flex-shrink:0}.sblock .t{font-weight:700;font-size:13.5px}.sblock .d{font-size:11.5px;color:var(--muted);margin-top:1px}.sblock .rt{margin-left:auto;font-weight:800;flex-shrink:0}.sblock.fine{background:var(--danger-soft);border-color:transparent}.sblock.fine .rt{color:var(--danger)}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:12px 18px;border-radius:14px;font-size:13px;font-weight:600;z-index:70;box-shadow:var(--shadow);max-width:90%;text-align:center}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}