:root{--cc-black:#111;--cc-line:#dedede;--cc-soft:#f5f5f5;--cc-muted:#777;--cc-white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.ccore-app{margin:0!important;background:#fff!important;color:#111;font-family:Pretendard,"Noto Sans KR",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.ccore-app a{text-decoration:none;color:inherit}body.ccore-app button,body.ccore-app input,body.ccore-app textarea,body.ccore-app select{font:inherit}
.cc-wrap{max-width:1220px;margin:auto;padding:0 24px}.cc-narrow{max-width:930px}.cc-livebar{height:34px;background:#000;color:#fff;font-size:12px}.cc-livebar .cc-wrap{height:34px;display:flex;align-items:center;justify-content:space-between}.cc-livebar b{margin-right:7px}.cc-livebar a{color:#fff}.cc-live-links{display:flex;gap:8px;align-items:center;color:#bbb}
.cc-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.98);backdrop-filter:blur(12px);border-bottom:1px solid var(--cc-line)}.admin-bar .cc-header{top:32px}.cc-header-row{height:72px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center}.cc-brand{display:flex;align-items:center;gap:11px}.cc-brand i,.cc-auth-logo{width:34px;height:34px;display:grid;place-items:center;background:#111;color:#fff;font-style:normal;font-weight:900;font-size:12px}.cc-brand strong{font-size:18px}.cc-desktop-nav{display:flex;gap:25px;font-size:14px;font-weight:850}.cc-desktop-nav a{height:72px;display:flex;align-items:center;border-bottom:3px solid transparent}.cc-desktop-nav a.is-active{border-bottom-color:#111}.cc-header-actions{display:flex;align-items:center;gap:8px}.cc-icon{width:40px;height:40px;border:0;background:#f4f4f4;display:grid;place-items:center;font-size:17px;cursor:pointer}.cc-login,.cc-join{height:40px;border:1px solid #111;padding:0 14px;font-weight:900;cursor:pointer}.cc-login{background:#111;color:#fff!important}.cc-join{background:#fff;color:#111}.cc-visitors{min-width:190px;margin-left:7px;padding:8px 12px;border:1px solid #d8d8d8;border-left:4px solid #111;line-height:1}.cc-visitors small{display:block;font-size:9px;font-weight:900;color:#888}.cc-visitors b{display:inline-block;margin-top:5px;font-size:21px}.cc-visitors span{margin-left:5px;font-size:10px;color:#888}
.cc-main{min-height:calc(100vh - 106px);padding-bottom:105px}.cc-main.cc-loading{opacity:.55;pointer-events:none;transition:opacity .12s ease}.cc-section-head,.cc-page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px}.cc-section-head{margin-bottom:14px}.cc-section-head small,.cc-page-head small{font-size:10px;letter-spacing:.06em;font-weight:900;color:#888}.cc-section-head h2{margin:4px 0 0;font-size:26px}.cc-section-head p,.cc-page-head p{margin:5px 0 0;color:#777;font-size:12px}.cc-section-head>a{font-size:12px;font-weight:900}
.cc-home-guarantee{padding:18px 0 8px}.cc-g-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cc-g-grid article{min-width:0;border:1px solid var(--cc-line);padding:15px;display:flex;flex-direction:column;gap:10px;background:#fff}.cc-g-top{display:flex;align-items:center;justify-content:space-between}.cc-g-top b{font-size:18px}.cc-g-top span{background:#111;color:#fff;font-size:10px;font-weight:900;padding:5px 8px}.cc-chips{display:flex;flex-wrap:wrap;gap:5px}.cc-chips i{font-style:normal;font-size:9px;color:#666;border:1px solid #ddd;padding:5px}.cc-g-grid p{margin:0;font-size:11px;line-height:1.55;color:#666;min-height:52px}.cc-g-grid article>a{margin-top:auto;padding:10px;background:#111;color:#fff;text-align:center;font-size:12px;font-weight:900}
.cc-home-live{padding:18px 0}.cc-live-box{border:1px solid var(--cc-line);border-top:4px solid #111}.cc-live-title{padding:18px 20px;border-bottom:1px solid var(--cc-line);display:flex;align-items:flex-start;justify-content:space-between}.cc-live-title small{font-size:10px;color:#888;font-weight:900}.cc-live-title h1{font-size:25px;line-height:1.3;margin:5px 0 0}.cc-live-title>span{font-size:11px;font-weight:900}.cc-live-title>span i{display:inline-block;width:7px;height:7px;background:#111;margin-right:7px}.cc-live-grid{display:grid;grid-template-columns:1.35fr .65fr}.cc-hot-list{padding:10px 20px 14px}.cc-hot-list>a{display:grid;grid-template-columns:30px 1fr auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid #e7e7e7}.cc-hot-list em,.cc-mini-card>a em{font-style:normal;width:27px;height:27px;background:#eee;display:grid;place-items:center;font-size:11px;font-weight:900}.cc-hot-list>a:first-child em{background:#111;color:#fff}.cc-hot-list b{font-size:14px}.cc-hot-list small{display:block;font-size:10px;color:#999;margin-top:3px}.cc-hot-list>a>span{font-size:10px;color:#777}.cc-talk{background:#111;color:#fff;padding:21px;display:flex;flex-direction:column}.cc-talk>small{font-size:10px;color:#aaa;font-weight:900}.cc-talk h2{font-size:21px;line-height:1.35;margin:7px 0 15px}.cc-talk button{background:#1a1a1a;border:1px solid #444;color:#fff;text-align:left;padding:10px;margin-bottom:6px}.cc-talk>a{margin-top:auto;background:#fff;color:#111;text-align:center;padding:10px;font-size:12px;font-weight:900}
.cc-event-strip-wrap{padding-bottom:22px}.cc-event-strip{border:1px solid var(--cc-line);border-top:4px solid #111;padding:16px 18px;display:grid;grid-template-columns:1fr .35fr .4fr;gap:18px;align-items:center}.cc-event-strip small{font-size:9px;color:#888;font-weight:900}.cc-event-strip h2{font-size:20px;margin:4px 0}.cc-event-strip p{font-size:11px;color:#777;margin:0}.cc-event-stat b{display:block;font-size:20px}.cc-event-stat span{font-size:9px;color:#888}.cc-event-strip>a{background:#111;color:#fff;text-align:center;padding:11px;font-size:12px;font-weight:900}
.cc-home-community{padding:22px 0}.cc-board-menu{display:grid;grid-template-columns:repeat(6,1fr);border:1px solid var(--cc-line);margin:14px 0}.cc-board-menu a{text-align:center;padding:12px 6px;border-right:1px solid #e4e4e4;font-size:12px;font-weight:850}.cc-board-menu a:last-child{border-right:0}.cc-board-menu a.is-active{background:#111;color:#fff}.cc-home-feed-grid{display:grid;grid-template-columns:1fr 270px;gap:18px}.cc-feed-card,.cc-mini-card,.cc-board-main,.cc-board-side>section{border:1px solid var(--cc-line);background:#fff}.cc-feed-tabs,.cc-board-toolbar>div,.cc-popular-tabs{display:flex;gap:4px;padding:8px;border-bottom:1px solid var(--cc-line)}.cc-feed-tabs>*,.cc-board-toolbar>div>*,.cc-popular-tabs>*{padding:8px 10px;font-size:11px}.cc-feed-tabs b,.cc-board-toolbar>div>b,.cc-popular-tabs b{background:#111;color:#fff}.cc-feed-row{display:grid;grid-template-columns:1fr 54px;gap:12px;align-items:center;padding:15px;border-bottom:1px solid #e7e7e7}.cc-feed-row:last-child{border-bottom:0}.cc-meta{display:flex;align-items:center;gap:6px}.cc-meta span{font-size:9px;border:1px solid #ddd;padding:3px 5px}.cc-meta i{font-style:normal;font-size:8px;background:#111;color:#fff;padding:3px 5px}.cc-meta em{font-style:normal;font-size:9px;color:#999}.cc-feed-row strong{display:block;font-size:13px;margin-top:5px}.cc-feed-row>div>small{display:block;font-size:9px;color:#999;margin-top:6px}.cc-feed-row>b{text-align:center;font-size:17px}.cc-feed-row>b small{display:block;font-size:8px;color:#999}.cc-home-side{display:grid;gap:12px;align-content:start}.cc-mini-card{padding:15px}.cc-mini-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.cc-mini-title b{font-size:13px}.cc-mini-title a{font-size:9px;color:#777}.cc-mini-card>a{display:grid;grid-template-columns:27px 1fr;gap:7px;align-items:start;margin-bottom:10px}.cc-mini-card>a span{font-size:10px;font-weight:800;line-height:1.35}.cc-mini-card>a small{display:block;color:#999;font-weight:400;margin-top:2px}.cc-starter b{font-size:10px}.cc-starter p{font-size:10px;color:#777;line-height:1.55;margin-bottom:0}
.cc-home-guide{padding:28px 0}.cc-guide-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.cc-guide-grid>article{background:#f2f2f2;padding:26px;min-height:280px}.cc-guide-grid>article small{font-size:9px;font-weight:900;color:#777}.cc-guide-grid>article h2{font-size:29px;margin-top:65px}.cc-guide-grid>article p{font-size:12px;color:#777;line-height:1.6}.cc-guide-grid>div{display:grid;gap:12px}.cc-guide-grid>div>a{border:1px solid #ddd;padding:20px}.cc-guide-grid>div b{display:block}.cc-guide-grid>div span{display:block;font-size:10px;color:#777;margin-top:10px}
.cc-board-page,.cc-post-page,.cc-generic-page{padding:26px 0}.cc-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:18px;font-size:10px;color:#888}.cc-breadcrumb b{color:#111}.cc-page-head{padding-bottom:18px}.cc-page-head h1{font-size:32px;line-height:1.15;margin:5px 0 0}.cc-page-actions{display:flex;gap:7px}.cc-page-actions button,.cc-outline{border:1px solid #ccc;background:#fff;padding:10px 14px;font-size:11px;font-weight:850}.cc-page-actions button:last-child{background:#111;color:#fff;border-color:#111}.cc-board-layout{display:grid;grid-template-columns:1fr 260px;gap:18px}.cc-board-toolbar{min-height:54px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ddd}.cc-board-toolbar label{display:flex;padding-right:8px}.cc-board-toolbar input{height:32px;border:1px solid #ccc;padding:0 8px;font-size:10px}.cc-board-toolbar label button{height:32px;border:0;background:#111;color:#fff;font-size:10px}.cc-board-notice{display:grid;grid-template-columns:50px 1fr 70px;gap:10px;padding:13px 15px;background:#f6f6f6;border-bottom:1px solid #ddd;align-items:center}.cc-board-notice>b{font-size:10px;background:#111;color:#fff;text-align:center;padding:4px}.cc-board-notice strong{font-size:12px}.cc-board-notice span{font-size:9px;color:#777;text-align:right}.cc-board-row{display:grid;grid-template-columns:30px 1fr 54px 62px;gap:10px;align-items:center;padding:14px 15px;border-bottom:1px solid #e7e7e7}.cc-board-row>em{font-style:normal;font-size:10px;color:#999}.cc-board-row strong{display:block;font-size:12px;margin-top:4px}.cc-board-row>div>small{display:block;font-size:9px;color:#999;margin-top:4px}.cc-num{text-align:center;font-size:14px;font-weight:900}.cc-num small{display:block;font-size:8px;color:#999;font-weight:400}.cc-pagination{padding:15px;display:flex;justify-content:center;gap:5px}.cc-pagination>*{width:31px;height:31px;border:1px solid #ddd;background:#fff}.cc-pagination b{display:grid;place-items:center;background:#111;color:#fff}.cc-board-side{display:grid;gap:12px;align-content:start}.cc-board-side>section{padding:15px}.cc-side-event small{font-size:9px;color:#888;font-weight:900}.cc-side-event b{display:block;font-size:14px;margin:7px 0}.cc-side-event a{font-size:10px;font-weight:900}
.cc-post-card,.cc-comments,.cc-profile,.cc-feature,.cc-list-cards article{border:1px solid #ddd;background:#fff}.cc-post-card>header{padding:22px;border-bottom:1px solid #ddd}.cc-post-card h1{font-size:27px;line-height:1.35;margin:10px 0}.cc-post-author{display:flex;gap:10px;align-items:center;font-size:10px}.cc-post-author span{color:#888}.cc-post-body{min-height:300px;padding:28px;line-height:1.8;color:#444}.cc-post-actions{padding:12px 18px;border-top:1px solid #ddd;display:flex;gap:7px}.cc-post-actions button{border:1px solid #ccc;background:#fff;padding:8px 11px;font-size:10px}.cc-comments{margin-top:15px;padding:18px}.cc-comment-head{display:flex;align-items:center;justify-content:space-between}.cc-comment-head h2{font-size:16px}.cc-comment-head span{font-size:9px;color:#888}.cc-comments article{padding:13px 0;border-bottom:1px solid #eee}.cc-comments article>b{font-size:11px}.cc-comments article i{font-style:normal;font-size:8px;background:#111;color:#fff;padding:3px 5px}.cc-comments article p{font-size:11px}.cc-comments article small{font-size:9px;color:#999}.cc-comment-write{display:grid;grid-template-columns:1fr auto;gap:7px;margin-top:15px}.cc-comment-write textarea{border:1px solid #ccc;padding:10px;min-height:78px}.cc-comment-write button{border:0;background:#111;color:#fff;padding:0 14px}.cc-post-bottom{display:flex;justify-content:space-between;margin-top:14px;font-size:10px;font-weight:900}
.cc-popular-tabs{border:1px solid #ddd;margin:15px 0}.cc-list-cards{display:grid;gap:10px;margin-top:16px}.cc-list-cards article{padding:17px}.cc-list-cards b{font-size:12px}.cc-list-cards p{font-size:10px;color:#777}.cc-profile{margin-top:15px}.cc-profile-top{padding:18px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #ddd}.cc-profile-top>i{font-style:normal;width:48px;height:48px;background:#111;color:#fff;display:grid;place-items:center;font-weight:900}.cc-profile-top h2{margin:0}.cc-profile-top p{margin:3px 0 0;color:#888;font-size:10px}.cc-profile-stats{display:grid;grid-template-columns:repeat(4,1fr)}.cc-profile-stats>div{text-align:center;padding:20px;border-right:1px solid #ddd}.cc-profile-stats>div:last-child{border-right:0}.cc-profile-stats b{display:block;font-size:20px}.cc-profile-stats span{font-size:9px;color:#888}.cc-feature{margin-top:16px;padding:24px;border-top:4px solid #111}.cc-feature p{font-size:11px;color:#777}.cc-feature button{border:0;background:#111;color:#fff;padding:11px 14px;font-weight:900}.cc-g-page{margin-top:16px}
.cc-bottom-nav{display:none}.cc-overlay[hidden]{display:none!important}.cc-overlay{position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.46);display:flex;align-items:center;justify-content:center;padding:16px}.cc-modal{width:min(470px,100%);background:#fff;border-top:4px solid #111;padding:20px;box-shadow:0 22px 70px rgba(0,0,0,.2)}.cc-modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.cc-modal-head b{font-size:18px}.cc-modal-head button{width:34px;height:34px;border:1px solid #ddd;background:#fff;font-size:20px}.cc-search-modal>input,.cc-write-modal input,.cc-write-modal textarea,.cc-write-modal select,.cc-auth-modal input{width:100%;border:1px solid #ccc;padding:11px;margin-bottom:8px}.cc-search-hints{display:flex;gap:6px;flex-wrap:wrap}.cc-search-hints span{font-size:9px;background:#f3f3f3;padding:6px}.cc-write-modal label{display:block;font-size:10px;font-weight:900;margin-bottom:8px}.cc-modal-actions{display:flex;justify-content:flex-end;gap:6px}.cc-modal-actions button{border:1px solid #ccc;background:#fff;padding:9px 12px}.cc-modal-actions .black{background:#111;color:#fff;border-color:#111}.cc-auth-logo{margin-bottom:15px}.cc-auth-modal>p{font-size:11px;color:#777}.cc-social,.cc-auth-primary,.cc-auth-switch{width:100%;height:42px;margin-bottom:7px;border:1px solid #ccc;background:#fff;font-weight:850}.cc-auth-primary{background:#111;color:#fff;border-color:#111}.cc-auth-switch{border:0;font-size:10px;font-weight:500}.cc-or{text-align:center;border-top:1px solid #ddd;margin:17px 0}.cc-or span{position:relative;top:-9px;background:#fff;padding:0 8px;font-size:9px;color:#999}
.site-header,.site-footer{display:none!important}
@media(max-width:1000px){.cc-desktop-nav{display:none}.cc-g-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cc-live-grid{grid-template-columns:1fr}.cc-hot-list{border-bottom:1px solid #ddd}.cc-home-feed-grid{grid-template-columns:1fr}.cc-board-layout{grid-template-columns:1fr}.cc-board-side{display:grid;grid-template-columns:1fr 1fr}.cc-guide-grid{grid-template-columns:1fr}}
@media(max-width:782px){.admin-bar .cc-header{top:46px}}
@media(max-width:700px){
 .cc-wrap{padding:0 14px}.cc-live-links,.cc-brand strong,.cc-visitors,.cc-login,.cc-join{display:none}.cc-header-row{height:58px;grid-template-columns:auto 1fr auto;gap:8px}.cc-header-actions{grid-column:3}.cc-header-actions .cc-icon{width:38px;height:38px}.cc-livebar{height:30px}.cc-livebar .cc-wrap{height:30px;font-size:10px}.cc-main{padding-bottom:96px}
 .cc-home-guarantee{padding-top:12px}.cc-section-head h2{font-size:21px}.cc-g-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cc-g-grid article{padding:11px;gap:7px}.cc-g-top b{font-size:15px}.cc-g-grid p{font-size:10px;min-height:62px}.cc-home-live{padding:12px 0}.cc-live-title{padding:14px}.cc-live-title h1{font-size:20px}.cc-hot-list{padding:6px 14px}.cc-hot-list>a{grid-template-columns:27px 1fr;padding:11px 0}.cc-hot-list>a>span{grid-column:2}.cc-talk{padding:16px}.cc-talk h2{font-size:18px}.cc-event-strip{grid-template-columns:1fr auto;padding:13px}.cc-event-strip>a{grid-column:1/-1}.cc-board-menu{grid-template-columns:repeat(3,1fr);gap:6px;border:0}.cc-board-menu a{border:1px solid #ddd!important;font-size:10px;padding:10px 3px}.cc-home-feed-grid{gap:10px}.cc-feed-row{padding:13px 11px}.cc-feed-row strong{font-size:12px;line-height:1.4}.cc-home-side{grid-template-columns:1fr}.cc-guide-grid>article{min-height:230px;padding:20px}.cc-guide-grid>article h2{font-size:23px;margin-top:45px}
 .cc-board-page,.cc-post-page,.cc-generic-page{padding:16px 0}.cc-breadcrumb{margin-bottom:12px}.cc-page-head{align-items:flex-start}.cc-page-head h1{font-size:25px}.cc-page-actions button{padding:9px 10px}.cc-board-toolbar{display:block}.cc-board-toolbar label{display:none}.cc-board-row{grid-template-columns:22px 1fr 45px;padding:12px 9px}.cc-board-row strong{font-size:11px;line-height:1.4}.cc-desktop-only{display:none}.cc-board-side{grid-template-columns:1fr}.cc-post-card>header{padding:16px}.cc-post-card h1{font-size:21px}.cc-post-body{padding:18px;min-height:220px}.cc-comment-write{grid-template-columns:1fr}.cc-comment-write button{height:38px}.cc-profile-stats{grid-template-columns:repeat(2,1fr)}
 .cc-bottom-nav{position:fixed;z-index:9000;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:68px;padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #ddd;box-shadow:0 -7px 22px rgba(0,0,0,.08);backdrop-filter:blur(12px)}.cc-bottom-nav>a,.cc-write-main{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:#777;font-weight:900}.cc-bottom-nav i,.cc-write-main i{font-style:normal;font-size:20px;color:#111}.cc-bottom-nav>a.is-active{color:#111}.cc-write-main{width:56px;height:56px;justify-self:center;align-self:center;margin-top:-22px;background:#111!important;color:#fff!important;border:5px solid #fff!important;box-shadow:0 5px 15px rgba(0,0,0,.16)}.cc-write-main i{color:#fff}.cc-write-main span{font-size:9px}
 .cc-overlay{align-items:flex-end;padding:0}.cc-modal{width:100%;max-height:88vh;overflow:auto;border-top:4px solid #111;padding:18px 16px calc(18px + env(safe-area-inset-bottom))}
}

.cc-write-status{min-height:20px;margin:3px 0 8px;font-size:11px;font-weight:800;color:#444}.cc-modal-actions button:disabled{opacity:.55;cursor:not-allowed}

.cc-live-row .cc-meta i{background:#111;color:#fff}.cc-starter-row{transition:opacity .15s ease}


/* ===== v0.6 live post + comments ===== */
.cc-live-post-status{
  margin-bottom:12px;
  border:1px solid #ddd;
  border-left:4px solid #111;
  padding:12px 14px;
  font-size:11px;
  font-weight:800;
  background:#fafafa;
}
.cc-post-card.cc-post-loading{opacity:.5;pointer-events:none}
.cc-post-avatar{
  width:34px;height:34px;display:grid;place-items:center;
  background:#111;color:#fff;font-size:11px;font-weight:900;flex:none
}
.cc-post-author>div{display:flex;flex-direction:column;gap:3px}
.cc-post-body img{max-width:100%;height:auto}
.cc-post-body p:first-child{margin-top:0}
.cc-post-body p:last-child{margin-bottom:0}
.cc-post-body a{text-decoration:underline}
.cc-comments [data-comment-list]{display:block}
.cc-comment-item{
  display:grid!important;
  grid-template-columns:34px 1fr;
  gap:10px;
  padding:14px 0!important;
  border-bottom:1px solid #eee!important
}
.cc-comment-item>div:last-child{min-width:0}
.cc-comment-avatar{
  width:34px;height:34px;display:grid;place-items:center;
  background:#f0f0f0;font-size:10px;font-weight:900
}
.cc-comment-item b{display:block;font-size:11px}
.cc-comment-message{font-size:11px;line-height:1.65;margin:6px 0;color:#333;overflow-wrap:anywhere}
.cc-comment-message p{margin:0 0 7px}
.cc-comment-message p:last-child{margin-bottom:0}
.cc-comment-reply{margin-left:42px;padding-left:12px!important;border-left:2px solid #eee}
.cc-empty-comments{
  padding:28px 10px;text-align:center;color:#888;font-size:11px;
  border-bottom:1px solid #eee
}
.cc-comment-status{min-height:18px;margin-top:7px;font-size:10px;font-weight:800;color:#444}
.cc-post-bottom button{
  border:1px solid #111;background:#111;color:#fff;
  padding:9px 12px;font-size:10px;font-weight:900;cursor:pointer
}
@media(max-width:700px){
  .cc-post-avatar{width:31px;height:31px}
  .cc-comment-item{grid-template-columns:30px 1fr}
  .cc-comment-avatar{width:30px;height:30px}
  .cc-comment-reply{margin-left:28px;padding-left:9px!important}
  .cc-post-body{font-size:13px}
}


/* ===== v0.6.1 theme button color conflict hotfix =====
   Astra/WordPress global button styles can force white button text.
   Explicit colors below keep Community Core outline controls readable.
*/
.cc-page-actions button,
.cc-post-actions button,
.cc-pagination button,
.cc-outline,
.cc-modal-head button,
.cc-modal-actions button,
.cc-auth-switch,
.cc-social{
  color:#111 !important;
  -webkit-text-fill-color:#111 !important;
}

.cc-page-actions button:last-child,
.cc-modal-actions .black,
.cc-auth-primary,
.cc-comment-write button,
.cc-post-bottom button,
.cc-write-main{
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}

.cc-pagination button:disabled{
  color:#aaa !important;
  -webkit-text-fill-color:#aaa !important;
  background:#fff !important;
}

.cc-post-actions button{
  background:#fff !important;
  border:1px solid #ccc !important;
}

.cc-page-actions button:first-child{
  background:#fff !important;
  border:1px solid #ccc !important;
}



/* ===== v0.7 search + engagement + reports ===== */
.cc-search-button{
  position:relative;
  color:#111!important;
}
.cc-search-symbol{
  position:relative;
  display:block;
  width:15px;
  height:15px;
  border:2px solid #111;
  border-radius:50%;
}
.cc-search-symbol:after{
  content:"";
  position:absolute;
  width:7px;
  height:2px;
  background:#111;
  right:-5px;
  bottom:-3px;
  transform:rotate(45deg);
  transform-origin:left center;
}
.cc-post-actions button.is-active{
  background:#111!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  border-color:#111!important;
}
.cc-post-actions button:disabled{opacity:.55;cursor:not-allowed}
.cc-post-action-status{
  min-height:25px;
  padding:0 18px 10px;
  font-size:10px;
  font-weight:800;
  color:#444;
}
.cc-post-action-status.is-error{color:#9d1515}
.cc-report-modal>p{
  margin:0 0 15px;
  font-size:11px;
  color:#777;
}
.cc-report-modal label{
  display:block;
  margin-bottom:12px;
  font-size:10px;
  font-weight:900;
}
.cc-report-modal select,
.cc-report-modal textarea{
  width:100%;
  margin-top:6px;
  border:1px solid #ccc;
  background:#fff;
  padding:10px;
}
.cc-report-status{
  min-height:20px;
  margin-bottom:8px;
  font-size:10px;
  font-weight:800;
}


/* ===== v0.8 interaction completeness ===== */

/* Modal close alignment */
.cc-modal-head{
  position:relative!important;
  min-height:38px;
  padding-right:44px;
}
.cc-modal-head>button[data-close-modal]{
  position:absolute!important;
  top:0!important;
  right:0!important;
  width:36px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:20px!important;
}

/* real search */
.cc-search-form{display:grid;grid-template-columns:1fr 70px;gap:7px}
.cc-search-form input{width:100%;height:44px;border:1px solid #ccc;padding:0 12px;margin:0}
.cc-search-form button{border:0;background:#111;color:#fff;font-weight:900}
.cc-search-status{min-height:22px;margin-top:10px;font-size:10px;font-weight:800;color:#666}
.cc-search-results{max-height:370px;overflow:auto;border-top:1px solid #eee}
.cc-search-result{display:grid;grid-template-columns:1fr auto;gap:12px;padding:12px 4px;border-bottom:1px solid #eee;align-items:center}
.cc-search-result span{display:block;font-size:9px;color:#888}
.cc-search-result strong{display:block;font-size:12px;margin:4px 0}
.cc-search-result small{font-size:9px;color:#999}
.cc-search-result em{font-style:normal;font-size:9px;color:#777}
.cc-empty-search{padding:26px 6px;text-align:center;color:#888;font-size:10px}

/* threaded reply */
.cc-comment-foot{display:flex;gap:10px;align-items:center;margin-top:6px}
.cc-comment-foot button{border:0;background:transparent;padding:0;font-size:9px;font-weight:900;color:#555;cursor:pointer}
.cc-reply-banner{margin-top:12px;padding:9px 10px;background:#f4f4f4;display:flex;align-items:center;justify-content:space-between;font-size:10px}
.cc-reply-banner button{border:0;background:transparent;font-size:9px;font-weight:900}
.cc-reply-banner[hidden]{display:none!important}

/* MY */
.cc-my-tabs{display:flex;margin-top:16px;border:1px solid #ddd}
.cc-my-tabs button{flex:1;border:0;border-right:1px solid #ddd;background:#fff;padding:12px 8px;font-size:11px;font-weight:900}
.cc-my-tabs button:last-child{border-right:0}
.cc-my-tabs button.is-active{background:#111;color:#fff}
.cc-my-content{border:1px solid #ddd;border-top:0}
.cc-my-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #eee}
.cc-my-row:last-child{border-bottom:0}
.cc-my-row span{display:block;font-size:9px;color:#888}
.cc-my-row strong{display:block;font-size:12px;margin:4px 0}
.cc-my-row small{font-size:9px;color:#999}
.cc-my-row em{font-style:normal;font-size:9px;color:#777}

/* notifications */
.cc-notification-summary{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:11px 13px;background:#f5f5f5;font-size:10px}
.cc-notification-summary span{color:#888}
.cc-notification-list{border:1px solid #ddd;margin-top:8px}
.cc-notification-item{display:grid;grid-template-columns:36px 1fr auto;gap:11px;padding:14px;border-bottom:1px solid #eee;align-items:start}
.cc-notification-item:last-child{border-bottom:0}
.cc-notification-item.is-unread{background:#fafafa}
.cc-notification-avatar{width:36px;height:36px;background:#111;color:#fff;display:grid;place-items:center;font-size:10px;font-weight:900}
.cc-notification-item b{font-size:11px}
.cc-notification-item p{margin:4px 0;font-size:11px;line-height:1.45}
.cc-notification-item small{font-size:9px;color:#999}
.cc-notification-item>i{font-style:normal;font-size:8px;background:#111;color:#fff;padding:3px 5px}
.cc-state-card{padding:28px 14px;text-align:center;color:#888;font-size:11px}
@media(max-width:700px){
  .cc-search-modal{max-height:85vh}
  .cc-search-results{max-height:45vh}
  .cc-notification-summary{display:block}
  .cc-notification-summary span{display:block;margin-top:4px}
  .cc-my-tabs button{font-size:10px}
}


/* ===== v0.8.1 MY count stability + clear notifications ===== */
.cc-notification-button{
  position:relative;
}
.cc-bell-icon{
  width:20px;
  height:20px;
  display:block;
  fill:none;
  stroke:#111;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.cc-notification-badge{
  position:absolute;
  top:4px;
  right:3px;
  min-width:16px;
  height:16px;
  padding:0 4px;
  border-radius:8px;
  background:#111;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  display:grid;
  place-items:center;
  font-size:8px;
  line-height:1;
  font-weight:900;
  border:2px solid #fff;
}
.cc-notification-badge[hidden]{display:none!important}

.cc-my-tabs button{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}
.cc-my-tabs button.is-active{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.cc-mobile-notification i{
  position:relative;
  width:28px;
  height:26px;
  display:grid;
  place-items:center;
}
.cc-mobile-notification .cc-bell-icon{
  width:20px;
  height:20px;
}
.cc-mobile-notification .cc-notification-badge{
  top:-3px;
  right:-6px;
}



/* ===== v0.8.2 pagination alignment hotfix ===== */
.cc-pagination{
  width:100%!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  padding:18px 12px!important;
  margin:0!important;
  text-align:center!important;
}

.cc-pagination > *{
  box-sizing:border-box!important;
  flex:0 0 36px!important;
  width:36px!important;
  min-width:36px!important;
  max-width:36px!important;
  height:36px!important;
  min-height:36px!important;
  max-height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid #ddd!important;
  border-radius:0!important;
  display:grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:12px!important;
  font-weight:800!important;
  vertical-align:middle!important;
  text-align:center!important;
  transform:none!important;
}

.cc-pagination button{
  appearance:none!important;
  -webkit-appearance:none!important;
  background:#fff!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}

.cc-pagination b{
  background:#111!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

.cc-pagination button:disabled{
  background:#fafafa!important;
  color:#aaa!important;
  -webkit-text-fill-color:#aaa!important;
  opacity:1!important;
}

@media(max-width:700px){
  .cc-pagination{
    gap:5px!important;
    padding:15px 8px!important;
  }
  .cc-pagination > *{
    flex-basis:34px!important;
    width:34px!important;
    min-width:34px!important;
    max-width:34px!important;
    height:34px!important;
    min-height:34px!important;
    max-height:34px!important;
  }
}


/* ===== v0.8.3 persistent MY stats + notification test clarity ===== */
.cc-state-card b{
  display:block;
  margin-bottom:7px;
  color:#111;
  font-size:12px;
}
.cc-state-card span{
  display:block;
  color:#888;
  font-size:10px;
  line-height:1.65;
}
.cc-profile-stats b{
  min-height:27px;
}
.cc-notification-button:hover:after{
  content:"알림";
  position:absolute;
  top:46px;
  left:50%;
  transform:translateX(-50%);
  white-space:nowrap;
  background:#111;
  color:#fff;
  padding:5px 7px;
  font-size:9px;
  z-index:20;
}
@media(max-width:700px){
  .cc-notification-button:hover:after{display:none}
}


/* ===== v0.8.4 notification UX hotfix ===== */
.cc-notification-button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  overflow:visible!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
}
.cc-bell-icon{display:none!important}

.cc-bell-shape{
  position:relative;
  display:block;
  width:17px;
  height:15px;
  border:2px solid #111;
  border-bottom:0;
  border-radius:9px 9px 3px 3px;
  background:transparent!important;
}
.cc-bell-shape:before{
  content:"";
  position:absolute;
  left:50%;
  bottom:-4px;
  width:21px;
  height:2px;
  background:#111;
  transform:translateX(-50%);
}
.cc-bell-shape:after{
  content:"";
  position:absolute;
  left:50%;
  bottom:-8px;
  width:5px;
  height:5px;
  border-radius:50%;
  background:#111;
  transform:translateX(-50%);
}
.cc-bell-shape.large{
  width:24px;
  height:21px;
  border-radius:12px 12px 4px 4px;
  margin-bottom:12px;
}
.cc-bell-shape.large:before{width:30px;bottom:-5px}
.cc-bell-shape.large:after{width:7px;height:7px;bottom:-11px}

.cc-read-all{
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  background:#fff!important;
  border:1px solid #ccc!important;
  min-width:92px!important;
  height:40px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 14px!important;
}
.cc-read-all span{
  display:block!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  font-size:11px!important;
  font-weight:900!important;
}

.cc-login-required{
  margin-top:18px;
  min-height:280px;
  border:1px solid #ddd;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:28px;
}
.cc-login-required h2{
  margin:18px 0 7px;
  font-size:20px;
}
.cc-login-required p{
  margin:0 0 18px;
  max-width:430px;
  color:#777;
  font-size:11px;
  line-height:1.65;
}
.cc-login-required button,
.cc-notification-error button{
  border:0!important;
  background:#111!important;
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  padding:10px 15px!important;
  font-weight:900!important;
  cursor:pointer!important;
}

.cc-notification-error button{
  margin-top:13px!important;
}

.cc-mobile-notification{
  position:relative;
  border:0!important;
  background:transparent!important;
  font:inherit;
  cursor:pointer;
}
.cc-mobile-notification i{
  position:relative!important;
  width:28px!important;
  height:27px!important;
  display:grid!important;
  place-items:center!important;
}
.cc-mobile-notification .cc-bell-shape{
  width:15px;
  height:13px;
}
.cc-mobile-notification .cc-bell-shape:before{width:19px}
.cc-mobile-notification .cc-bell-shape:after{width:4px;height:4px;bottom:-7px}

.cc-notification-summary{
  min-height:48px;
}
.cc-notification-list{
  min-height:120px;
}

@media(max-width:700px){
  .cc-login-required{min-height:230px;padding:22px 16px}
  .cc-login-required h2{font-size:18px}
}


/* ===== v0.8.5 profile edit + notification cleanup ===== */

/* Remove old desktop hover tooltip that looked like a black square */
.cc-notification-button:after,
.cc-notification-button:hover:after,
.cc-notification-button:focus:after,
.cc-notification-button:active:after{
  content:none!important;
  display:none!important;
}

/* Keep bell button visually stable while clicking/focusing */
.cc-notification-button,
.cc-notification-button:hover,
.cc-notification-button:focus,
.cc-notification-button:active{
  background:#f4f4f4!important;
  color:#111!important;
  -webkit-text-fill-color:#111!important;
  outline:none!important;
  box-shadow:none!important;
}

/* Profile edit */
.cc-profile-modal label{
  display:block;
  margin-bottom:12px;
  color:#111;
  font-size:10px;
  font-weight:900;
}
.cc-profile-modal label>span{
  color:#777;
}
.cc-profile-modal input,
.cc-profile-modal textarea{
  width:100%;
  margin-top:6px;
  padding:11px 12px;
  border:1px solid #ccc;
  border-radius:0;
  background:#fff;
  color:#111;
  -webkit-text-fill-color:#111;
}
.cc-profile-modal textarea{
  resize:vertical;
  min-height:110px;
}
.cc-profile-edit-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
}
.cc-profile-edit-loading{
  min-height:100px;
  display:grid;
  place-items:center;
  color:#777;
  font-size:11px;
}
.cc-profile-edit-status{
  min-height:20px;
  margin-bottom:8px;
  color:#444;
  font-size:10px;
  font-weight:800;
}
.cc-profile-edit-status.is-error{
  color:#9d1515;
}
.cc-profile-modal [data-profile-form][hidden]{
  display:none!important;
}
.cc-profile-modal button:disabled{
  opacity:.55;
  cursor:not-allowed;
}

@media(max-width:700px){
  .cc-profile-edit-grid{
    grid-template-columns:1fr;
    gap:0;
  }
  .cc-profile-modal{
    max-height:88vh;
    overflow:auto;
  }
}