*{box-sizing:border-box}.cm-wrap{width:960px;max-width:960px;margin:0 auto;padding:22px 0 70px;font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#332d31}.cm-hero,.cm-tabs,.cm-head,.cm-card,.cm-pop,.cm-form,.cm-view,.cm-likebar{width:100%;max-width:100%;margin-left:0;margin-right:0}
.cm-hero{padding:24px;border:1px solid #eadfe3;border-radius:25px;background:linear-gradient(135deg,#fff9f4,#fff2f7 52%,#f6f2ff);position:relative}.cm-hero h1{font-size:25px;margin:6px 0}.cm-hero p{font-size:12px;color:#7f7278;margin:0}.cm-kicker{font-size:10px;font-weight:900;color:#a45e78}.cm-tabs{display:flex;gap:7px;overflow:auto;padding:14px 0 5px}.cm-tab{white-space:nowrap;padding:9px 13px;border:1px solid #eadfe3;border-radius:999px;background:#fff;color:#675a61;font-size:11px;text-decoration:none}.cm-tab.on{background:#43363d;color:#fff}.cm-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.cm-head h2{font-size:16px;margin:0}.cm-btn{
display:inline-flex;align-items:center;justify-content:center;gap:6px;
min-width:0;height:31px;padding:0 15px;
border:1px solid #eee9f3;border-radius:8px;
background:#fff;color:#3e3742;
box-shadow:0 2px 7px rgba(68,48,82,.08);
font-size:10.5px;font-weight:700;line-height:1;
text-decoration:none;cursor:pointer;
transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease
}
.cm-btn:hover{
transform:translateY(-1px);
border-color:#ddd0ec;
box-shadow:0 7px 17px rgba(68,48,82,.14)
}
.cm-btn:active{transform:translateY(0);box-shadow:0 3px 8px rgba(68,48,82,.09)}
.cm-btn.primary{
border-color:#8d55ea;
background:linear-gradient(135deg,#9c62f3,#7137df);
color:#fff;
box-shadow:0 3px 9px rgba(116,55,222,.18)
}
.cm-btn.primary:hover{
border-color:#7c43df;
box-shadow:0 9px 20px rgba(116,55,222,.30)
}.cm-card{background:#fff;border:1px solid #ece3e6;border-radius:18px;overflow:hidden}.cm-row{display:grid;grid-template-columns:1fr auto;gap:12px;padding:14px 16px;border-bottom:1px solid #f3edef;text-decoration:none;color:inherit}.cm-title{font-size:13px;font-weight:800;margin-bottom:6px}.cm-meta,.cm-stat{font-size:10px;color:#92858b}.cm-badge{display:inline-block;margin-right:6px;padding:3px 7px;border-radius:999px;background:#fff1f5;color:#a55e77;font-size:9px;font-weight:800}.cm-empty{text-align:center;padding:34px;color:#aaa;font-size:11px}.cm-pop{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.cm-pop a{padding:14px;border:1px solid #ece3e6;border-radius:16px;text-decoration:none;color:inherit}.cm-pop b{font-size:12px;display:block;margin-bottom:6px}.cm-form,.cm-view{background:#fff;border:1px solid #ece3e6;border-radius:20px;padding:18px}.cm-form label{display:block;font-size:11px;font-weight:800;margin:14px 0 6px}.cm-form input,.cm-form select,.cm-form textarea{width:100%;border:1px solid #e5dadd;border-radius:12px;padding:11px 12px;font:inherit;font-size:12px}.cm-form textarea{min-height:250px}.cm-view h1{font-size:21px}.cm-content{font-size:13px;line-height:1.85;white-space:pre-wrap;margin-top:20px}.cm-image{max-width:100%;border-radius:16px;margin-top:16px}.cm-likebar{text-align:center;margin:20px}.cm-like{border:1px solid #eadfe3;background:#fff;border-radius:999px;padding:10px 15px;margin:0 4px;cursor:pointer}.cm-like.on{background:#fff0f4;color:#b24c70}.cm-comment{padding:13px 0;border-bottom:1px solid #f1eaed}.cm-comment.reply{margin-left:34px;padding-left:12px;border-left:2px solid #f0e3e8}.cm-comment-head{font-size:10px;color:#94878d}.cm-comment-body{font-size:12px;line-height:1.65;white-space:pre-wrap}.cm-mini{border:0;background:none;color:#9a6b7c;font-size:9px;cursor:pointer}@media(max-width:960px){.cm-wrap{width:100%;max-width:100%;padding:12px 10px 45px}.cm-hero{padding:19px}.cm-pop{grid-template-columns:1fr}.cm-row{grid-template-columns:1fr}.cm-view h1{font-size:19px}}
.cm-hero-symbol{position:absolute;right:34px;top:17px;font-size:72px;line-height:1;opacity:.12;pointer-events:none}.cm-hero h1,.cm-hero p,.cm-kicker{position:relative;z-index:1}@media(max-width:600px){.cm-hero-symbol{right:18px;top:18px;font-size:54px}.cm-hero h1{padding-right:44px}}


.cm-head>div{display:flex;align-items:center;gap:8px}
.cm-head .cm-btn+.cm-btn{margin-left:0!important}
.cm-head button.cm-btn:not(.primary):focus,
.cm-head button.cm-btn:not(.primary).active{
background:#f4edff;border-color:#e3d5fa;color:#7137df;
box-shadow:0 5px 13px rgba(113,55,223,.12)
}
.cm-btn.danger{color:#d63a45;background:#fff;border-color:#f3dfe2}
.cm-btn.danger:hover{background:#fff7f8;border-color:#efcbd0}
@media(max-width:600px){
 .cm-btn{height:30px;min-width:0;padding:0 13px;font-size:10px;border-radius:8px}
 .cm-head{gap:8px}
 .cm-head>div{gap:6px}
}