:root{--bg:#fbf4e6;--paper:#fffaf0;--ink:#2b2420;--ink2:#6b5d52;--line:#e7dcc8;--red:#d9533b;--mustard:#e6a93a;--green:#3f7d5c;--blue:#3c6e9e;--shadow:0 2px 0 #2b242014, 0 8px 24px #2b24200f;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,Malgun Gothic,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);margin:0;padding:0}body{word-break:keep-all;overflow-wrap:anywhere;font-size:17px;line-height:1.55}button{font:inherit;color:inherit}.app{max-width:480px;min-height:100dvh;padding:12px 16px calc(24px + env(safe-area-inset-bottom));margin:0 auto}.split,.split>.side,.split>.main{flex-direction:column;gap:12px;min-width:0;display:flex}.split .album,.split .stats{margin:0}.kbd-hint{color:var(--ink2);margin:0 0 4px;font-size:12px;display:none}.btn{border:2px solid var(--ink);background:var(--ink);width:100%;min-height:56px;color:var(--paper);cursor:pointer;border-radius:16px;padding:12px 16px;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow 80ms;display:block;box-shadow:0 4px #2b242040}.btn:active{transform:translateY(3px);box-shadow:0 1px #2b242040}.btn.secondary{background:var(--paper);color:var(--ink)}.btn.accent{background:var(--red);border-color:var(--red)}.btn.small{min-height:44px;padding:8px 12px;font-size:16px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-row{gap:10px;display:flex}.btn-row>*{flex:1}.stack{flex-direction:column;gap:12px;display:flex}.card{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:20px;padding:18px 16px}.muted{color:var(--ink2)}.small{font-size:14px}.tiny{font-size:12px}.center{text-align:center}.good{color:var(--green)}.bad{color:var(--red)}h1,h2,h3{margin:0;line-height:1.3}.link-btn{color:var(--ink2);cursor:pointer;background:0 0;border:none;padding:8px;font-size:15px;text-decoration:underline}.title-screen{text-align:center;flex-direction:column;justify-content:center;gap:18px;min-height:calc(100dvh - 40px);display:flex}.title-logo{letter-spacing:-1px;font-size:44px;font-weight:900;line-height:1.1}.title-logo .num{color:var(--red)}.title-sub{color:var(--ink2);font-size:18px}.inherit-head{text-align:center;padding:8px 0 4px}.inherit-head .from{color:var(--ink2);font-size:15px}.inherit-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.inherit-list li{border:1.5px dashed var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:10px 12px;animation:.4s both slideIn;display:flex}.inherit-list li .ico{text-align:center;flex-shrink:0;width:36px;font-size:26px}.inherit-list li .val{white-space:nowrap;margin-left:auto;font-weight:800}.words{text-align:center;background:#f4ead6;border-radius:14px;padding:14px;font-family:Nanum Myeongjo,AppleMyungjo,serif;font-size:19px;font-weight:700}.words .who{color:var(--ink2);margin-bottom:4px;font-family:inherit;font-size:13px;font-weight:400;display:block}.topbar{align-items:center;gap:8px;margin-bottom:8px;display:flex}.topbar .who{font-size:16px;font-weight:800}.topbar .age{color:var(--ink2);font-size:14px}.topbar .menu{border:2px solid var(--ink);background:var(--paper);cursor:pointer;border-radius:12px;min-width:44px;min-height:44px;margin-left:auto;padding:0 10px;font-size:15px;font-weight:700}.dots{gap:5px;margin:2px 0 10px;display:flex}.dots span{background:var(--line);border-radius:3px;flex:1;height:6px}.dots span.done{background:var(--ink)}.dots span.now{background:var(--red)}.stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0;display:grid}.stat{background:var(--paper);border:2px solid var(--ink);text-align:center;cursor:pointer;border-radius:14px;padding:6px 8px;position:relative}.stat .k{color:var(--ink2);font-size:12px}.stat .v{white-space:nowrap;font-size:16px;font-weight:800}.float-delta{white-space:nowrap;pointer-events:none;font-size:15px;font-weight:900;animation:1.6s ease-out forwards floatUp;position:absolute;top:-6px;left:50%;transform:translate(-50%)}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1.5px solid var(--line);background:#fff;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:13px;display:inline-flex}.event-card .ev-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.event-card .ev-icon{font-size:34px;line-height:1}.event-card .ev-title{font-size:21px;font-weight:800}.event-card .ev-text{margin:0 0 14px;font-size:17px}.echo-tag{color:var(--paper);background:var(--blue);border-radius:6px;margin-bottom:6px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.choice{text-align:left;border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:16px;width:100%;margin-top:10px;padding:12px 14px;transition:transform 80ms,box-shadow 80ms,background .15s;display:block;box-shadow:0 3px #2b242033}.choice:active:not(:disabled){background:#fff6e3;transform:translateY(2px);box-shadow:0 1px #2b242033}.choice:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.choice .c-top{align-items:flex-start;gap:8px;display:flex}.choice .c-num{background:var(--ink);width:26px;height:26px;color:var(--paper);border-radius:50%;flex-shrink:0;place-items:center;margin-top:1px;font-size:14px;font-weight:800;display:grid}.choice .c-label{flex:1;font-size:18px;font-weight:800}.choice .c-cost{color:var(--red);white-space:nowrap;background:#fde9e3;border-radius:8px;flex-shrink:0;margin-top:2px;padding:2px 7px;font-size:13px;font-weight:800}.choice .c-cost.free{color:var(--green);background:#e3f1e8}.choice .c-pc{margin:6px 0 0 34px;font-size:14px;line-height:1.45}.choice .c-pc .p:before{content:"＋ ";color:var(--green);font-weight:800}.choice .c-pc .m:before{content:"－ ";color:var(--red);font-weight:800}.choice .c-later{color:var(--blue);margin:6px 0 0 34px;font-size:13px;font-weight:700}.cause-note{background:#e8f0f8;border-radius:10px;margin:0 0 12px;padding:8px 10px;font-size:14px}.result-card .cause-note{margin:-4px 0 12px}.choice .c-dis{color:var(--red);margin:6px 0 0 34px;font-size:13px;font-weight:700}.result-card .narr{background:#f6eedd;border-radius:12px;margin:8px 0 12px;padding:12px;font-size:17px}.sect-title{color:var(--ink2);letter-spacing:.5px;margin:14px 0 6px;font-size:13px;font-weight:800}.lines{margin:0;padding:0;list-style:none}.lines li{border-bottom:1px dashed var(--line);align-items:flex-start;gap:10px;padding:6px 0;font-size:15px;animation:.35s both slideIn;display:flex}.lines li:last-child{border-bottom:none}.lines li .txt{flex:1}.lines li .amt{white-space:nowrap;font-weight:800}.lines li.later{background:#e8f0f8;border-bottom:none;border-radius:8px;margin:4px 0;padding:8px}.visual-note{background:#fff3d6;border-radius:10px;margin-top:8px;padding:8px 10px;font-size:14px;animation:.5s both pop}.net-sum{background:var(--ink);color:var(--paper);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;padding:12px;font-weight:700;display:flex}.net-sum .big{font-size:18px;font-weight:900}.scene{border:2px solid var(--ink);background:#f7e8cc;border-radius:20px;position:relative;overflow:hidden}.scene svg{width:100%;height:auto;display:block}.scene .pop{transform-origin:bottom;transform-box:fill-box;animation:.6s both pop}.shelf{border-top:2px solid var(--ink);background:#e9d3ac;align-items:center;gap:6px;min-height:42px;padding:6px 8px;display:flex;overflow-x:auto}.shelf .it{background:var(--paper);border:1.5px solid var(--ink);border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:30px;font-size:22px;display:grid}.shelf .empty{color:var(--ink2);font-size:13px}.album{gap:8px;margin-bottom:10px;display:flex}.polaroid{border:1.5px solid var(--line);text-align:center;background:#fff;border-radius:6px;flex:1;padding:5px 5px 4px;font-size:11px;line-height:1.3;box-shadow:0 1px 3px #00000014}.polaroid:first-child{transform:rotate(-2deg)}.polaroid:nth-child(3){transform:rotate(2deg)}.polaroid.now{border-color:var(--red);border-width:2px}.polaroid.future{box-shadow:none;color:var(--ink2);background:0 0;border-style:dashed}.polaroid .face{background:#f4ead6;border-radius:3px;place-items:center;height:44px;margin-bottom:3px;display:grid}.polaroid b{font-size:12px;display:block}.sheet-back{z-index:20;background:#2b242073;justify-content:center;align-items:flex-end;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}.sheet{background:var(--paper);border:2px solid var(--ink);width:100%;max-width:480px;max-height:86dvh;padding:14px 16px calc(20px + env(safe-area-inset-bottom));border-bottom:none;border-radius:22px 22px 0 0;animation:.25s ease-out both sheetUp;overflow-y:auto}.tabs{gap:6px;margin:8px 0 12px;display:flex}.tabs button{border:2px solid var(--ink);cursor:pointer;background:#fff;border-radius:12px;flex:1;min-height:42px;font-weight:700}.tabs button.on{background:var(--ink);color:var(--paper)}.kv{border-bottom:1px dashed var(--line);justify-content:space-between;gap:10px;padding:7px 0;font-size:15px;display:flex}.kv b{white-space:nowrap}.kv>:first-child{flex-shrink:0}.kv>:last-child{text-align:right}.kv.wrap>:first-child{flex-shrink:1;min-width:0}.kv.wrap>:last-child{flex-shrink:0}.bar{background:var(--line);border-radius:4px;height:8px;margin-top:4px;overflow:hidden}.bar i{background:var(--mustard);height:100%;display:block}.compare{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.compare .col{border:1.5px solid var(--line);background:#fff;border-radius:14px;padding:10px 6px}.compare .arrow{font-size:22px}.compare .num{font-size:18px;font-weight:900}.key-choice{border-bottom:1px dashed var(--line);gap:10px;padding:10px 0;display:flex}.key-choice:last-child{border-bottom:none}.key-choice .n{color:var(--red);flex-shrink:0;width:22px;font-size:20px;font-weight:900}.radio{text-align:left;border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;width:100%;margin-top:8px;padding:12px;display:block}.radio.on{border-color:var(--ink);background:#fff6e3;box-shadow:0 3px #2b242026}.radio .q{font-size:17px;font-weight:800}.radio:disabled{opacity:.5;cursor:not-allowed}.radio.check{padding-left:42px;position:relative}.radio.check:before{content:"";border:2px solid var(--ink2);background:#fff;border-radius:6px;width:20px;height:20px;position:absolute;top:14px;left:12px}.radio.check.on:before{content:"✓";border-color:var(--ink);background:var(--ink);color:var(--paper);place-items:center;font-size:13px;font-weight:900;display:grid}.legacy-top{align-items:flex-start;gap:8px;display:flex}.legacy-top .q{flex:1}.legacy-cost{color:var(--red);white-space:nowrap;background:#fde9e3;border-radius:8px;flex-shrink:0;margin-top:2px;padding:2px 7px;font-size:13px;font-weight:800}.link-box{border:1.5px dashed var(--ink2);word-break:break-all;background:#fff;border-radius:10px;max-height:72px;padding:8px;font-size:13px;overflow:hidden}.history{background:var(--paper);border:2px solid var(--ink);box-shadow:var(--shadow);border-radius:22px;padding:20px 16px}.history .nick{color:var(--red);margin:4px 0 2px;font-size:30px;font-weight:900;line-height:1.2}.history .story{white-space:pre-line;background:#f6eedd;border-radius:12px;padding:12px;font-size:16px}.gen-row{border-bottom:1px dashed var(--line);align-items:flex-start;gap:10px;padding:10px 0;display:flex}.gen-row .g{border:2px solid var(--ink);background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.gen-row .body{flex:1;min-width:0}.gen-row .d{white-space:nowrap;font-weight:800}.friend-tag{background:var(--blue);color:#fff;vertical-align:2px;border-radius:5px;margin-left:4px;padding:0 5px;font-size:11px}.toast{left:50%;bottom:calc(28px + env(safe-area-inset-bottom));background:var(--ink);color:var(--paper);z-index:50;text-align:center;border-radius:999px;width:max-content;max-width:90vw;padding:10px 18px;font-weight:700;animation:2.2s both toast;position:fixed;transform:translate(-50%)}.notice{border:1.5px solid var(--mustard);background:#fff3d6;border-radius:12px;padding:10px 12px;font-size:14px}@keyframes slideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,6px)}15%{opacity:1}to{opacity:0;transform:translate(-50%,-26px)}}@keyframes fadeIn{0%{opacity:0}}@keyframes sheetUp{0%{opacity:0;transform:translateY(40px)}}@keyframes toast{0%{opacity:0;transform:translate(-50%,10px)}10%,85%{opacity:1;transform:translate(-50%)}to{opacity:0}}@keyframes sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(2deg)}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.sticky-cta{bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;position:sticky}@media (width>=640px){.app{max-width:640px;padding:20px 24px 32px}}@media (width>=960px){body{background:radial-gradient(circle at 15% 0%, #e6a93a1f, transparent 40%), radial-gradient(circle at 90% 100%, #d9533b14, transparent 45%), var(--bg);background-attachment:fixed}.app{max-width:1120px;padding:28px 40px 48px}.split{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:start;gap:32px;display:grid}.split>.side.sticky{position:sticky;top:24px}.final-split{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.kbd-hint{display:block}.sticky-cta{position:static}.home{text-align:left;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);grid-template-areas:"text scene""actions scene";align-content:center;gap:28px 56px;min-height:calc(100dvh - 76px);display:grid}.home-text{grid-area:text;align-self:end}.home-scene{grid-area:scene;align-self:center}.home-actions{flex-direction:column;grid-area:actions;align-self:start;gap:12px;max-width:380px;display:flex}.home-actions .link-btn{align-self:flex-start;padding-left:0}.home .title-logo{letter-spacing:-2px;font-size:72px}.home .title-sub{font-size:21px}.inherit-head h1{font-size:32px!important}.event-card{padding:24px}.event-card .ev-title{font-size:24px}.history{padding:28px}.history .nick{font-size:38px}.sheet-back{align-items:center;padding:24px}.sheet{border-bottom:2px solid var(--ink);border-radius:22px;max-width:600px;max-height:84dvh;padding:20px 24px 24px;animation:.22s ease-out both pop}.toast{bottom:36px}}@media (hover:hover) and (pointer:fine){.btn:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 5px #2b242040}.btn.secondary:not(:disabled):hover{filter:none;background:#fff}.choice:not(:disabled):hover{background:#fff9ec;transform:translateY(-1px);box-shadow:0 4px #2b242038}.btn:not(:disabled):hover:active,.choice:not(:disabled):hover:active{transform:translateY(2px);box-shadow:0 1px #2b242033}.radio:hover:not(.on){border-color:var(--ink2)}.stat:hover,.topbar .menu:hover,.tabs button:not(.on):hover{background:#fff}.link-btn:hover{color:var(--ink)}}.btn:focus-visible,.choice:focus-visible,.radio:focus-visible,.stat:focus-visible,.tabs button:focus-visible,.topbar .menu:focus-visible,.link-btn:focus-visible{outline:3px solid var(--mustard);outline-offset:2px}.new-dot{background:var(--red);vertical-align:top;border-radius:50%;width:8px;height:8px;margin-left:4px;display:inline-block}.update-note{border-bottom:1px dashed var(--line);padding:10px 0}.update-note ul{margin:6px 0 0;padding-left:18px}.update-note li{margin-top:4px}.title-links{flex-wrap:wrap;justify-content:center;display:flex}@media (width>=900px){.home-actions .title-links{justify-content:flex-start}.home-actions .title-links .link-btn:first-child{padding-left:0}}.bgm{display:inline-block;position:relative}.topbar .bgm{margin-left:auto}.topbar .bgm .menu,.topbar .bgm+.menu{margin-left:0}.topbar .menu.on{background:#fff6e3}.bgm-pop{z-index:15;background:var(--paper);border:2px solid var(--ink);text-align:left;border-radius:14px;flex-direction:column;gap:8px;width:240px;padding:12px;animation:.15s both fadeIn;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 6px #2b242026}.title-links .bgm-pop{left:50%;right:auto;transform:translate(-50%)}.bgm-title{font-weight:800}.bgm-vol{align-items:center;gap:8px;display:flex}.bgm-vol input{accent-color:var(--red);flex:1}.center>.bgm .bgm-pop{inset:auto auto calc(100% + 6px) 50%;transform:translate(-50%)}@media (width<=639px){.play .split,.play .split>.side{gap:8px}.play .album{gap:6px}.play .polaroid{text-align:left;grid-template-columns:26px 1fr;align-items:center;column-gap:5px;padding:3px 6px;display:grid;transform:none}.play .polaroid .face{background:0 0;grid-row:span 2;height:26px;margin:0}.play .polaroid .face svg{width:26px;height:26px}.play .polaroid b{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.play .scene svg{height:150px}.play .shelf{min-height:36px;padding:4px 8px}.play .shelf .it{height:26px;font-size:19px}}.save-warn{z-index:18;border:2px solid var(--red);color:var(--red);background:#fff1ec;border-radius:12px;margin:-4px 0 10px;padding:10px 12px;font-size:14px;font-weight:700;position:sticky;top:0}.new-badge{background:var(--red);color:#fff;vertical-align:2px;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;display:inline-block}.chip.fresh{border-color:var(--red)}.new-mark{color:var(--red);margin-left:4px;font-size:10px}.codex-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.codex-card{border:2px solid var(--ink);text-align:left;min-height:92px;font:inherit;color:inherit;cursor:pointer;background:#fff;border-radius:14px;flex-direction:column;gap:2px;padding:10px;display:flex}.codex-card.locked{border-style:dashed;border-color:var(--line);cursor:default;background:0 0}.codex-card .t{font-weight:800}.codex-card .n{color:var(--red);font-size:14px;font-weight:800}.ach-row{border-bottom:1px dashed var(--line);align-items:center;gap:10px;padding:8px 0;display:flex}.ach-row .ic{text-align:center;width:32px;font-size:24px}.ach-row.locked .ic{filter:grayscale();opacity:.4}.ach-row .body{flex:1;min-width:0}.past-row{border:none;border-bottom:1px dashed var(--line);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:10px 0;display:flex}.past-row .body{flex:1;min-width:0}