:root{--ink:#3b2b2b;--bg:#fff7f0;--card:#fff;--acc:#ff7a59;--acc2:#ffb199;--mut:#7a6258;--line:#3b2b2b}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:Jua,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:17px;line-height:1.55}
.top{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;max-width:560px;margin:0 auto}
.logo{font-family:"Black Han Sans",Jua,sans-serif;font-size:22px;color:var(--ink);text-decoration:none}
.zl{font-size:14px;color:var(--mut);text-decoration:none}
main{max-width:560px;margin:0 auto;padding:4px 16px 24px}
h1,h2,h3{font-family:"Black Han Sans",Jua,sans-serif;font-weight:400;margin:.3em 0}
h1{font-size:34px;line-height:1.2}h2{font-size:24px}h3{font-size:19px}
p{margin:.5em 0}.mut{color:var(--mut)}.small{font-size:13px;color:var(--mut)}.c{text-align:center}
.btn{display:block;width:100%;border:4px solid var(--line);background:var(--acc);color:#fff;font-family:"Black Han Sans",Jua,sans-serif;font-size:20px;padding:14px 16px;border-radius:18px;cursor:pointer;text-align:center;text-decoration:none;box-shadow:0 5px 0 var(--line);margin:14px 0 10px}
.btn:active{transform:translateY(3px);box-shadow:0 2px 0 var(--line)}
.btn.alt{background:#fff;color:var(--ink)}.btn.sm{font-size:16px;padding:10px 12px;margin:8px 0}.btn[disabled]{opacity:.45}
.btn.kk{background:#fee500;color:#3b2b2b}
.card{background:var(--card);border:4px solid var(--line);border-radius:24px;padding:16px;margin:14px 0}
.card.soft{background:#fffdf9;border-width:3px}
.hero{text-align:center;padding-top:8px}
.hero .row{display:flex;justify-content:center;gap:0;margin:6px -6px}.hero .row>div{width:30%}
.zoo-ch{display:block;width:100%;height:auto}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0}
.chip{border:3px solid var(--line);background:#fff;border-radius:999px;padding:6px 14px;font-size:16px;cursor:pointer;user-select:none}
.chip.on{background:var(--acc);color:#fff}
.chip.tag{cursor:default;padding:2px 10px;font-size:14px;background:#fff1e6}
label.f{display:block;margin:14px 0 4px;font-family:"Black Han Sans",Jua,sans-serif;font-size:18px}
select,input[type=email],input[type=text]{width:100%;font-family:inherit;font-size:17px;padding:10px;border:3px solid var(--line);border-radius:14px;background:#fff;color:var(--ink)}
.grid3{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.bar{height:12px;border:3px solid var(--line);border-radius:999px;background:#fff;overflow:hidden;margin:10px 0}.bar>i{display:block;height:100%;background:var(--acc)}
.q{margin:16px 0}.q .t{font-size:19px;margin-bottom:8px}
.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.scale button{border:3px solid var(--line);background:#fff;border-radius:14px;padding:12px 0;font-family:"Black Han Sans",Jua,sans-serif;font-size:18px;cursor:pointer}
.scale button.on{background:var(--acc);color:#fff}
.sl{display:flex;justify-content:space-between;font-size:12px;color:var(--mut);margin-top:3px}
.chcard{position:relative;border:5px solid var(--line);border-radius:30px;overflow:hidden;padding:10px 10px 14px;text-align:center}
.chcard .stage{position:relative}.chcard .nick{font-family:"Black Han Sans",Jua,sans-serif;font-size:26px;margin-top:2px}
.chcard .ko{font-size:18px;color:var(--mut)}
.chcard .stamp{position:absolute;left:12px;bottom:60px;width:48px;height:48px;border-radius:50%;background:#fff;border:4px solid var(--line);font-family:"Black Han Sans",serif;font-size:26px;line-height:42px;text-align:center}
.chcard .hm{position:absolute;right:12px;top:12px;width:48px;height:48px;background:#fff;border:4px solid var(--line);border-radius:14px;display:flex;align-items:center;justify-content:center}
.chcard .bgp{position:absolute;inset:0;opacity:.5;pointer-events:none}
.pair{display:flex;align-items:flex-end;justify-content:center;gap:0;position:relative}.pair>div{width:50%;position:relative}
.pair .x{position:absolute;left:50%;top:38%;transform:translateX(-50%);font-family:"Black Han Sans";font-size:40px;color:var(--acc);z-index:2}
.sit{border:3px solid var(--line);border-radius:18px;padding:12px;margin:10px 0;background:#fffdf9}
.sit .h{font-family:"Black Han Sans",Jua,sans-serif;font-size:16px;color:var(--acc);margin-bottom:4px}
.sit .t{font-size:18px}.sit .a{margin-top:4px}.sit .b{margin-top:4px;font-size:14px;color:var(--mut)}
.sit.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sit.two>div{background:#fff;border:2px dashed #d9c7ba;border-radius:12px;padding:8px}
.lockbox{position:relative}.lockbox .blur{filter:blur(6px);user-select:none;pointer-events:none}
.lockbox .ov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px}
.sentence{border-left:8px solid var(--acc);background:#fff;padding:10px 12px;border-radius:10px;font-size:20px;margin:8px 0}
.note{font-size:14px;color:var(--mut)}
.warn{border:3px solid #d7263d;border-radius:16px;padding:12px;background:#fff0f0}
.share{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.foot{max-width:560px;margin:0 auto;padding:10px 16px 40px;font-size:13px;color:var(--mut)}
.toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 18px;border-radius:999px;font-size:15px;z-index:99}
.pick4{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pick4>div{border:3px solid var(--line);border-radius:14px;padding:4px;text-align:center;font-size:13px;background:#fff;cursor:pointer}.pick4>div.on{background:var(--acc2)}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.gal a{text-decoration:none;color:var(--ink);text-align:center;font-size:12px;display:block;border:2px solid #ead7c9;border-radius:12px;background:#fff;padding:2px}
.chk{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-size:14px}.chk input{margin-top:5px;width:20px;height:20px}
.mission{background:#fff;border:3px dashed var(--acc);border-radius:14px;padding:8px 12px;margin:8px 0}
details summary{cursor:pointer}
@media print{.noprint,.btn,.share,.foot{display:none!important}body{background:#fff}.card{break-inside:avoid}}

a{color:#d9482a}.hero a,.foot a{color:inherit}
.lockbox{min-height:190px}

body{word-break:keep-all;overflow-wrap:break-word}.btn{word-break:keep-all}
.chk input{flex:none;width:20px;height:20px;min-width:20px}
.lockbox{min-height:0}.lockbox .bars{filter:blur(5px);opacity:.7;user-select:none}.lockbox .sk{border:3px solid #e6d8cc;border-radius:16px;padding:12px;margin:8px 0;background:#fffdf9}.lockbox .sk i{display:block;height:12px;border-radius:6px;background:#d9c7ba;margin:8px 0}.lockbox .lk{text-align:center;padding:6px 4px}
.safe-top{margin-top:14px}

body{text-wrap:pretty}