:root{--ink:#1A2332;--ink2:#5D6875;--ink3:#8a94a6;--line:#E3E7EC;--sub:#F4F6F8;--brand:#E8547A;--brand2:#C93966}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,"Apple SD Gothic Neo","Malgun Gothic","Noto Sans KR",sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}
main{max-width:760px;margin:0 auto;padding:16px 16px 56px}
a{color:var(--brand2)}
.top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding-bottom:12px;border-bottom:1px solid var(--line);font-size:13.5px}
.top a{color:var(--ink2);text-decoration:none}
.top .brand{display:flex;align-items:center;gap:8px;font-weight:800;font-size:17px;color:var(--ink);margin-right:auto}
.brand i{width:12px;height:12px;border-radius:50%;background:var(--brand)}
.crumb{font-size:13px;color:var(--ink3);margin:16px 0 4px}
.crumb a{color:var(--ink2)}
h1{font-size:25px;line-height:1.3;margin:0 0 6px;letter-spacing:-.01em}
h1 span{font-weight:500;color:var(--ink2);font-size:.75em}
h2{font-size:17px;margin:30px 0 8px}
.brief{color:var(--ink2);margin:0 0 14px;font-size:14px}
.cta{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:8px;background:var(--ink);color:#fff;text-decoration:none;font-weight:700;font-size:14px}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{border-bottom:1px solid var(--line);padding:8px 6px;text-align:right;vertical-align:top;font-variant-numeric:tabular-nums}
th:first-child,td:first-child{text-align:left}
th{color:var(--ink2);font-weight:600;font-size:13px}
table.sum th:first-child{color:var(--ink);font-weight:700}
small{display:block;color:var(--ink3);font-size:11.5px;font-weight:400}
.tag{display:inline-block;margin-left:5px;padding:0 5px;border:1px solid var(--line);border-radius:3px;font-size:11px;color:var(--ink2)}
tr.void td{color:var(--ink3);text-decoration:line-through}
.row{margin:4px 0;background:var(--sub);border-radius:8px;padding:9px 12px}
.row b{margin-right:6px}
.note{font-size:12.5px;color:var(--ink3);margin:8px 0}
.empty{color:var(--ink2);background:var(--sub);border-radius:8px;padding:10px 12px}
.list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:2px 16px}
.list li{padding:6px 0;border-bottom:1px solid var(--line)}
.list li small{display:inline;margin-left:6px}
footer{margin-top:36px;padding-top:14px;border-top:1px solid var(--line);font-size:12px;color:var(--ink3)}
@media (max-width:560px){h1{font-size:22px}table{font-size:13px}th,td{padding:7px 3px}}
.sub{border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin:10px 0}
.sub.done{opacity:.72}
.sub h3{margin:2px 0;font-size:16px}
.sub p{margin:3px 0;font-size:13.5px}
.sub .st{font-weight:700;color:var(--brand2);font-size:13px}
.sub.done .st{color:var(--ink3)}
.sub .st span{margin-left:8px;font-weight:500;color:var(--ink3)}
.sub a{font-size:13px}
h2 small{display:inline;margin-left:6px;font-size:12px}
.cta.ghost{background:#fff;color:var(--ink);border:1px solid var(--line);margin:6px 0 0 6px}
.av{flex:none;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:#fff;font-weight:800;font-size:15px}
.story{margin:18px 0}
.nar{margin:14px 0;color:var(--ink)}
.say{display:flex;gap:10px;align-items:flex-start;margin:12px 0}
.say b{font-size:13px;color:var(--ink2)}
.say p{margin:3px 0 0;background:var(--sub);border-radius:4px 14px 14px 14px;padding:9px 13px;display:inline-block}
.say.think p{background:#fff;border:1px dashed var(--line);color:var(--ink2);font-style:italic}
.dcard{border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:8px;padding:12px 14px;margin:14px 0 14px 48px;font-size:13.5px}
.dcard small{color:var(--ink2);font-size:12.5px}
.dcard b{display:block;font-size:24px;letter-spacing:-.01em;margin:2px 0 4px;font-variant-numeric:tabular-nums}
.home{margin:16px 0}.home img{width:100%;height:auto;border-radius:10px;display:block;background:var(--sub)}
.home figcaption{font-size:13px;color:var(--ink2);margin-top:6px}
.nextep{background:var(--sub);border-radius:10px;padding:12px 14px;margin-top:22px}
.nextep small{display:inline;color:var(--ink3)}
.epnav{text-align:center;margin-top:18px}
.pick{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:16px 0}
.pick p{margin:0 0 8px;font-weight:700}
.pick a{display:inline-flex;align-items:center;gap:8px;margin:0 8px 8px 0;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-size:14px}
.pick a:hover{border-color:var(--ink3)}.pick .av{width:28px;height:28px;font-size:12px}
.ep{display:block;border:1px solid var(--line);border-radius:10px;padding:11px 14px;margin:8px 0;text-decoration:none;color:var(--ink)}
.ep b{display:block;font-size:16px}.ep span{font-size:13px;color:var(--ink2)}
.cast{display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}
.cast small{display:inline;margin-left:4px}.cast p{margin:4px 0;font-size:14px}
.cast .st{background:var(--sub);border-radius:8px;padding:7px 10px}.cast .tools,.cast .apps{font-size:13px}
.tl{overflow-x:auto}.tl table,.then{font-size:13px}.tl td,.tl th,.then td,.then th{text-align:left}.tl td{min-width:130px}
.storyhook{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:16px 0 4px;text-decoration:none;color:var(--ink);font-size:13.5px}
.storyhook:hover{border-color:var(--brand)}.storyhook small{color:var(--brand2);font-weight:700}.storyhook b{display:block;font-size:15px}
.storyhook em{display:block;font-style:normal;color:var(--brand2);margin-top:3px}
@media (max-width:560px){.dcard{margin-left:0}.say p{padding:8px 11px}}
.vote{border:2px solid var(--brand);border-radius:12px;padding:14px;margin:22px 0 8px}
.vote b{display:block;margin-bottom:10px}
.vote .opts{display:grid;gap:8px}
.vote button{position:relative;overflow:hidden;text-align:left;font:inherit;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer;color:var(--ink)}
.vote button:hover:not(:disabled){border-color:var(--brand)}
.vote button:disabled{cursor:default}
.vote button:disabled::before{content:"";position:absolute;inset:0;width:var(--p,0);background:rgba(232,84,122,.12)}
.vote button:disabled::after{content:attr(data-pct);position:absolute;right:12px;top:11px;font-weight:700;color:var(--ink2)}
.vote button.mine{border-color:var(--brand);font-weight:700}
.vote .vres{margin:8px 0 2px;font-size:13px;color:var(--ink2)}
.vote small{color:var(--ink3);font-size:11.5px}
.then-form{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0 8px}
.then-form label{display:flex;flex-direction:column;font-size:12.5px;color:var(--ink2);gap:4px}
.then-form select{font:inherit;font-size:15px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;min-width:130px;color:var(--ink)}
.then-quick button{font:inherit;font-size:13px;margin:0 6px 6px 0;padding:6px 12px;border:1px solid var(--line);border-radius:999px;background:#fff;cursor:pointer}
.then-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.then-cards div{background:var(--sub);border-radius:10px;padding:10px 12px}
.then-cards b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.then-cards span{font-size:13px;color:var(--ink2)}
.then-cards .up b{color:#C93966}.then-cards .down b{color:#2563EB}
.then-chart{width:100%;height:auto;margin:6px 0}
.then-chart .g{stroke:var(--line)}.then-chart .t{font-size:11px;fill:var(--ink3);text-anchor:middle}.then-chart .t.l{text-anchor:start}
.then-chart .ln{fill:none;stroke:var(--ink);stroke-width:2}.then-chart .p{fill:#fff;stroke:var(--brand);stroke-width:3}.then-chart .n{fill:var(--brand)}
@media (max-width:560px){.then-cards{grid-template-columns:1fr 1fr}.then-cards b{font-size:17px}}