@import"https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@500;700;900&display=swap";:root{color-scheme:light dark;--ink: #1a1a1f;--ink-2: #55555e;--muted: #8e8e98;--paper: #f4f4f5;--card: #ffffff;--line: #e3e3e7;--accent: #ff3d6e;--accent-ink: #ffffff;--hit: #0b8f66;--hit-soft: #e8f6f1;--edge: #1a1a1f;--drop: #1a1a1f;--r: 18px;--pad: 18px}@media(prefers-color-scheme:dark){:root{--ink: #f2f2f4;--ink-2: #c2c2c9;--muted: #8b8b95;--paper: #111113;--card: #1d1d21;--line: #303036;--accent: #ff5c84;--accent-ink: #1a0a10;--hit: #35d6a4;--hit-soft: #10312a;--edge: #f3f0ff;--drop: #07051a}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.6;word-break:keep-all;overflow-wrap:break-word;overflow-x:hidden;-webkit-text-size-adjust:100%}#app{min-height:100dvh;display:flex;flex-direction:column;max-width:460px;margin:0 auto;padding:var(--pad)}#view{flex:1;display:flex;flex-direction:column;gap:16px;min-width:0}#ad{margin-top:28px;padding:13px 0 calc(13px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);min-height:50px;display:flex;align-items:center;justify-content:center}#ad[hidden]{display:none}.display{font-family:"Noto Serif KR",Nanum Myeongjo,serif;font-weight:700;letter-spacing:-.01em;line-height:1.2}h1{font-family:"Noto Serif KR",Nanum Myeongjo,serif;font-weight:700;font-size:34px;line-height:1.15;letter-spacing:-.01em;margin:0;text-wrap:balance}h2{font-size:19px;line-height:1.35;letter-spacing:-.02em;margin:0;font-weight:700}p{margin:0}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.mark{background:linear-gradient(transparent 58%,color-mix(in srgb,var(--accent) 32%,transparent) 58%,color-mix(in srgb,var(--accent) 32%,transparent) 92%,transparent 92%);padding:0 2px}.dots{display:flex;gap:6px;margin-top:12px}.dots i{flex:1;height:4px;border-radius:999px;background:var(--line)}.dots i.on{background:var(--ink-2)}.dots i.now{background:var(--accent)}.bar{display:flex;justify-content:space-between;align-items:baseline}.q{font-family:"Noto Serif KR",Nanum Myeongjo,serif;font-weight:700;font-size:26px;line-height:1.25;letter-spacing:-.01em;margin:0;text-wrap:balance}.q.sm{font-size:20px}.card{background:var(--card);border:1.5px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px #0000000a,0 10px 24px -18px #00000059;padding:18px}button,.btn{min-height:54px;width:100%;border:0;border-radius:var(--r);background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:800;font-size:17px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 16px -8px color-mix(in srgb,var(--accent) 70%,transparent);transition:transform .07s ease,box-shadow .07s ease,opacity .12s ease}button:active,.btn:active{transform:translateY(2px);box-shadow:0 2px 8px -6px color-mix(in srgb,var(--accent) 70%,transparent)}button:disabled{opacity:.35;transform:none;box-shadow:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:2px}button.ghost{background:var(--card);color:var(--ink);border:1.5px solid var(--line);box-shadow:none}button.pick{min-height:46px;width:auto;padding:0 15px;font-size:15px;font-weight:700;background:var(--card);color:var(--ink);border:1.5px solid var(--line);border-radius:999px;box-shadow:none}button.pick:active{transform:translateY(2px)}button.pick[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}input,textarea{width:100%;font:inherit;font-size:16px;padding:13px;border:1.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink)}textarea{resize:none;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--muted)}input:focus,textarea:focus{outline:3px solid var(--accent);outline-offset:1px;background:var(--card)}.link{margin-top:10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:16px;padding:11px 12px;color:var(--ink-2);border-width:2px;text-overflow:ellipsis}.bottom{margin-top:auto;padding-top:8px;padding-bottom:env(safe-area-inset-bottom,0)}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700;font-size:38px;letter-spacing:.14em;text-align:center;line-height:1.1}.face.me .face-o{border-color:var(--accent);color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip.on{background:var(--ink);color:var(--paper)}button.pick.wide{flex:1;min-height:54px;font-size:17px}.reveal.hit{border-color:var(--accent)}.tag.hit{background:var(--accent);color:var(--accent-ink)}.tag.self{background:var(--ink);color:var(--paper)}.who{font-family:"Noto Serif KR",Nanum Myeongjo,serif;font-weight:700;margin:14px 0 0;font-size:32px;line-height:1.1;letter-spacing:-.01em}.ring .edge.hit{stroke:var(--accent)}.ring .head.hit{fill:var(--accent)}.ring .node.on circle{fill:var(--ink)}.ring .node.off circle{fill:var(--card);stroke-dasharray:4 4;opacity:.75}.ring .node.me circle{stroke:var(--accent);stroke-width:4.5;stroke-dasharray:none}.ring .node.me text{font-size:13px}.ring .node.off text{fill:var(--muted)}.hero{display:block;width:100%;height:auto;border-radius:var(--r)}.mark-foot{margin-top:16px;text-align:center;font-size:11px;font-weight:600;letter-spacing:.02em;color:var(--muted);opacity:.8}.steps{list-style:none;counter-reset:s;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.steps li{counter-increment:s;display:flex;align-items:center;gap:11px;font-size:15px;font-weight:600;color:var(--ink-2)}.steps li:before{content:counter(s);flex:none;width:28px;height:28px;border:1.5px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);font-size:14px;font-weight:800;display:grid;place-items:center}.promo{display:block;text-decoration:none;color:var(--paper);background:var(--ink);border:1.5px solid var(--line);border-radius:var(--r);box-shadow:0 1px 2px #0000000a,0 10px 24px -18px #00000059;padding:3px;overflow:hidden;transition:transform .07s ease}.promo:active{transform:translateY(2px)}.gap-name{font-weight:900;margin-top:12px;font-size:38px;line-height:1.2;text-wrap:balance}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px;text-align:center}.two-cap{font-size:12px;font-weight:800;letter-spacing:.03em;color:var(--muted)}.two-name{margin-top:6px;text-wrap:balance;font-family:"Noto Serif KR",Nanum Myeongjo,serif;font-weight:700;font-size:21px;line-height:1.2}.two-name.hit{color:var(--accent)}.kind-art{display:block;width:76px;height:76px;margin:8px auto 2px;border-radius:16px}.two-sub{margin-top:6px;font-size:12px;font-weight:600;color:var(--muted);line-height:1.45;text-wrap:balance}.rule{border:0;border-top:1.5px dashed var(--line);margin:14px 0}.says{list-style:none;padding:0;margin:14px 0 0}.say{position:relative;padding:15px 0;border-top:1.5px dashed var(--line)}.say:first-child{border-top:0;padding-top:4px}.say-me{margin:0;font-size:14px;font-weight:700;color:var(--muted)}.say-me b{font-size:19px;font-weight:900;color:var(--ink-2)}.say-them{margin:3px 0 0;font-size:15px;font-weight:800;color:var(--accent);line-height:1.3}.say-them b{font-size:29px;font-weight:900;letter-spacing:-.01em}.say-note{margin:5px 0 0;font-size:12px;color:var(--muted);line-height:1.45}.say.hit .say-me,.say.hit .say-them{color:var(--hit)}.say-seal{float:right;margin-left:8px;padding:3px 9px;border-radius:999px;background:var(--hit-soft);color:var(--hit);font-size:11px;font-weight:900}.say.wait .say-me b{color:var(--muted)}.say-cnt{color:var(--hit);font-weight:900}.pin.self{background:var(--card);border:2.5px solid var(--ink-2)}.pin.them{background:var(--accent)}.promo-img{display:block;width:100%;border-radius:calc(var(--r) - 3px)}.rail{display:none;position:fixed;top:50%;transform:translateY(-50%);width:160px;min-height:600px}@media(min-width:1100px){.rail:not([hidden]){display:block}.rail#rail-l{left:calc(50% - 420px)}.rail#rail-r{right:calc(50% - 420px)}}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}#view.enter>*{animation:rise .34s cubic-bezier(.22,.8,.3,1) both}#view.enter>*:nth-child(2){animation-delay:.05s}#view.enter>*:nth-child(3){animation-delay:.1s}#view.enter>*:nth-child(4){animation-delay:.15s}#view.enter>*:nth-child(n+5){animation-delay:.2s}#view.step .card{animation:rise .2s cubic-bezier(.22,.8,.3,1) both}#view.step .card:nth-of-type(2){animation-delay:.04s}#view.enter .gap-name{animation:rise .5s .18s cubic-bezier(.22,.8,.3,1) both}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}#view.enter .axis-gap{transform-origin:left center;animation:grow .55s .3s cubic-bezier(.22,.8,.3,1) both}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}#view.enter .pin{animation:pop .4s .45s cubic-bezier(.3,1.4,.5,1) both}.dots3{display:inline-flex;gap:3px;margin-left:5px;vertical-align:middle}.dots3 i{width:4px;height:4px;border-radius:999px;background:var(--muted);animation:bounce 1.1s infinite ease-in-out}.dots3 i:nth-child(2){animation-delay:.15s}.dots3 i:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:none;opacity:.45}30%{transform:translateY(-4px);opacity:1}}@keyframes breathe{0%,to{opacity:1}50%{opacity:.55}}.ring .node.on circle{animation:breathe 2.6s infinite ease-in-out}button.pick.popped{animation:pop .26s cubic-bezier(.3,1.5,.5,1)}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}#save-box{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:color-mix(in srgb,var(--ink) 82%,transparent);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}.save-in{width:min(100%,420px);text-align:center}.save-tip{font-size:15px;font-weight:800;color:var(--paper);margin-bottom:10px}.save-img{display:block;width:100%;border-radius:12px;-webkit-touch-callout:default;-webkit-user-select:auto;user-select:auto}.save-x{margin-top:12px;width:100%}.seen{list-style:none;padding:0;margin:10px 0 0}.seen-row{padding:12px 0;border-top:1px solid var(--line)}.seen-row:first-child{border-top:0}.seen-q{font-size:15px;line-height:1.45;color:var(--ink)}.seen-vs{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;margin-top:8px;align-items:start}.seen-col{min-width:0}.seen-cap{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.seen-col b{font-size:15px;font-weight:700}.more{margin-top:14px}.more summary{cursor:pointer;font-size:14px;color:var(--muted);padding:6px 0}.more summary::marker{color:var(--line)}.mix{list-style:none;padding:0;margin:14px 0 0;display:flex;flex-direction:column;gap:14px}.mix-row{display:flex;align-items:center;gap:13px}.mix-ring{position:relative;flex:none;width:52px;height:52px;border-radius:50%;border:2px solid var(--edge);display:grid;place-items:center;background:conic-gradient(var(--ink-2) calc(var(--p) * 1%),var(--line) 0)}.mix-row.top .mix-ring{background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--line) 0)}.mix-ring:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;border-radius:50%;background:var(--card)}.mix-pct{position:relative;z-index:1;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}.mix-who{min-width:0;display:flex;flex-direction:column}.mix-name{font-weight:800;font-size:17px;line-height:1.25}.mix-row.top .mix-name{color:var(--accent)}.mix-line{margin-top:2px;font-size:12px;color:var(--muted);line-height:1.45}.kin{list-style:none;padding:0;margin:10px 0 0}.kin li{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.kin li:first-child{border-top:0}.kin-name{font-weight:700}.kin-kind{color:var(--ink-2)}.mine-again{border-color:var(--accent)}