:root{
  --tz-sidebar-w:248px;
  --tz-sidebar-mini-w:72px;
  --tz-topbar-h:64px;
  --tz-bg:#f6f7f8;
  --tz-panel:#ffffff;
  --tz-panel-2:#fbfcfd;
  --tz-text:#101316;
  --tz-muted:#66717f;
  --tz-soft:#eef2f6;
  --tz-soft-2:#f3f5f7;
  --tz-line:#e2e7ee;
  --tz-line-strong:#111417;
  --tz-accent:#2357b8;
  --tz-accent-2:#e8f0ff;
  --tz-red:#ef4444;
  --tz-shadow:0 22px 54px rgba(16,24,40,.08);
  --tz-radius:18px;
}
html[data-tz-dark="1"]{
  --tz-bg:#0b0f14;
  --tz-panel:#111820;
  --tz-panel-2:#0e151d;
  --tz-text:#edf2f7;
  --tz-muted:#98a4b3;
  --tz-soft:#1b2632;
  --tz-soft-2:#151e28;
  --tz-line:#263342;
  --tz-line-strong:#e7edf5;
  --tz-accent:#76a7ff;
  --tz-accent-2:#142742;
  --tz-shadow:none;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%}
body{background:var(--tz-bg);color:var(--tz-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",Arial,sans-serif}
a{color:inherit}img{max-width:100%}button,input,textarea,select{font:inherit}button{cursor:pointer}
#hd_login_msg{display:none!important}
.tz-app{min-height:100vh;background:var(--tz-bg);color:var(--tz-text);font-size:14px;line-height:1.55}
.sound_only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* topbar */
/* TOONZIP_V04R2E_HEADER_NOT_STICKY: top header must not follow scroll */
.tz-topbar{position:relative;top:auto;z-index:90;height:var(--tz-topbar-h);background:rgba(255,255,255,.94);backdrop-filter:saturate(1.2) blur(18px);border-bottom:1px solid var(--tz-line)}
html[data-tz-dark="1"] .tz-topbar{background:rgba(12,16,21,.94)}
.tz-topbar-inner{height:var(--tz-topbar-h);display:grid;grid-template-columns:220px minmax(340px,650px) 220px;justify-content:center;align-items:center;gap:18px;padding:0 18px}
.tz-top-left{display:flex;align-items:center;gap:10px;min-width:0}.tz-brand{display:inline-flex;align-items:center;text-decoration:none;line-height:1;color:var(--tz-text)}.tz-brand b{font-family:Arial Black,Impact,sans-serif;font-size:31px;letter-spacing:-1.2px;line-height:.92;color:var(--tz-text)}
.tz-icon-btn{border:1px solid transparent;background:transparent;color:var(--tz-text);font-weight:900;font-size:17px;min-width:38px;height:38px;border-radius:999px;display:inline-grid;place-items:center;transition:background .16s,border-color .16s,transform .16s}.tz-icon-btn:hover{background:var(--tz-soft);border-color:var(--tz-line)}
.tz-top-search{justify-self:center;width:100%;display:flex;align-items:center;gap:8px;border:1px solid transparent;background:var(--tz-soft);border-radius:999px;height:44px;padding:0 6px 0 15px;overflow:hidden}.tz-top-search:focus-within{border-color:rgba(35,87,184,.35);box-shadow:0 0 0 4px rgba(35,87,184,.08);background:var(--tz-panel)}.tz-search-icon{display:inline-grid;place-items:center;width:22px;height:22px;color:var(--tz-muted);font-weight:900;font-size:17px;flex:0 0 auto}.tz-top-search input{flex:1;border:0;background:transparent;color:var(--tz-text);height:100%;padding:0;outline:none;min-width:0;font-weight:700}.tz-top-search input::placeholder{color:var(--tz-muted);font-weight:700}.tz-top-search button{border:0;background:var(--tz-text);color:var(--tz-panel);height:34px;min-width:54px;border-radius:999px;font-weight:1000;font-size:12px}
.tz-top-actions{justify-self:end;display:flex;align-items:center;gap:6px}.tz-login{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid var(--tz-line);background:var(--tz-panel);color:var(--tz-text);height:38px;padding:0 14px;border-radius:999px;font-weight:950;font-size:13px;white-space:nowrap}.tz-login:hover{background:var(--tz-soft)}.tz-search-toggle{display:none}
.tz-searchbar{display:none;position:fixed;top:var(--tz-topbar-h);left:0;right:0;z-index:89;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-bottom:1px solid var(--tz-line);padding:12px 14px;align-items:center;justify-content:center;gap:8px}html[data-tz-dark="1"] .tz-searchbar{background:rgba(12,16,21,.96)}.tz-searchbar.is-open{display:flex}.tz-searchbar input{width:min(680px,calc(100vw - 120px));height:42px;border:0;background:var(--tz-soft);border-radius:999px;color:var(--tz-text);outline:none;font-weight:800;padding:0 16px}.tz-searchbar button{height:38px;border:0;background:var(--tz-text);color:var(--tz-panel);padding:0 15px;font-weight:1000;border-radius:999px}

/* sidebar */
.tz-sidebar{position:fixed;left:0;top:var(--tz-topbar-h);bottom:0;z-index:75;width:var(--tz-sidebar-w);background:var(--tz-panel);border-right:1px solid var(--tz-line);padding:14px 14px 20px;overflow-y:auto;transition:width .22s ease,transform .22s ease}.tz-side-section{border-bottom:1px solid var(--tz-line);padding:10px 0 14px;margin-bottom:0px}.tz-side-section>strong{display:block;font-size:11px;letter-spacing:.12em;color:var(--tz-muted);padding:0 10px 8px;font-weight:1000}.tz-side-link{width:100%;border:0;background:transparent;text-decoration:none;color:var(--tz-text);display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;min-height:50px;border-radius:14px;padding:7px 8px;text-align:left}.tz-side-link i{width:34px;height:34px;border-radius:13px;background:var(--tz-soft-2);display:grid;place-items:center;font-style:normal;font-weight:1000}.tz-side-link b{display:block;font-weight:1000;line-height:1.15}.tz-side-link em{display:block;font-style:normal;color:var(--tz-muted);font-size:12px;line-height:1.25;margin-top:2px}.tz-side-link:hover,.tz-side-link.is-on{background:var(--tz-accent-2)}.tz-side-link.is-on i{background:var(--tz-accent);color:#fff}.tz-side-user{padding:10px;color:var(--tz-muted);font-size:12px}.tz-side-user p{margin:0 0 8px}.tz-side-user a{font-weight:1000;color:var(--tz-accent);text-decoration:none;margin-right:10px}html.tz-sidebar-mini .tz-sidebar{width:var(--tz-sidebar-mini-w);padding-left:10px;padding-right:10px}html.tz-sidebar-mini .tz-side-section>strong,html.tz-sidebar-mini .tz-side-link span,html.tz-sidebar-mini .tz-side-user{display:none}html.tz-sidebar-mini .tz-side-link{grid-template-columns:1fr;padding:7px;justify-items:center}.tz-sidebar-bg{display:none;position:fixed;inset:var(--tz-topbar-h) 0 0 0;background:rgba(0,0,0,.38);z-index:70}

/* page shell */
.tz-main{margin-left:var(--tz-sidebar-w);transition:margin-left .22s ease;min-height:calc(100vh - var(--tz-topbar-h));display:flex;justify-content:center}.tz-content{width:100%;margin:0 auto;padding:30px clamp(22px,3vw,44px) 64px}.tz-page-home .tz-content{max-width:1360px}.tz-page-board .tz-content{max-width:1240px}.tz-page-view .tz-content{max-width:1440px}.tz-page-new .tz-content,.tz-page-search .tz-content{max-width:1180px}html.tz-sidebar-mini .tz-main{margin-left:var(--tz-sidebar-mini-w)}
.tz-section,.tz-board,.tz-view,.tz-new-page,.tz-search-page{background:var(--tz-panel);border:1px solid var(--tz-line);border-radius:var(--tz-radius);box-shadow:var(--tz-shadow)}.tz-section{padding:18px}.tz-section-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;border-top:3px solid var(--tz-line-strong);padding-top:12px;margin-bottom:12px}.tz-section-head p{grid-column:1 / -1;margin:0 0 -2px;color:var(--tz-accent);font-size:11px;font-weight:1000;letter-spacing:.08em}.tz-section-head h2{margin:0;font-size:22px;line-height:1.1;letter-spacing:-.7px}.tz-section-head a{align-self:center;color:var(--tz-accent);font-weight:1000;font-size:12px;text-decoration:none}.tz-empty{color:var(--tz-muted);padding:18px;text-align:center}

/* home */
.tz-home-shell{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:18px;align-items:start}.tz-home-left,.tz-home-right{display:grid;gap:18px;align-content:start}.tz-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tz-card-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tz-card{display:block;text-decoration:none;color:var(--tz-text);border:1px solid var(--tz-line);border-radius:16px;overflow:hidden;background:var(--tz-panel-2);transition:transform .16s,box-shadow .16s,border-color .16s}.tz-card:hover{transform:translateY(-2px);border-color:var(--tz-accent);box-shadow:var(--tz-shadow)}.tz-card-img{display:block;height:136px;background:var(--tz-soft);overflow:hidden}.tz-card-img img{width:100%;height:100%;object-fit:cover;display:block}.tz-card strong{display:block;margin:10px 11px 11px;font-size:13px;line-height:1.35;min-height:36px;letter-spacing:-.2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tz-rank,.tz-hit-list,.tz-feature3{list-style:none;margin:0;padding:0}.tz-rank li a,.tz-hit-list li a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;text-decoration:none;color:var(--tz-text);border-bottom:1px solid var(--tz-line);padding:9px 0}.tz-rank li:last-child a,.tz-hit-list li:last-child a{border-bottom:0}.tz-rank li span,.tz-hit-list li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-rank li em{font-style:normal;color:var(--tz-muted);font-size:12px;font-weight:800}.tz-rank-main li a{padding:10px 0}.tz-rank-strong li:first-child a span{font-size:16px}.tz-rank-compact li a{padding:8px 0}.tz-hit-list li a{grid-template-columns:18px minmax(0,1fr)}.tz-hit-list li a:before{content:'›';color:var(--tz-red);font-size:18px;font-weight:1000}.tz-hit-list li em{display:none}.tz-hit-list-compact li a{padding:8px 0}

/* board */
.tz-board{padding:20px}.tz-board-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;border-bottom:3px solid var(--tz-line-strong);padding-bottom:13px;margin-bottom:12px}.tz-board-head h1{font-size:32px;line-height:1;letter-spacing:-1.1px;margin:0}.tz-board-head span{display:block;color:var(--tz-muted);font-size:13px;margin-top:7px}.tz-board-actions{display:flex;align-items:center;gap:6px}.tz-board-actions button,.tz-board-actions a{height:36px;min-width:36px;border:1px solid var(--tz-line);background:var(--tz-panel);color:var(--tz-text);border-radius:11px;text-decoration:none;font-weight:1000;display:grid;place-items:center}.tz-board-actions button:hover,.tz-board-actions a:hover,.tz-board-actions .is-on{border-color:var(--tz-accent);color:var(--tz-accent);background:var(--tz-accent-2)}.tz-sort-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 14px}.tz-sort-tabs a{display:inline-flex;height:32px;align-items:center;border:1px solid var(--tz-line);background:var(--tz-panel-2);border-radius:999px;padding:0 12px;text-decoration:none;font-weight:900;font-size:12px;color:var(--tz-muted)}.tz-sort-tabs a.is-on{background:var(--tz-text);color:var(--tz-panel);border-color:var(--tz-text)}.tz-search-note{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--tz-accent-2);border:1px solid var(--tz-line);color:var(--tz-accent);font-weight:900;border-radius:14px;padding:10px 12px;margin:12px 0}.tz-search-note a{color:var(--tz-accent);text-decoration:none;font-weight:1000}.tz-feature3{display:grid;gap:6px;margin:12px 0 14px}.tz-feature3 li a{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:center;text-decoration:none;background:var(--tz-panel-2);border:1px solid var(--tz-line);border-radius:12px;padding:9px 11px}.tz-feature3 b{color:var(--tz-red)}.tz-feature3 span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}
.tz-list{display:grid;gap:0}.tz-post{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:center;border-bottom:1px solid var(--tz-line);padding:12px 0}.tz-post:last-child{border-bottom:0}.tz-post-thumb{display:block;width:100px;height:84px;border-radius:14px;background:var(--tz-soft);overflow:hidden;border:1px solid var(--tz-line)}.tz-post-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tz-post-title{display:block;color:var(--tz-text);text-decoration:none;font-weight:950;line-height:1.34;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.2px}.tz-post-title:hover{color:var(--tz-accent)}.tz-post-meta{margin-top:5px;color:var(--tz-muted);font-size:12px}.tz-post-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:8px}.tz-post-actions a,.tz-post-actions span{display:inline-flex;align-items:center;height:26px;border:1px solid var(--tz-line);background:var(--tz-panel-2);border-radius:999px;padding:0 9px;color:var(--tz-muted);text-decoration:none;font-weight:900;font-size:11px}.tz-post-actions a:hover{border-color:var(--tz-accent);color:var(--tz-accent)}.tz-badge{display:inline-block;background:var(--tz-accent);color:#fff;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:1000;vertical-align:1px}.tz-mode-list .tz-post{grid-template-columns:minmax(0,1fr);padding:10px 0}.tz-mode-list .tz-post-thumb{display:none}.tz-mode-list .tz-post-actions{display:none}.tz-mode-gallery{grid-template-columns:repeat(4,1fr);gap:14px}.tz-mode-gallery .tz-post{display:block;border:1px solid var(--tz-line);border-radius:18px;padding:0;overflow:hidden;background:var(--tz-panel-2);box-shadow:none}.tz-mode-gallery .tz-post-thumb{width:100%;height:156px;border:0;border-radius:0}.tz-mode-gallery .tz-post-main{padding:11px}.tz-mode-gallery .tz-post-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tz-mode-gallery .tz-post-meta{font-size:11px}.tz-mode-gallery .tz-post-actions{display:none}.tz-pages{display:flex;justify-content:center;gap:6px;margin:18px 0 4px}.tz-pages a,.tz-pages strong{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--tz-line);border-radius:10px;text-decoration:none;font-weight:900}.tz-pages strong{background:var(--tz-text);color:var(--tz-panel);border-color:var(--tz-text)}.tz-hitbox{margin-top:18px}

/* view */
.tz-view{padding:26px}.tz-view-head{border-bottom:3px solid var(--tz-line-strong);margin-bottom:28px;padding-bottom:16px}.tz-view-labels{display:flex;gap:6px;margin-bottom:10px}.tz-view-labels span{display:inline-block;background:var(--tz-text);color:var(--tz-panel);border-radius:999px;padding:4px 9px;font-size:11px;font-weight:1000}.tz-view-title{font-size:34px;line-height:1.22;letter-spacing:-1.1px;margin:0 0 10px;color:var(--tz-text)}.tz-view-meta{display:flex;gap:12px;flex-wrap:wrap;color:var(--tz-muted);font-size:13px}.tz-view-content{max-width:min(1180px,100%);margin:0 auto}.tz-view-content a[href*="ruliweb.com"]{pointer-events:none}.tz-view-content img{display:block;margin:0 auto 18px;max-width:100%;height:auto}.tz-view-tools{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:28px 0}.tz-view-tools a,.tz-view-tools button{border:1px solid var(--tz-line);background:var(--tz-panel);color:var(--tz-text);border-radius:999px;text-decoration:none;padding:9px 14px;font-weight:1000}.tz-view-tools a:hover,.tz-view-tools button:hover{border-color:var(--tz-accent);color:var(--tz-accent)}.tz-good-btn{color:#fff!important;background:var(--tz-accent)!important;border-color:var(--tz-accent)!important}.tz-follow-panel{margin-top:24px}.tz-follow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tz-follow-grid section{min-width:0}.tz-follow-grid h3{margin:0 0 8px;font-size:15px;letter-spacing:-.2px}.tz-comments-wrap{margin-top:24px;padding:18px;background:var(--tz-panel);border:1px solid var(--tz-line);border-radius:var(--tz-radius);box-shadow:var(--tz-shadow)}

/* G5 comments absorbed into ToonZip card */
.tz-comments-wrap .cmt_btn{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-bottom:3px solid var(--tz-line-strong);background:transparent;color:var(--tz-text);font-weight:1000;font-size:18px;padding:0 0 12px;margin:0 0 14px}.tz-comments-wrap .cmt_more{display:none}.tz-comments-wrap #bo_vc{margin:0;padding:0}.tz-comments-wrap #bo_vc h2{display:none}.tz-comments-wrap #bo_vc article{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;padding:14px 0;border-top:1px solid var(--tz-line)!important;background:transparent}.tz-comments-wrap #bo_vc article:first-of-type{border-top:0!important}.tz-comments-wrap .pf_img img,.tz-comments-wrap .pf_img{width:42px;height:42px;border-radius:50%;overflow:hidden;background:var(--tz-soft)}.tz-comments-wrap .cm_wrap{min-width:0}.tz-comments-wrap .cm_wrap header{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--tz-muted);font-size:12px;margin-bottom:6px}.tz-comments-wrap .cm_wrap header h2{display:none}.tz-comments-wrap .bo_vc_hdinfo{color:var(--tz-muted)}.tz-comments-wrap .cmt_contents{background:var(--tz-panel-2);border:1px solid var(--tz-line);border-radius:14px;padding:10px 12px;color:var(--tz-text)}.tz-comments-wrap .cmt_contents p{margin:0;line-height:1.6}.tz-comments-wrap .bo_vl_opt{position:absolute;right:0;top:12px}.tz-comments-wrap .btn_cm_opt{border:1px solid var(--tz-line);background:var(--tz-panel);color:var(--tz-muted);border-radius:999px;width:30px;height:30px}.tz-comments-wrap .bo_vc_act{display:none;position:absolute;right:0;top:32px;z-index:5;list-style:none;margin:0;padding:6px;background:var(--tz-panel);border:1px solid var(--tz-line);border-radius:12px;box-shadow:var(--tz-shadow)}.tz-comments-wrap .bo_vc_act a{display:block;white-space:nowrap;text-decoration:none;padding:6px 10px;color:var(--tz-text);font-weight:800}.tz-comments-wrap #bo_vc_empty{margin:14px 0 0;background:var(--tz-panel-2);border:1px dashed var(--tz-line);border-radius:14px;padding:18px;text-align:center;color:var(--tz-muted);font-weight:800}.tz-comments-wrap #bo_vc_w{margin-top:18px;border-top:1px solid var(--tz-line);padding-top:16px}.tz-comments-wrap #bo_vc_w h2{margin:0 0 10px;font-size:17px}.tz-comments-wrap #wr_content{display:block;width:100%;min-height:98px;border:1px solid var(--tz-line);border-radius:14px;background:var(--tz-panel-2);color:var(--tz-text);padding:12px;outline:none;resize:vertical}.tz-comments-wrap #wr_content:focus{border-color:var(--tz-accent);box-shadow:0 0 0 4px rgba(35,87,184,.08)}.tz-comments-wrap .bo_vc_w_wr{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:10px}.tz-comments-wrap .bo_vc_w_info{display:flex;gap:8px;flex-wrap:wrap;align-items:center;min-width:0}.tz-comments-wrap .frm_input{height:36px;border:1px solid var(--tz-line);background:var(--tz-panel-2);color:var(--tz-text);border-radius:10px;padding:0 10px}.tz-comments-wrap .btn_confirm{display:flex;align-items:center;gap:10px;margin-left:auto}.tz-comments-wrap .secret_cm{font-size:12px;color:var(--tz-muted);white-space:nowrap}.tz-comments-wrap .btn_submit{height:36px;border:0;border-radius:999px;background:var(--tz-accent);color:#fff;font-weight:1000;padding:0 14px}.tz-comments-wrap #char_cnt{display:inline-block;margin-bottom:6px;color:var(--tz-muted);font-size:12px}.tz-comments-wrap .bo_vc_w{background:transparent}

/* new/search */
.tz-new-page,.tz-search-page{padding:20px}.tz-page-title{margin:0 0 16px;font-size:28px}

/* footer */
.tz-footer{margin-left:var(--tz-sidebar-w);transition:margin-left .22s ease;background:var(--tz-panel);border-top:1px solid var(--tz-line);padding:28px 24px;color:var(--tz-muted);text-align:right}.tz-footer nav{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:14px}.tz-footer a{color:var(--tz-muted);text-decoration:none;font-weight:900}.tz-footer p{margin:0;font-size:13px;line-height:1.7}html.tz-sidebar-mini .tz-footer{margin-left:var(--tz-sidebar-mini-w)}.tz-top{position:fixed;right:24px;bottom:24px;z-index:60;width:42px;height:42px;border:0;border-radius:14px;background:var(--tz-text);color:var(--tz-panel);font-weight:1000;box-shadow:var(--tz-shadow)}

@media (max-width:1280px){.tz-home-shell{grid-template-columns:1fr}.tz-home-right{grid-template-columns:1fr 1fr}.tz-card-grid{grid-template-columns:repeat(3,1fr)}.tz-follow-grid{grid-template-columns:repeat(2,1fr)}.tz-mode-gallery{grid-template-columns:repeat(3,1fr)}}
@media (max-width:900px){.tz-topbar-inner{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;padding:0 10px}.tz-brand b{font-size:26px}.tz-sidebar-toggle{order:-1}.tz-top-search{display:none}.tz-login{display:none}.tz-top-actions{gap:0}.tz-search-toggle{display:inline-grid}.tz-sidebar{top:var(--tz-topbar-h);transform:translateX(-105%);width:300px;box-shadow:24px 0 60px rgba(0,0,0,.25)}.tz-sidebar.is-open{transform:translateX(0)}.tz-sidebar-bg.is-open{display:block}.tz-main,.tz-footer,html.tz-sidebar-mini .tz-main,html.tz-sidebar-mini .tz-footer{margin-left:0}.tz-content{padding:16px 10px 40px}.tz-searchbar{padding:12px 10px;background:var(--tz-panel);border-bottom:1px solid var(--tz-line)}.tz-home-right{grid-template-columns:1fr}.tz-card-grid,.tz-card-strip{grid-template-columns:repeat(3,1fr);gap:8px}.tz-card-img{height:88px}.tz-card strong{font-size:12px;margin:8px;min-height:36px}.tz-section,.tz-board,.tz-view,.tz-new-page,.tz-search-page{border-radius:16px;padding:14px;box-shadow:none}.tz-section-head h2{font-size:18px}.tz-board-head{align-items:flex-start}.tz-board-head h1{font-size:25px}.tz-board-actions button,.tz-board-actions a{height:34px;min-width:34px}.tz-post{grid-template-columns:76px minmax(0,1fr);gap:10px;padding:11px 0}.tz-post-thumb{width:76px;height:76px}.tz-post-title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tz-post-actions{margin-top:7px}.tz-mode-gallery{grid-template-columns:repeat(3,1fr);gap:8px}.tz-mode-gallery .tz-post-thumb{height:98px}.tz-mode-gallery .tz-post-main{padding:8px}.tz-mode-gallery .tz-post-title{font-size:12px}.tz-view-title{font-size:24px}.tz-view{padding:14px}.tz-view-content{max-width:100%}.tz-follow-grid{grid-template-columns:1fr}.tz-comments-wrap{padding:14px}.tz-comments-wrap #bo_vc article{grid-template-columns:34px minmax(0,1fr)}.tz-comments-wrap .pf_img img,.tz-comments-wrap .pf_img{width:34px;height:34px}.tz-comments-wrap .bo_vc_w_wr{display:block}.tz-comments-wrap .btn_confirm{justify-content:flex-end;margin-top:10px}.tz-footer{padding:24px 12px}.tz-footer nav{gap:12px;font-size:13px}.tz-top{right:14px;bottom:14px}}
@media (max-width:520px){.tz-icon-btn{min-width:34px;height:34px}.tz-brand b{font-size:24px}.tz-card-img{height:76px}.tz-mode-gallery .tz-post-thumb{height:88px}.tz-mode-gallery{gap:7px}.tz-post-actions a,.tz-post-actions span{font-size:10px;padding:0 7px}.tz-section-head{grid-template-columns:1fr}.tz-section-head a{justify-self:start}.tz-search-note{align-items:flex-start;flex-direction:column}.tz-view-tools{justify-content:flex-start}.tz-card-grid{grid-template-columns:repeat(3,1fr)}}


/* v0.9: desktop hamburger is no longer attached to the logo. It lives on the sidebar rail like an app-shell control. */
.tz-mobile-menu{display:none!important}
.tz-sidebar{overflow:visible}
.tz-sidebar .tz-side-section,.tz-sidebar .tz-side-user{position:relative;z-index:1}
.tz-sidebar-collapse{position:absolute;top:18px;right:-19px;z-index:3;background:var(--tz-panel);border:1px solid var(--tz-line);box-shadow:var(--tz-shadow)}
html.tz-sidebar-mini .tz-sidebar-collapse{right:-19px}
.tz-top-left{gap:0}
@media (max-width:900px){
  .tz-mobile-menu{display:inline-grid!important;order:0;margin-right:4px}
  .tz-sidebar-collapse{display:none!important}
  .tz-top-left{gap:8px}
  .tz-sidebar{overflow-y:auto;overflow-x:hidden}
}

/* TOONZIP_DESIGN_PATCH_V002: search/member dark-mode/pager hardening */
.tz-search-page .tz-badge{margin-right:4px}
.tz-pages a:hover{border-color:var(--tz-accent);color:var(--tz-accent);background:var(--tz-accent-2)}
.pg_wrap,.pg{display:flex;justify-content:center;gap:6px;margin:18px 0 4px;text-align:center}.pg_page,.pg_current{display:grid!important;place-items:center;min-width:34px;height:34px;border:1px solid var(--tz-line)!important;border-radius:10px!important;text-decoration:none!important;font-weight:900!important;background:var(--tz-panel)!important;color:var(--tz-text)!important;padding:0!important;margin:0!important}.pg_current{background:var(--tz-text)!important;color:var(--tz-panel)!important;border-color:var(--tz-text)!important}

#fregister,#register_form,#fpasswordlost,.mbskin,.register,.login,.member_confirm{color:var(--tz-text)}
#fregister section,#fregister_chkall,#register_form .tbl_frm01,#register_form .form_01,.mbskin form,.member_confirm form{background:var(--tz-panel)!important;border-color:var(--tz-line)!important;color:var(--tz-text)!important}
#fregister h2,#register_form h2,.mbskin h1,.mbskin h2,.member_confirm h1{color:var(--tz-text)!important}
#fregister p,#fregister label,#register_form label,.mbskin label,.member_confirm label{color:var(--tz-text)!important}
#fregister .fregister_agree,#fregister .fregister_terms,#fregister .fregister_private,.register_form_inner{background:var(--tz-panel)!important;border-color:var(--tz-line)!important;color:var(--tz-text)!important}
#fregister textarea,#fregister .fregister_terms div,#fregister .fregister_private div,#register_form textarea,#register_form input[type="text"],#register_form input[type="password"],#register_form input[type="email"],#register_form input[type="tel"],#register_form select,.mbskin input[type="text"],.mbskin input[type="password"],.mbskin input[type="email"],.mbskin select,.mbskin textarea,.frm_input{background:var(--tz-panel-2)!important;border-color:var(--tz-line)!important;color:var(--tz-text)!important}
#fregister textarea::placeholder,#register_form input::placeholder,.mbskin input::placeholder,.mbskin textarea::placeholder{color:var(--tz-muted)!important}
#fregister table,#register_form table,.tbl_frm01 table{background:var(--tz-panel)!important;border-color:var(--tz-line)!important;color:var(--tz-text)!important}
#fregister table th,#fregister table td,#register_form table th,#register_form table td,.tbl_frm01 th,.tbl_frm01 td{background:var(--tz-panel)!important;border-color:var(--tz-line)!important;color:var(--tz-text)!important}
#fregister .agree_txt,#fregister .privacy_txt,#fregister .fregister_agree label,#fregister_chkall label{color:var(--tz-text)!important}
#fregister .chk_box label span,#register_form .chk_box label span,.mbskin .chk_box label span{background-color:var(--tz-panel-2)!important;border-color:var(--tz-line)!important}
#fregister input[type="checkbox"],#register_form input[type="checkbox"],.mbskin input[type="checkbox"]{accent-color:var(--tz-accent)}
#fregister .btn_confirm .btn_submit,#register_form .btn_confirm .btn_submit,.mbskin .btn_submit{background:var(--tz-accent)!important;border-color:var(--tz-accent)!important;color:#fff!important}
#fregister .btn_confirm .btn_cancel,#register_form .btn_confirm .btn_cancel,.mbskin .btn_cancel{background:var(--tz-panel-2)!important;border-color:var(--tz-line)!important;color:var(--tz-text)!important}
#captcha,#captcha *{color:var(--tz-text)}
html[data-tz-dark="1"] #fregister .fregister_terms textarea,html[data-tz-dark="1"] #fregister .fregister_private div,html[data-tz-dark="1"] #fregister .fregister_terms div{background:var(--tz-panel-2)!important;color:var(--tz-text)!important;border-color:var(--tz-line)!important}
html[data-tz-dark="1"] input:-webkit-autofill,html[data-tz-dark="1"] textarea:-webkit-autofill{-webkit-text-fill-color:var(--tz-text)!important;box-shadow:0 0 0 1000px var(--tz-panel-2) inset!important}

@media (max-width:900px){.pg_wrap .pg_page:nth-of-type(n+7){display:none!important}.tz-pages a,.tz-pages strong,.pg_page,.pg_current{min-width:32px;height:32px}.tz-search-page .tz-post-title .tz-badge{font-size:10px;padding:2px 6px}}

/* TOONZIP_DESIGN_PATCH_V002: comments moved directly below content; footer right-aligned. */
.tz-view-content + .tz-comments-wrap{margin-top:28px}
.tz-comments-wrap + .tz-view-tools{margin-top:22px}


/* TOONZIP_V04R2: structure-preserving fixes after v04 discard */
.tz-home-v04r2 .tz-latest-manga-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:16px;align-items:stretch}.tz-latest-hero{display:grid;grid-template-rows:auto auto auto;text-decoration:none;background:var(--tz-panel-2);border:1px solid var(--tz-line);border-radius:16px;overflow:hidden;min-width:0}.tz-latest-hero span{display:block;height:210px;background:var(--tz-soft);overflow:hidden}.tz-latest-hero img{width:100%;height:100%;object-fit:cover;display:block}.tz-latest-hero b{display:block;padding:13px 14px 2px;font-size:16px;font-weight:950;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-latest-hero em{font-style:normal;color:var(--tz-muted);font-size:12px;padding:0 14px 14px}.tz-home-stream{display:grid;grid-template-rows:repeat(4,1fr);gap:10px}.tz-home-stream-row{display:grid;grid-template-columns:92px minmax(0,1fr);gap:12px;align-items:center;text-decoration:none;background:var(--tz-panel-2);border:1px solid var(--tz-line);border-radius:14px;padding:8px;min-height:72px}.tz-home-stream-thumb{display:block;width:92px;height:58px;border-radius:10px;overflow:hidden;background:var(--tz-soft)}.tz-home-stream-thumb img{width:100%;height:100%;object-fit:cover;display:block}.tz-home-stream-main{min-width:0}.tz-home-stream-main b{display:block;font-size:13px;font-weight:950;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-home-stream-main em{display:block;margin-top:5px;font-style:normal;color:var(--tz-muted);font-size:12px}.tz-home-more-manga{margin-top:14px}.tz-sort-tabs{display:none!important}.tz-view-actions,.tz-view-nav{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:22px}.tz-view-actions a,.tz-view-actions button,.tz-view-nav a,.tz-view-nav button{height:40px;border:1px solid var(--tz-line);background:var(--tz-panel-2);color:var(--tz-text);border-radius:999px;padding:0 15px;font-weight:950;text-decoration:none}.tz-view-actions .tz-good-btn{background:var(--tz-accent);border-color:var(--tz-accent);color:#fff}.tz-share-panel{margin:12px auto 0;width:max-content;max-width:100%;display:flex;gap:8px;flex-wrap:wrap;justify-content:center;background:var(--tz-panel-2);border:1px solid var(--tz-line);border-radius:14px;padding:10px;opacity:0;transform:translateY(-4px);transition:opacity .16s,transform .16s}.tz-share-panel.is-open{opacity:1;transform:translateY(0)}.tz-share-panel a,.tz-share-panel button{height:34px;border:1px solid var(--tz-line);background:var(--tz-panel);color:var(--tz-text);border-radius:999px;padding:0 12px;font-weight:900;text-decoration:none}.tz-comments-wrap{margin-top:24px}.tz-view-nav{margin-top:20px}.tz-view-follow-stack{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:26px}.tz-view-follow-section{margin:0!important}.tz-view-follow-section .tz-section-head{margin-bottom:8px}.tz-page-view .tz-board{margin-top:26px}.tz-pages{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 4px}.tz-pages a,.tz-pages strong{display:grid;place-items:center;min-width:36px;height:36px;border-radius:11px;border:1px solid var(--tz-line);background:var(--tz-panel);text-decoration:none;font-weight:950;color:var(--tz-text)}.tz-pages strong{background:var(--tz-text);color:var(--tz-panel);border-color:var(--tz-text)}.tz-pages .tz-page-first,.tz-pages .tz-page-prev,.tz-pages .tz-page-next{padding:0 12px;min-width:42px}.tz-post-title .tz-badge,.tz-view-labels .tz-badge{display:none!important}
@media(max-width:980px){.tz-home-v04r2 .tz-latest-manga-layout{grid-template-columns:1fr}.tz-latest-hero span{height:150px}.tz-view-follow-stack{grid-template-columns:1fr}.tz-home-stream{grid-template-rows:auto}.tz-home-stream-row{min-height:68px}}
@media(max-width:520px){.tz-home-stream-row{grid-template-columns:76px minmax(0,1fr)}.tz-home-stream-thumb{width:76px;height:52px}.tz-latest-hero span{height:120px}.tz-pages{gap:5px}.tz-pages a,.tz-pages strong{min-width:32px;height:32px;font-size:12px}.tz-pages .tz-page-first,.tz-pages .tz-page-prev,.tz-pages .tz-page-next{min-width:38px}}


/* TOONZIP_V04R2A: home cache layout / reduced empty space */
.tz-home-v04r2a{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start}
.tz-home-v04r2a .tz-home-left,.tz-home-v04r2a .tz-home-right{align-content:start;grid-auto-rows:auto}
.tz-home-v04r2a .tz-latest-manga-layout{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);gap:14px;align-items:stretch}
.tz-home-v04r2a .tz-latest-hero span{height:190px}
.tz-home-v04r2a .tz-home-stream{grid-template-rows:repeat(4,1fr);gap:9px}
.tz-home-v04r2a .tz-home-stream-row{min-height:66px;padding:7px}
.tz-home-v04r2a .tz-home-stream-thumb{width:88px;height:54px}
.tz-home-v04r2a .tz-section{min-height:0}
.tz-home-v04r2a .tz-hitbox{margin-top:0}
.tz-view-follow-stack .tz-rank li a,.tz-view-follow-stack .tz-hit-list li a{grid-template-columns:minmax(0,1fr);gap:0}
.tz-view-follow-stack .tz-rank li em,.tz-view-follow-stack .tz-hit-list li em{display:none!important}
@media(max-width:980px){.tz-home-v04r2a{grid-template-columns:1fr}.tz-home-v04r2a .tz-latest-manga-layout{grid-template-columns:1fr}.tz-home-v04r2a .tz-latest-hero span{height:150px}.tz-home-v04r2a .tz-home-stream{grid-template-rows:auto}.tz-home-v04r2a .tz-home-right{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.tz-home-v04r2a .tz-home-right{grid-template-columns:1fr}.tz-home-v04r2a .tz-latest-hero span{height:124px}.tz-home-v04r2a .tz-home-stream-row{grid-template-columns:76px minmax(0,1fr)}.tz-home-v04r2a .tz-home-stream-thumb{width:76px;height:50px}}


/* TOONZIP_V04R2B: home/view/floating refinements */
.tz-home-v04r2b{grid-template-columns:minmax(0,1.32fr) minmax(320px,.68fr);align-items:start}
.tz-home-v04r2b .tz-home-left,.tz-home-v04r2b .tz-home-right{align-content:start;grid-auto-rows:auto}
.tz-home-v04r2b .tz-section{min-height:0}
.tz-latest-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.tz-latest-card{display:block;text-decoration:none;color:var(--tz-text);background:var(--tz-panel-2);border:1px solid var(--tz-line);border-radius:16px;overflow:hidden;min-width:0;transition:border-color .16s,transform .16s,box-shadow .16s}
.tz-latest-card:hover{border-color:var(--tz-accent);transform:translateY(-2px);box-shadow:var(--tz-shadow)}
.tz-latest-card span{display:block;height:118px;background:var(--tz-soft);overflow:hidden}
.tz-latest-card img{display:block;width:100%;height:100%;object-fit:cover}
.tz-latest-card b{display:block;padding:10px 11px 2px;font-size:13px;font-weight:950;line-height:1.35;min-height:46px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.tz-latest-card em{display:block;font-style:normal;color:var(--tz-muted);font-size:12px;font-weight:850;padding:0 11px 10px}
.tz-latest-list5{margin-top:2px}
.tz-hit-list li a{grid-template-columns:minmax(0,1fr) auto!important;gap:12px!important}
.tz-hit-list li a:before{display:none!important;content:none!important}
.tz-view-actions,.tz-view-nav{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;margin-top:22px}
.tz-view-actions .tz-action-btn,.tz-view-actions a,.tz-view-actions button,.tz-view-nav a,.tz-view-nav button{display:inline-flex;align-items:center;justify-content:center;height:42px;min-width:86px;border:1px solid var(--tz-line);background:var(--tz-panel-2);color:var(--tz-text);border-radius:999px;padding:0 16px;font-weight:950;text-decoration:none;line-height:1;box-shadow:none}
.tz-view-actions .tz-good-btn{background:var(--tz-accent);border-color:var(--tz-accent);color:#fff}
.tz-view-actions .tz-scrap-btn,.tz-view-actions .tz-share-toggle{background:var(--tz-panel);}
.tz-view-actions a:hover,.tz-view-actions button:hover,.tz-view-nav a:hover,.tz-view-nav button:hover{border-color:var(--tz-accent);color:var(--tz-accent)}
.tz-view-actions .tz-good-btn:hover{color:#fff;filter:brightness(1.04)}
#bo_list_after_view.tz-view-board-list{margin-top:28px;width:100%}
.tz-float-stack{position:fixed;right:18px;bottom:18px;z-index:120;display:grid;gap:7px;opacity:.72;transition:opacity .15s,transform .15s}
.tz-float-stack:hover{opacity:.98}
.tz-float-btn{min-width:46px;height:38px;border:1px solid var(--tz-line);border-radius:14px;background:rgba(255,255,255,.78);color:var(--tz-text);font-weight:1000;font-size:13px;box-shadow:0 12px 34px rgba(0,0,0,.12);backdrop-filter:blur(10px)}
html[data-tz-dark="1"] .tz-float-btn{background:rgba(17,24,32,.72)}
.tz-float-btn:hover{border-color:var(--tz-accent);color:var(--tz-accent);transform:translateY(-1px)}
@media(max-width:1280px){.tz-home-v04r2b{grid-template-columns:1fr}.tz-home-v04r2b .tz-home-right{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.tz-latest-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tz-latest-card span{height:92px}.tz-latest-card b{font-size:12px;padding:8px 8px 2px;min-height:42px}.tz-latest-card em{padding:0 8px 8px}.tz-float-stack{right:12px;bottom:12px}.tz-float-btn{min-width:42px;height:36px;font-size:12px}}
@media(max-width:520px){.tz-latest-grid3{gap:6px}.tz-latest-card span{height:78px}.tz-latest-card b{font-size:11px;min-height:40px}.tz-home-v04r2b .tz-home-right{grid-template-columns:1fr}}


/* TOONZIP_V04R2C: main layout correction / latest-order board sections / login confirm UI */
.tz-home-v04r2c{grid-template-columns:minmax(0,1.42fr) minmax(300px,.58fr);align-items:start}
.tz-home-v04r2c .tz-home-left,.tz-home-v04r2c .tz-home-right{align-content:start;grid-auto-rows:auto;gap:18px}
.tz-home-v04r2c .tz-section{min-height:0}
.tz-home-v04r2c .tz-latest-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}
.tz-home-v04r2c .tz-latest-card span{height:118px}
.tz-home-v04r2c .tz-home-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:0;align-items:start}
.tz-home-v04r2c .tz-home-list-grid li{min-width:0}
.tz-home-v04r2c .tz-home-list-grid li a{min-height:38px;padding:9px 0}
.tz-home-v04r2c .tz-latest-list10{margin-top:4px}
.tz-home-v04r2c .tz-home-right .tz-rank li a{min-height:36px}
.tz-view-actions [data-tz-login-required]{cursor:pointer}
@media(max-width:1280px){.tz-home-v04r2c{grid-template-columns:1fr}.tz-home-v04r2c .tz-home-right{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){.tz-home-v04r2c .tz-latest-grid3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tz-home-v04r2c .tz-latest-card span{height:92px}.tz-home-v04r2c .tz-home-list-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}.tz-home-v04r2c .tz-home-right{grid-template-columns:1fr}.tz-home-v04r2c .tz-home-list-grid li a{font-size:13px}}
@media(max-width:520px){.tz-home-v04r2c .tz-latest-grid3{gap:6px}.tz-home-v04r2c .tz-latest-card span{height:76px}.tz-home-v04r2c .tz-latest-card b{font-size:11px;min-height:40px}.tz-home-v04r2c .tz-home-list-grid{grid-template-columns:1fr}.tz-home-v04r2c .tz-section{padding:14px}}


/* TOONZIP_V04R2E_HEADER_NOT_STICKY_ENFORCE */
.tz-topbar{position:relative!important;top:auto!important}
@media (max-width:900px){.tz-sidebar{width:300px!important}}


/* TOONZIP_V04R2E_MOBILE_MENU_FIX_20260624
   - mobile hamburger toggles open/close via JS
   - mobile sidebar starts at the very top, not below the header
   - mobile sidebar has its own logo/header area
   - leaked X/Twitter loading placeholders are hidden for already-posted legacy content */
.tz-side-mobile-head{display:none}
.tz-view-content .twitter-embed-placeholder,
.tz-view-content .twitter-embed-loading,
.tz-view-content .twitter-tweet,
.tz-view-content .twitter-tweet-rendered,
.tz-view-content iframe[src*="platform.twitter.com"],
.tz-view-content iframe[src*="twitter.com/embed"],
.tz-view-content script[src*="platform.twitter.com"]{display:none!important;visibility:hidden!important;height:0!important;max-height:0!important;overflow:hidden!important;margin:0!important;padding:0!important;border:0!important}
@media (max-width:900px){
  .tz-sidebar{top:0!important;width:300px!important;max-width:300px!important;padding-top:0!important;transform:translateX(-105%)}
  .tz-sidebar-bg{inset:0!important}
  .tz-side-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px;padding:14px 14px 12px;margin:0 -14px 12px;border-bottom:1px solid var(--tz-line);background:linear-gradient(180deg,var(--tz-panel),var(--tz-panel-2));position:sticky;top:0;z-index:4}
  .tz-side-mobile-logo{display:grid;gap:2px;text-decoration:none;color:var(--tz-text);min-width:0}
  .tz-side-mobile-logo b{font-size:24px;line-height:1;font-weight:1000;letter-spacing:-.05em}
  .tz-side-mobile-logo span{font-size:11px;color:var(--tz-muted);font-weight:850;letter-spacing:.02em}
  .tz-side-mobile-close{display:grid!important;min-width:36px!important;width:36px!important;height:36px!important;font-size:20px!important;line-height:1;background:var(--tz-panel-2)!important;border:1px solid var(--tz-line)!important}
}

/* TOONZIP_V04R2E_MOBILE_MENU_ZINDEX_FIX_20260624_START */
@media (max-width:900px){
  html.tz-sidebar-open .tz-sidebar-bg,
  .tz-sidebar-bg.is-open{
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:2147483000!important;
  }

  html.tz-sidebar-open .tz-sidebar,
  .tz-sidebar.is-open{
    position:fixed!important;
    top:0!important;
    left:0!important;
    bottom:0!important;
    width:300px!important;
    max-width:300px!important;
    transform:translateX(0)!important;
    z-index:2147483001!important;
  }

  .tz-side-mobile-head{
    position:sticky!important;
    top:0!important;
    z-index:2147483002!important;
  }

  .tz-sidebar-toggle,
  .tz-side-mobile-close{
    z-index:2147483003!important;
  }

  .tz-topbar,
  .tz-searchbar{
    z-index:90!important;
  }
}
/* TOONZIP_V04R2E_MOBILE_MENU_ZINDEX_FIX_20260624_END */

/* TOONZIP_MOBILE_SECTION_MORE_SAME_LINE_20260624_START */
@media (max-width:900px){
  .tz-section-head{
    grid-template-columns:minmax(0,1fr) auto!important;
    align-items:end!important;
    column-gap:10px!important;
  }
  .tz-section-head p{
    grid-column:1 / -1!important;
    grid-row:1!important;
  }
  .tz-section-head h2{
    grid-column:1!important;
    grid-row:2!important;
    min-width:0!important;
  }
  .tz-section-head a{
    grid-column:2!important;
    grid-row:2!important;
    justify-self:end!important;
    align-self:center!important;
    white-space:nowrap!important;
  }
}
/* TOONZIP_MOBILE_SECTION_MORE_SAME_LINE_20260624_END */



/* TOONZIP_V04R2E_PC_LAYOUT_FIX_20260624_R2_START
   PC:
   - Sidebar mini/full toggle must not move main/view/list axis.
   - Home right column fixed to 270px.
   - Board list and view pages fixed to 1200px and centered.
*/
@media (min-width:901px){
  html.tz-sidebar-mini .tz-main,
  html.tz-sidebar-mini .tz-footer{
    margin-left:var(--tz-sidebar-w)!important;
  }

  .tz-page-board .tz-content,
  .tz-page-view .tz-content{
    max-width:1200px!important;
    width:100%!important;
    padding-left:0!important;
    padding-right:0!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .tz-page-board #bo_list.tz-board,
  .tz-page-view #bo_v.tz-view,
  .tz-page-view #bo_list_after_view.tz-view-board-list{
    width:100%!important;
    max-width:1200px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }
}

@media (min-width:1281px){
  .tz-home-v04r2c{
    grid-template-columns:minmax(0,1fr) 270px!important;
  }
  .tz-home-v04r2c .tz-home-right{
    width:270px!important;
    max-width:270px!important;
  }
  .tz-home-v04r2c .tz-home-right > .tz-section{
    width:100%!important;
  }
}
/* TOONZIP_V04R2E_PC_LAYOUT_FIX_20260624_R2_END */


/* TOONZIP_V04R2E_R3_LAYOUT_THUMB_FOOTER_20260625_START
   PC axis is viewport-centered. Sidebar is a fixed rail, not a layout column.
   Header, main body and footer inner width use the same 1200px shell.
*/
:root{
  --tz-pc-shell-w:1200px;
  --tz-home-right-w:270px;
  --tz-home-gap:18px;
}

@media (min-width:901px){
  .tz-main,
  html.tz-sidebar-mini .tz-main,
  .tz-footer,
  html.tz-sidebar-mini .tz-footer{
    margin-left:0!important;
  }

  .tz-topbar-inner,
  .tz-content,
  .tz-footer-inner{
    width:min(var(--tz-pc-shell-w), calc(100vw - 48px))!important;
    max-width:var(--tz-pc-shell-w)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .tz-content{
    padding-left:0!important;
    padding-right:0!important;
  }

  .tz-page-home .tz-content,
  .tz-page-board .tz-content,
  .tz-page-view .tz-content{
    max-width:var(--tz-pc-shell-w)!important;
  }

  .tz-home-v04r2c{
    width:100%!important;
    max-width:var(--tz-pc-shell-w)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    grid-template-columns:minmax(0,1fr) var(--tz-home-right-w)!important;
    gap:var(--tz-home-gap)!important;
    align-items:start!important;
  }

  .tz-home-v04r2c .tz-home-right{
    width:var(--tz-home-right-w)!important;
    max-width:var(--tz-home-right-w)!important;
  }

  .tz-home-v04r2c .tz-home-right > .tz-section{
    width:100%!important;
  }

  .tz-page-board #bo_list.tz-board,
  .tz-page-view #bo_v.tz-view,
  .tz-page-view #bo_list_after_view.tz-view-board-list{
    width:100%!important;
    max-width:var(--tz-pc-shell-w)!important;
    margin-left:auto!important;
    margin-right:auto!important;
    box-sizing:border-box!important;
  }

  .tz-page-board .tz-mode-thumb .tz-post,
  .tz-page-view #bo_list_after_view .tz-mode-thumb .tz-post{
    grid-template-columns:250px minmax(0,1fr)!important;
    gap:16px!important;
  }

  .tz-page-board .tz-mode-thumb .tz-post-thumb,
  .tz-page-view #bo_list_after_view .tz-mode-thumb .tz-post-thumb{
    width:250px!important;
    height:150px!important;
  }
}

@media (max-width:900px){
  .tz-mode-thumb .tz-post{
    grid-template-columns:120px minmax(0,1fr)!important;
    gap:10px!important;
  }

  .tz-mode-thumb .tz-post-thumb{
    width:120px!important;
    height:80px!important;
  }
}

.tz-footer{
  text-align:right!important;
}

.tz-footer-inner{
  margin-left:auto;
  margin-right:auto;
}

.tz-footer nav{
  justify-content:flex-end!important;
}

.tz-top-actions .tz-new-comments{
  text-decoration:none;
}
/* TOONZIP_V04R2E_R3_LAYOUT_THUMB_FOOTER_20260625_END */


/* TOONZIP_SECTION_LABEL_INLINE_20260625_START
   Section eyebrow label placement:
   before: LIVE
           실시간 인기
   after : 실시간 인기 LIVE
   Applies to home sections and view follow sections.
*/
.tz-section-head{
  display:flex!important;
  align-items:flex-end!important;
  gap:8px!important;
  min-width:0!important;
}

.tz-section-head h2{
  order:1!important;
  margin:0!important;
  line-height:1.06!important;
  min-width:0!important;
}

.tz-section-head p{
  order:2!important;
  margin:0 0 3px!important;
  line-height:1!important;
  white-space:nowrap!important;
  flex:0 0 auto!important;
  font-size:12px!important;
  letter-spacing:.065em!important;
  font-weight:1000!important;
}

.tz-section-head > a{
  order:3!important;
  margin-left:auto!important;
  align-self:center!important;
  flex:0 0 auto!important;
}

@media(max-width:900px){
  .tz-section-head{
    gap:6px!important;
  }
  .tz-section-head p{
    font-size:11px!important;
    margin-bottom:2px!important;
  }
}
/* TOONZIP_SECTION_LABEL_INLINE_20260625_END */


/* TOONZIP_V05_DESIGN_REFRESH_20260625_START
   Visual language: warm paper + calm teal. No pure white/black default surfaces.
   Structure is preserved: home sections, board list, view order, follow sections, 5-number pager.
*/
:root{
  --tz-bg:#f3efe5;
  --tz-bg-2:#ebe5d7;
  --tz-panel:#fffaf1;
  --tz-panel-2:#f8f1e5;
  --tz-text:#1f2827;
  --tz-muted:#66746f;
  --tz-soft:#eee6d7;
  --tz-soft-2:#f4ecdd;
  --tz-line:#dfd3c0;
  --tz-line-strong:#3d615b;
  --tz-accent:#3f7f75;
  --tz-accent-2:#e1f0eb;
  --tz-accent-3:#f1c77d;
  --tz-red:#d95c52;
  --tz-topbar-bg:rgba(255,250,241,.88);
  --tz-sidebar-bg:linear-gradient(180deg,#fff9ed 0%,#f4ead9 100%);
  --tz-shadow:0 18px 44px rgba(75,62,40,.10);
  --tz-shadow-soft:0 10px 28px rgba(75,62,40,.08);
  --tz-radius:22px;
  --tz-pc-shell-w:1200px;
  --tz-home-right-w:270px;
  --tz-home-gap:18px;
}
html[data-tz-dark="1"]{
  --tz-bg:#101715;
  --tz-bg-2:#0c1211;
  --tz-panel:#17211f;
  --tz-panel-2:#121b19;
  --tz-text:#f2eadc;
  --tz-muted:#a6b2aa;
  --tz-soft:#20302d;
  --tz-soft-2:#1b2926;
  --tz-line:#2b3d38;
  --tz-line-strong:#9ed5c8;
  --tz-accent:#79c6b6;
  --tz-accent-2:#193831;
  --tz-accent-3:#e2b66b;
  --tz-red:#f07b6f;
  --tz-topbar-bg:rgba(18,27,25,.88);
  --tz-sidebar-bg:linear-gradient(180deg,#17211f 0%,#101715 100%);
  --tz-shadow:0 18px 44px rgba(0,0,0,.24);
  --tz-shadow-soft:0 10px 28px rgba(0,0,0,.20);
}
html,body{background:var(--tz-bg)!important}
body{background:
  radial-gradient(circle at 18% -10%, rgba(63,127,117,.16), transparent 28rem),
  radial-gradient(circle at 90% 8%, rgba(241,199,125,.14), transparent 26rem),
  linear-gradient(180deg,var(--tz-bg),var(--tz-bg-2))!important}
html[data-tz-dark="1"] body{background:
  radial-gradient(circle at 18% -10%, rgba(121,198,182,.12), transparent 30rem),
  radial-gradient(circle at 92% 6%, rgba(226,182,107,.10), transparent 28rem),
  linear-gradient(180deg,var(--tz-bg),var(--tz-bg-2))!important}
.tz-app{background:transparent!important;color:var(--tz-text)}
.tz-topbar{background:var(--tz-topbar-bg)!important;border-bottom:1px solid rgba(63,97,91,.18)!important;box-shadow:0 8px 26px rgba(75,62,40,.06);backdrop-filter:saturate(1.25) blur(18px)}
html[data-tz-dark="1"] .tz-topbar{box-shadow:0 8px 26px rgba(0,0,0,.18)}
.tz-brand b{font-family:Inter,Arial Black,Impact,sans-serif!important;letter-spacing:-1.4px;color:var(--tz-text)!important;text-shadow:none!important}
.tz-brand:hover b{color:var(--tz-accent)!important}
.tz-top-search,.tz-searchbar input{background:rgba(255,255,255,.48)!important;border:1px solid transparent!important;box-shadow:inset 0 0 0 1px rgba(63,97,91,.05)}
html[data-tz-dark="1"] .tz-top-search,html[data-tz-dark="1"] .tz-searchbar input{background:rgba(255,255,255,.06)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.03)}
.tz-top-search:focus-within{border-color:rgba(63,127,117,.38)!important;box-shadow:0 0 0 4px rgba(63,127,117,.12)!important;background:var(--tz-panel)!important}
.tz-top-search button,.tz-searchbar button{background:var(--tz-accent)!important;color:#fff!important;box-shadow:0 8px 18px rgba(63,127,117,.20)}
.tz-icon-btn{color:var(--tz-muted)!important;background:transparent!important;border-color:transparent!important}
.tz-icon-btn:hover{color:var(--tz-accent)!important;background:var(--tz-accent-2)!important;transform:translateY(-1px)}
.tz-login{background:var(--tz-text)!important;color:var(--tz-panel)!important;border-color:transparent!important;box-shadow:var(--tz-shadow-soft)}
.tz-login:hover{background:var(--tz-accent)!important;color:#fff!important}
.tz-sidebar{background:var(--tz-sidebar-bg)!important;border-right:1px solid var(--tz-line)!important;box-shadow:10px 0 30px rgba(75,62,40,.06)}
html[data-tz-dark="1"] .tz-sidebar{box-shadow:10px 0 30px rgba(0,0,0,.22)}
.tz-side-section>strong{color:var(--tz-accent)!important;letter-spacing:.14em}
.tz-side-link{color:var(--tz-text)!important;border:1px solid transparent!important;transition:background .16s,border-color .16s,transform .16s}
.tz-side-link i{background:rgba(63,127,117,.10)!important;color:var(--tz-accent)!important;border:1px solid rgba(63,127,117,.12)!important}
.tz-side-link:hover,.tz-side-link.is-on{background:rgba(63,127,117,.10)!important;border-color:rgba(63,127,117,.18)!important;transform:translateX(2px)}
.tz-side-link.is-on i{background:var(--tz-accent)!important;color:#fff!important}
.tz-sidebar-collapse{background:var(--tz-panel)!important;color:var(--tz-accent)!important;border-color:var(--tz-line)!important}
.tz-section,.tz-board,.tz-view,.tz-new-page,.tz-search-page{background:linear-gradient(180deg,var(--tz-panel),var(--tz-panel-2))!important;border:1px solid var(--tz-line)!important;border-radius:var(--tz-radius)!important;box-shadow:var(--tz-shadow)!important}
.tz-section{padding:18px!important}
.tz-section-head{display:flex!important;align-items:flex-end!important;gap:8px!important;border-bottom:1px solid var(--tz-line)!important;padding-bottom:12px!important;margin-bottom:13px!important}
.tz-section-head h2{order:1!important;font-size:24px!important;letter-spacing:-.75px!important;line-height:1!important;margin:0!important;color:var(--tz-text)!important}
.tz-section-head p{order:2!important;margin:0 0 1px!important;padding:4px 7px!important;border-radius:999px!important;background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;font-size:11px!important;font-weight:1000!important;letter-spacing:.08em!important;line-height:1!important;white-space:nowrap!important}
.tz-section-head>a{order:3!important;margin-left:auto!important;color:var(--tz-accent)!important;text-decoration:none!important;font-weight:1000!important}
.tz-section-head>a:hover{text-decoration:underline!important}
.tz-card,.tz-latest-card,.tz-mode-gallery .tz-post{background:var(--tz-panel)!important;border-color:var(--tz-line)!important;box-shadow:0 0 0 rgba(0,0,0,0)!important}
.tz-card:hover,.tz-latest-card:hover,.tz-mode-gallery .tz-post:hover{border-color:rgba(63,127,117,.45)!important;box-shadow:var(--tz-shadow-soft)!important;transform:translateY(-2px)}
.tz-card-img,.tz-latest-card span,.tz-post-thumb{background:var(--tz-soft)!important}
.tz-rank li a,.tz-hit-list li a{border-bottom:1px solid rgba(63,97,91,.14)!important;color:var(--tz-text)!important}
.tz-rank li a:hover span,.tz-hit-list li a:hover span{color:var(--tz-accent)!important}
.tz-rank li em{color:var(--tz-muted)!important}
.tz-board-head,.tz-view-head,.tz-comments-wrap .cmt_btn{border-bottom:1px solid var(--tz-line)!important}
.tz-board-head h1,.tz-view-title{letter-spacing:-1.2px!important;color:var(--tz-text)!important}
.tz-view-labels span{background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;border:1px solid rgba(63,127,117,.18)!important}
.tz-view-content{background:transparent!important}
.tz-view-content img{border-radius:2px}
.tz-ico{width:18px;height:18px;display:inline-block;vertical-align:-3px;flex:0 0 auto}.tz-icon-btn .tz-ico,.tz-float-btn .tz-ico,.tz-board-actions .tz-ico{width:19px;height:19px}.tz-side-link .tz-ico{width:18px;height:18px}.tz-action-btn .tz-ico,.tz-view-nav .tz-ico,.tz-share-chip .tz-ico,.tz-post-actions .tz-ico{width:16px;height:16px}
.tz-board-actions button,.tz-board-actions a{background:rgba(255,255,255,.36)!important;border:1px solid var(--tz-line)!important;color:var(--tz-muted)!important;border-radius:13px!important;display:inline-grid!important;place-items:center!important;transition:background .16s,border-color .16s,color .16s,transform .16s}
html[data-tz-dark="1"] .tz-board-actions button,html[data-tz-dark="1"] .tz-board-actions a{background:rgba(255,255,255,.04)!important}
.tz-board-actions button:hover,.tz-board-actions a:hover,.tz-board-actions .is-on{background:var(--tz-accent-2)!important;border-color:rgba(63,127,117,.42)!important;color:var(--tz-accent)!important;transform:translateY(-1px)}
.tz-post{border-bottom:1px solid rgba(63,97,91,.14)!important}.tz-post-title{color:var(--tz-text)!important}.tz-post-title:hover{color:var(--tz-accent)!important}.tz-post-meta{color:var(--tz-muted)!important}.tz-post-actions a,.tz-post-actions span{gap:5px;background:rgba(255,255,255,.32)!important;border-color:var(--tz-line)!important;color:var(--tz-muted)!important}.tz-post-actions a:hover{background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;border-color:rgba(63,127,117,.28)!important}
.tz-feature3 li a{background:rgba(63,127,117,.07)!important;border-color:rgba(63,127,117,.16)!important}.tz-feature3 b{display:inline-grid;color:var(--tz-accent)!important}.tz-feature3 .tz-ico{width:16px;height:16px}
.tz-view-actions{display:flex!important;justify-content:center!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;margin:24px auto 0!important;padding:10px!important;width:max-content!important;max-width:100%!important;border:1px solid var(--tz-line)!important;border-radius:999px!important;background:rgba(255,255,255,.32)!important;box-shadow:var(--tz-shadow-soft)!important}
html[data-tz-dark="1"] .tz-view-actions{background:rgba(255,255,255,.04)!important}
.tz-view-actions a,.tz-view-actions button,.tz-view-nav a,.tz-view-nav button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;height:40px!important;border:1px solid var(--tz-line)!important;background:var(--tz-panel)!important;color:var(--tz-text)!important;border-radius:999px!important;padding:0 14px!important;font-weight:950!important;text-decoration:none!important;transition:background .16s,border-color .16s,color .16s,transform .16s!important}
.tz-view-actions a:hover,.tz-view-actions button:hover,.tz-view-nav a:hover,.tz-view-nav button:hover{border-color:rgba(63,127,117,.42)!important;color:var(--tz-accent)!important;background:var(--tz-accent-2)!important;transform:translateY(-1px)}
.tz-view-actions .tz-good-btn{background:var(--tz-accent)!important;border-color:var(--tz-accent)!important;color:#fff!important;box-shadow:0 10px 22px rgba(63,127,117,.24)!important}.tz-view-actions .tz-good-btn:hover{background:#316d64!important;color:#fff!important}.tz-view-actions .tz-good-btn b{font-variant-numeric:tabular-nums}
.tz-share-panel{margin:12px auto 0!important;width:max-content!important;max-width:100%!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;justify-content:center!important;background:var(--tz-panel)!important;border:1px solid var(--tz-line)!important;border-radius:18px!important;padding:10px!important;box-shadow:var(--tz-shadow)!important;opacity:0;transform:translateY(-4px);transition:opacity .16s,transform .16s}
.tz-share-panel.is-open{opacity:1;transform:translateY(0)}.tz-share-chip,.tz-share-panel a,.tz-share-panel button{display:inline-flex!important;align-items:center!important;gap:7px!important;height:36px!important;border:1px solid var(--tz-line)!important;background:var(--tz-panel-2)!important;color:var(--tz-text)!important;border-radius:999px!important;padding:0 12px!important;font-weight:900!important;text-decoration:none!important}.tz-share-chip:hover,.tz-share-panel a:hover,.tz-share-panel button:hover{background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;border-color:rgba(63,127,117,.35)!important}
.tz-view-nav{margin-top:22px!important}.tz-view-follow-stack{gap:16px!important}.tz-view-follow-section{margin:0!important}.tz-page-view .tz-board{margin-top:28px!important}
.tz-comments-wrap{background:linear-gradient(180deg,var(--tz-panel),var(--tz-panel-2))!important;border:1px solid var(--tz-line)!important;border-radius:20px!important;padding:18px!important;box-shadow:var(--tz-shadow-soft)!important}.tz-comments-wrap #bo_vc_w{display:block!important;visibility:visible!important;opacity:1!important;margin-top:18px!important;border-top:1px solid var(--tz-line)!important;padding-top:16px!important}.tz-comments-wrap #wr_content{display:block!important;width:100%!important;min-height:112px!important;border:1px solid var(--tz-line)!important;border-radius:16px!important;background:var(--tz-panel)!important;color:var(--tz-text)!important;padding:13px!important;outline:none!important;resize:vertical!important}.tz-comments-wrap #wr_content:focus{border-color:rgba(63,127,117,.55)!important;box-shadow:0 0 0 4px rgba(63,127,117,.13)!important}.tz-comments-wrap .btn_submit{height:38px!important;border:0!important;border-radius:999px!important;background:var(--tz-accent)!important;color:#fff!important;font-weight:1000!important;padding:0 16px!important}.tz-comment-locked{margin-top:18px;border:1px dashed var(--tz-line);border-radius:16px;background:var(--tz-panel-2);padding:16px;color:var(--tz-muted)}.tz-comment-locked h2{margin:0 0 6px;color:var(--tz-text);font-size:17px}.tz-comment-locked p{margin:0;font-weight:800}
.tz-float-stack{right:18px!important;bottom:18px!important;gap:8px!important;opacity:.86!important}.tz-float-stack:hover{opacity:1!important}.tz-float-btn{width:42px!important;height:42px!important;border-radius:15px!important;border:1px solid var(--tz-line)!important;background:rgba(255,250,241,.82)!important;color:var(--tz-muted)!important;box-shadow:var(--tz-shadow-soft)!important;backdrop-filter:blur(12px);display:grid!important;place-items:center!important}.tz-float-btn:hover{background:var(--tz-accent)!important;color:#fff!important;border-color:var(--tz-accent)!important;transform:translateY(-1px)!important}html[data-tz-dark="1"] .tz-float-btn{background:rgba(23,33,31,.82)!important}
.tz-footer{background:transparent!important;border-top:0!important;color:var(--tz-muted)!important}.tz-footer-inner{width:min(var(--tz-pc-shell-w), calc(100vw - 48px))!important;max-width:var(--tz-pc-shell-w)!important;margin-left:auto!important;margin-right:auto!important;padding:20px 0!important;border-top:1px solid var(--tz-line)!important}.tz-footer a:hover{color:var(--tz-accent)!important}
.tz-toast{position:fixed;left:50%;bottom:28px;z-index:2147483004;transform:translate(-50%,10px);opacity:0;background:var(--tz-text);color:var(--tz-panel);border-radius:999px;padding:10px 14px;font-weight:950;box-shadow:var(--tz-shadow);transition:opacity .16s,transform .16s}.tz-toast.is-open{opacity:1;transform:translate(-50%,0)}
@media (min-width:901px){
  .tz-main,html.tz-sidebar-mini .tz-main,.tz-footer,html.tz-sidebar-mini .tz-footer{margin-left:0!important}.tz-topbar-inner,.tz-content,.tz-footer-inner{width:min(var(--tz-pc-shell-w), calc(100vw - 48px))!important;max-width:var(--tz-pc-shell-w)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}.tz-content{padding-left:0!important;padding-right:0!important}.tz-home-v04r2c{width:100%!important;max-width:var(--tz-pc-shell-w)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) var(--tz-home-right-w)!important;gap:var(--tz-home-gap)!important}.tz-home-v04r2c .tz-home-right{width:var(--tz-home-right-w)!important;max-width:var(--tz-home-right-w)!important}.tz-page-board #bo_list.tz-board,.tz-page-view #bo_v.tz-view,.tz-page-view #bo_list_after_view.tz-view-board-list{width:100%!important;max-width:var(--tz-pc-shell-w)!important;margin-left:auto!important;margin-right:auto!important}.tz-page-board .tz-mode-thumb .tz-post,.tz-page-view #bo_list_after_view .tz-mode-thumb .tz-post{grid-template-columns:250px minmax(0,1fr)!important;gap:16px!important}.tz-page-board .tz-mode-thumb .tz-post-thumb,.tz-page-view #bo_list_after_view .tz-mode-thumb .tz-post-thumb{width:250px!important;height:150px!important}
}
@media (max-width:900px){
  .tz-section-head h2{font-size:19px!important}.tz-section-head p{font-size:10px!important;padding:4px 6px!important}.tz-view-actions{width:100%!important;border-radius:18px!important}.tz-view-actions a,.tz-view-actions button,.tz-view-nav a,.tz-view-nav button{height:38px!important;padding:0 12px!important}.tz-view-follow-stack{grid-template-columns:1fr!important}.tz-mode-thumb .tz-post{grid-template-columns:120px minmax(0,1fr)!important;gap:10px!important}.tz-mode-thumb .tz-post-thumb{width:120px!important;height:80px!important}.tz-footer-inner{width:100%!important;padding-left:10px!important;padding-right:10px!important}.tz-toast{bottom:18px;max-width:calc(100vw - 28px);white-space:nowrap}
}
/* TOONZIP_V05_DESIGN_REFRESH_20260625_END */


/* TOONZIP_V05_COMMENT_NEW_CSS_FIX_20260625_START
   - Comment list: remove profile-image gutter.
   - Comment write: remove secret UI.
   - New comments page: no thumbnail preview, no raw sideview block.
*/
.tz-comments-wrap #bo_vc article{
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:14px 0!important;
}

.tz-comments-wrap .pf_img{
  display:none!important;
}

.tz-comments-wrap .secret_cm{
  display:none!important;
}

.tz-comments-wrap .cm_wrap{
  width:100%!important;
  min-width:0!important;
}

.tz-new-comments-page .tz-new-comments-list{
  display:block!important;
}

.tz-new-comments-page .tz-new-comment-row{
  display:block!important;
  grid-template-columns:minmax(0,1fr)!important;
  padding:15px 0!important;
  border-bottom:1px solid var(--tz-line)!important;
}

.tz-new-comments-page .tz-new-comment-row:last-child{
  border-bottom:0!important;
}

.tz-new-comments-page .tz-post-thumb{
  display:none!important;
}

.tz-new-comments-page .tz-post-title{
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.38!important;
}

.tz-new-comments-page .tz-post-meta{
  margin-top:6px!important;
  font-size:12px!important;
  color:var(--tz-muted)!important;
}

.tz-new-comment-excerpt{
  margin:9px 0 0!important;
  padding:10px 12px!important;
  border:1px solid var(--tz-line)!important;
  border-radius:14px!important;
  background:var(--tz-panel-2)!important;
  color:var(--tz-text)!important;
  line-height:1.55!important;
  font-weight:750!important;
  word-break:break-word!important;
}
/* TOONZIP_V05_COMMENT_NEW_CSS_FIX_20260625_END */


/* TOONZIP_V05_SHARE_BRAND_CSS_20260625_START */
.tz-share-panel.tz-share-panel-brands{
  width:max-content!important;
  max-width:min(100%, 520px)!important;
  margin:10px auto 0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  flex-wrap:wrap!important;
  padding:8px 10px!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--tz-panel-2) 88%, transparent)!important;
  border:1px solid var(--tz-line)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.18)!important;
  opacity:0!important;
  transform:translateY(-4px)!important;
  transition:opacity .16s ease, transform .16s ease!important;
}
.tz-share-panel.tz-share-panel-brands[hidden]{
  display:none!important;
}
.tz-share-panel.tz-share-panel-brands.is-open{
  opacity:1!important;
  transform:translateY(0)!important;
}
.tz-share-panel-brands .tz-share-chip{
  height:30px!important;
  min-width:30px!important;
  padding:0 8px!important;
  border:1px solid color-mix(in srgb, var(--tz-line) 80%, transparent)!important;
  border-radius:999px!important;
  background:color-mix(in srgb, var(--tz-panel) 94%, transparent)!important;
  color:var(--tz-text)!important;
  text-decoration:none!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
  font-size:12px!important;
  font-weight:950!important;
  line-height:1!important;
  cursor:pointer!important;
  box-shadow:none!important;
}
.tz-share-panel-brands .tz-share-chip:hover{
  transform:translateY(-1px)!important;
  border-color:color-mix(in srgb, var(--tz-accent) 58%, var(--tz-line))!important;
  background:var(--tz-panel)!important;
}
.tz-share-panel-brands .tz-share-logo{
  width:22px!important;
  height:22px!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 22px!important;
}
.tz-share-panel-brands .tz-share-logo svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
}
.tz-share-panel-brands .tz-share-copy{
  padding-left:10px!important;
  padding-right:12px!important;
}
.tz-share-panel-brands .tz-share-icon-only{
  width:32px!important;
  height:30px!important;
  padding:0 5px!important;
}
.tz-share-panel-brands .tz-share-icon-only .tz-share-text{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
@media(max-width:900px){
  .tz-share-panel.tz-share-panel-brands{
    max-width:calc(100vw - 32px)!important;
    border-radius:18px!important;
  }
}
/* TOONZIP_V05_SHARE_BRAND_CSS_20260625_END */


/* TOONZIP_V05_PC_SCROLL_SIDEBAR_LOGO_CSS_R2_20260625_START
   PC only:
   - Fill the empty fixed sidebar top area after the top header scrolls out.
   - Hidden at top; visible after scroll.
   - Full sidebar: TOONZIP wordmark. Mini sidebar: compact TZ mark.
*/
@media (min-width:901px){
  .tz-side-fixed-logo{
    position:fixed!important;
    top:0!important;
    left:0!important;
    z-index:74!important;
    width:var(--tz-sidebar-w)!important;
    height:var(--tz-topbar-h)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-decoration:none!important;
    color:var(--tz-text)!important;
    background:
      radial-gradient(circle at 50% 0%, rgba(255,255,255,.34), transparent 62%),
      linear-gradient(180deg, var(--tz-panel), color-mix(in srgb, var(--tz-panel-2) 86%, transparent))!important;
    border-right:1px solid var(--tz-line)!important;
    border-bottom:1px solid var(--tz-line)!important;
    box-shadow:0 12px 32px rgba(0,0,0,.06)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(-8px)!important;
    transition:opacity .18s ease, visibility .18s ease, transform .18s ease, width .22s ease!important;
  }

  html.tz-scrolled .tz-side-fixed-logo{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translateY(0)!important;
  }

  .tz-side-fixed-logo b{
    display:block!important;
    font-size:24px!important;
    line-height:1!important;
    letter-spacing:-.045em!important;
    font-weight:1000!important;
    color:var(--tz-text)!important;
  }

  .tz-side-fixed-logo span{
    display:none!important;
  }

  html.tz-sidebar-mini .tz-side-fixed-logo{
    width:var(--tz-sidebar-mini-w)!important;
  }

  html.tz-sidebar-mini .tz-side-fixed-logo b{
    display:none!important;
  }

  html.tz-sidebar-mini .tz-side-fixed-logo span{
    width:38px!important;
    height:38px!important;
    border-radius:15px!important;
    display:grid!important;
    place-items:center!important;
    font-size:13px!important;
    font-weight:1000!important;
    letter-spacing:-.04em!important;
    color:var(--tz-accent)!important;
    background:var(--tz-accent-2)!important;
    border:1px solid color-mix(in srgb, var(--tz-accent) 28%, var(--tz-line))!important;
  }

  html[data-tz-dark="1"] .tz-side-fixed-logo{
    box-shadow:0 14px 34px rgba(0,0,0,.28)!important;
  }
}

@media (max-width:900px){
  .tz-side-fixed-logo{
    display:none!important;
  }
}
/* TOONZIP_V05_PC_SCROLL_SIDEBAR_LOGO_CSS_R2_20260625_END */


/* TOONZIP_V05_SEARCH_COMMENT_LOGIN_CSS_R3_20260625_START */
.tz-top-search,
.tz-searchbar input[type="search"],
.tz-top-search input[type="search"],
.tz-search-page input[type="search"],
.tz-board input[type="search"],
.tz-board input[name="stx"],
.tz-search-page input[name="stx"],
form[action*="search.php"] input[type="search"],
form[action*="search.php"] input[name="stx"]{
  background:color-mix(in srgb, var(--tz-panel-2) 86%, white 14%)!important;
  border:1px solid color-mix(in srgb, var(--tz-accent) 22%, var(--tz-line))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 8px 22px rgba(22,44,37,.045)!important;
}

.tz-top-search:focus-within,
.tz-searchbar input[type="search"]:focus,
.tz-top-search input[type="search"]:focus,
.tz-search-page input[type="search"]:focus,
.tz-board input[type="search"]:focus,
.tz-board input[name="stx"]:focus,
.tz-search-page input[name="stx"]:focus{
  border-color:color-mix(in srgb, var(--tz-accent) 55%, var(--tz-line))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35),0 0 0 4px color-mix(in srgb, var(--tz-accent) 13%, transparent),0 10px 24px rgba(22,44,37,.06)!important;
}

.tz-top-search input::placeholder,
.tz-searchbar input::placeholder,
.tz-search-page input::placeholder,
.tz-board input::placeholder{
  color:transparent!important;
}

.tz-cmt-static-title{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  width:100%!important;
  border-bottom:3px solid var(--tz-line-strong)!important;
  color:var(--tz-text)!important;
  font-weight:1000!important;
  font-size:18px!important;
  padding:0 0 12px!important;
  margin:0 0 14px!important;
}

.tz-comments-wrap .cmt_btn{
  pointer-events:none!important;
  cursor:default!important;
}

.tz-comments-wrap .cmt_more,
.tz-comments-wrap #bo_vc_w h2,
.tz-comments-wrap .secret_cm,
.tz-comments-wrap input[type="file"]{
  display:none!important;
}

.tz-comment-login-box,
.tz-comments-wrap #bo_vc_empty{
  margin:14px 0 0!important;
  background:var(--tz-panel-2)!important;
  border:1px dashed color-mix(in srgb, var(--tz-accent) 28%, var(--tz-line))!important;
  border-radius:14px!important;
  padding:18px!important;
  text-align:center!important;
  color:var(--tz-muted)!important;
  font-weight:900!important;
}

.tz-comment-login-required{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:0 16px!important;
  border-radius:999px!important;
  border:1px solid color-mix(in srgb, var(--tz-accent) 34%, var(--tz-line))!important;
  background:color-mix(in srgb, var(--tz-accent-2) 72%, var(--tz-panel))!important;
  color:var(--tz-accent)!important;
  text-decoration:none!important;
  font-weight:1000!important;
}

.tz-comment-login-required:hover{
  transform:translateY(-1px)!important;
  background:var(--tz-accent)!important;
  color:#fff!important;
}

.tz-comments-wrap #wr_content::placeholder{
  color:var(--tz-muted)!important;
}
/* TOONZIP_V05_SEARCH_COMMENT_LOGIN_CSS_R3_20260625_END */

/* TOONZIP_V05_FLOAT_ROW_R1_20260626_START
   Right-bottom floating buttons:
   - Change vertical stack to compact horizontal row.
   - Target size: width 35px, height 30px.
   - Keep the buttons fixed at the bottom-right on PC/mobile.
*/
.tz-float-stack{
  position:fixed!important;
  right:max(10px, env(safe-area-inset-right))!important;
  bottom:max(10px, env(safe-area-inset-bottom))!important;
  top:auto!important;
  left:auto!important;
  z-index:88!important;
  width:auto!important;
  max-width:calc(100vw - 20px)!important;
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:6px!important;
  grid-template-columns:none!important;
  grid-auto-flow:column!important;
  padding:0!important;
  margin:0!important;
}

.tz-float-stack .tz-float-btn{
  width:35px!important;
  min-width:35px!important;
  max-width:35px!important;
  height:30px!important;
  min-height:30px!important;
  max-height:30px!important;
  padding:0!important;
  margin:0!important;
  border-radius:12px!important;
  display:inline-grid!important;
  place-items:center!important;
  line-height:1!important;
  font-size:11px!important;
  font-weight:1000!important;
  white-space:nowrap!important;
  letter-spacing:-.04em!important;
  box-sizing:border-box!important;
}

.tz-float-stack .tz-float-btn svg{
  width:14px!important;
  height:14px!important;
  display:block!important;
}

.tz-float-stack .tz-float-btn span{
  line-height:1!important;
  font-size:11px!important;
}

@media (max-width:900px){
  .tz-float-stack{
    right:max(10px, env(safe-area-inset-right))!important;
    bottom:max(10px, env(safe-area-inset-bottom))!important;
    gap:5px!important;
  }

  .tz-float-stack .tz-float-btn{
    width:35px!important;
    min-width:35px!important;
    max-width:35px!important;
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    border-radius:12px!important;
    font-size:11px!important;
  }
}
/* TOONZIP_V05_FLOAT_ROW_R1_20260626_END */

/* TOONZIP_V05_COMPACT_DESKTOP_RESPONSIVE_R1_20260626_START
   Fix the broken intermediate viewport range between full desktop and mobile.
   Problem range: desktop sidebar remains visible while home right rail becomes too narrow.
   Policy:
   - 901~1320px: home shell becomes one column before the right rail collapses into skinny columns.
   - 1181~1320px: right rail may use 3 usable cards.
   - 901~1180px: sidebar is forced to compact mini width and right rail stacks to one column.
   - <=900px keeps the existing mobile rules.
*/
@media (min-width:901px) and (max-width:1320px){
  .tz-main{
    min-width:0!important;
  }

  .tz-content{
    min-width:0!important;
    box-sizing:border-box!important;
  }

  .tz-page-home .tz-content{
    max-width:calc(100vw - var(--tz-sidebar-w))!important;
  }

  .tz-home-shell,
  .tz-home-v04r2,
  .tz-home-v04r2c{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:18px!important;
    align-items:start!important;
  }

  .tz-home-left,
  .tz-home-right{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
  }

  .tz-home-right{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(220px,1fr))!important;
    gap:18px!important;
    align-items:start!important;
  }

  .tz-home-right .tz-section{
    min-width:0!important;
    width:100%!important;
  }

  .tz-home-right .tz-section-head{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    min-width:0!important;
  }

  .tz-home-right .tz-section-head h2{
    writing-mode:horizontal-tb!important;
    text-orientation:mixed!important;
    white-space:nowrap!important;
    word-break:keep-all!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    line-height:1.2!important;
    font-size:22px!important;
  }

  .tz-home-right .tz-section-head p{
    white-space:nowrap!important;
    flex:0 0 auto!important;
  }

  .tz-rank li a,
  .tz-rank a,
  .tz-card,
  .tz-latest-card{
    min-width:0!important;
  }

  .tz-rank li a span,
  .tz-rank a span{
    min-width:0!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }

  .tz-card-grid,
  .tz-card-strip,
  .tz-latest-grid3{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
  }

  .tz-view-follow-stack{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .tz-board-shell,
  .tz-view-shell,
  .tz-list-shell,
  .tz-search-shell{
    min-width:0!important;
    max-width:100%!important;
  }
}

@media (min-width:901px) and (max-width:1180px){
  .tz-sidebar{
    width:var(--tz-sidebar-mini-w)!important;
    padding-left:10px!important;
    padding-right:10px!important;
  }

  .tz-main{
    margin-left:var(--tz-sidebar-mini-w)!important;
  }

  .tz-side-section > strong,
  .tz-side-link span,
  .tz-side-user{
    display:none!important;
  }

  .tz-side-link{
    grid-template-columns:1fr!important;
    padding:7px!important;
    justify-items:center!important;
  }

  .tz-side-link i{
    margin:0 auto!important;
  }

  .tz-sidebar-collapse{
    left:auto!important;
    right:-20px!important;
  }

  .tz-side-fixed-logo{
    width:var(--tz-sidebar-mini-w)!important;
  }

  .tz-side-fixed-logo b{
    display:none!important;
  }

  .tz-side-fixed-logo span{
    width:38px!important;
    height:38px!important;
    border-radius:15px!important;
    display:grid!important;
    place-items:center!important;
    font-size:13px!important;
    font-weight:1000!important;
    letter-spacing:-.04em!important;
    color:var(--tz-accent)!important;
    background:var(--tz-accent-2)!important;
    border:1px solid color-mix(in srgb, var(--tz-accent) 28%, var(--tz-line))!important;
  }

  .tz-page-home .tz-content{
    max-width:calc(100vw - var(--tz-sidebar-mini-w))!important;
  }

  .tz-home-right{
    grid-template-columns:minmax(0,1fr)!important;
  }

  .tz-view-follow-stack{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

@media (min-width:901px) and (max-width:1040px){
  .tz-card-grid,
  .tz-card-strip,
  .tz-latest-grid3{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (min-width:901px) and (max-width:960px){
  .tz-card-grid,
  .tz-card-strip,
  .tz-latest-grid3{
    grid-template-columns:minmax(0,1fr)!important;
  }
}
/* TOONZIP_V05_COMPACT_DESKTOP_RESPONSIVE_R1_20260626_END */

/* TOONZIP_V05_SCRAP_AJAX_NOTICE_LOCK_CSS_R1_20260626_START */
.tz-view-admin-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  margin:18px 0 0!important;
  flex-wrap:wrap!important;
}

.tz-admin-action{
  min-height:34px!important;
  padding:0 13px!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-decoration:none!important;
  font-weight:1000!important;
  font-size:13px!important;
  border:1px solid var(--tz-line)!important;
  background:var(--tz-panel-2)!important;
  color:var(--tz-text)!important;
}

.tz-admin-action:hover{
  border-color:var(--tz-accent)!important;
  color:var(--tz-accent)!important;
}

.tz-admin-action-danger{
  border-color:color-mix(in srgb, #dc2626 35%, var(--tz-line))!important;
  color:#dc2626!important;
}

.tz-scrap-btn.is-scrapped{
  border-color:color-mix(in srgb, var(--tz-accent) 55%, var(--tz-line))!important;
  color:var(--tz-accent)!important;
}

.tz-board-notice-note{
  color:var(--tz-muted)!important;
}
/* TOONZIP_V05_SCRAP_AJAX_NOTICE_LOCK_CSS_R1_20260626_END */

/* TOONZIP_V05_FEED_BEST_NOTICE_CSS_R1_20260626_START */
/* Board post counters: icon + number only. Remove the old double-pill look. */
.tz-post-actions{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
  flex-wrap:wrap!important;
  margin-top:9px!important;
}

.tz-post-actions .tz-post-stat{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:5px!important;
  min-width:38px!important;
  height:24px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:var(--tz-muted)!important;
  text-decoration:none!important;
  box-shadow:none!important;
}

.tz-post-actions .tz-post-stat .tz-ico{
  width:14px!important;
  height:14px!important;
  opacity:.72!important;
}

.tz-post-actions .tz-post-stat b{
  display:inline-block!important;
  min-width:8px!important;
  font-size:12px!important;
  line-height:1!important;
  font-weight:950!important;
  color:var(--tz-muted)!important;
  font-variant-numeric:tabular-nums!important;
}

.tz-post-actions .tz-post-stat:hover{
  background:color-mix(in srgb, var(--tz-accent-2) 64%, transparent)!important;
  color:var(--tz-accent)!important;
}

.tz-post-actions .tz-post-stat:hover b,
.tz-post-actions .tz-post-stat:hover .tz-ico{
  color:var(--tz-accent)!important;
  opacity:1!important;
}

/* Feed mode: ToonPop-like vertical card feed, but inside ToonZip board shell. */
.tz-mode-feed{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:18px!important;
}

.tz-mode-feed .tz-post{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  gap:0!important;
  padding:0!important;
  border:1px solid var(--tz-line)!important;
  border-radius:22px!important;
  overflow:hidden!important;
  background:var(--tz-panel-2)!important;
  box-shadow:0 10px 30px rgba(26,42,36,.05)!important;
}

html[data-tz-dark="1"] .tz-mode-feed .tz-post{
  box-shadow:0 14px 34px rgba(0,0,0,.18)!important;
}

.tz-mode-feed .tz-post-thumb{
  width:100%!important;
  height:clamp(220px,34vw,420px)!important;
  border:0!important;
  border-radius:0!important;
  background:var(--tz-soft)!important;
}

.tz-mode-feed .tz-post-thumb img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

.tz-mode-feed .tz-post-main{
  padding:15px 17px 16px!important;
  min-width:0!important;
}

.tz-mode-feed .tz-post-title{
  white-space:normal!important;
  display:block!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:17px!important;
  line-height:1.38!important;
  letter-spacing:-.03em!important;
}

.tz-mode-feed .tz-post-meta{
  margin-top:8px!important;
}

.tz-mode-feed .tz-post-actions{
  margin-top:12px!important;
}

/* Existing gallery also gets the cleaner counters. */
.tz-mode-gallery .tz-post-actions{
  padding:0 8px 10px!important;
}

/* Notice board is a plain announcement list. The PHP removes controls; this is a defensive fallback. */
body .tz-page-board .tz-board[data-bo-table="notice"] .tz-random-go,
body .tz-page-board .tz-board[data-bo-table="notice"] [data-tz-mode]{
  display:none!important;
}

@media (max-width:900px){
  .tz-mode-feed{
    gap:14px!important;
  }
  .tz-mode-feed .tz-post{
    border-radius:18px!important;
  }
  .tz-mode-feed .tz-post-thumb{
    height:clamp(180px,54vw,300px)!important;
  }
  .tz-mode-feed .tz-post-main{
    padding:13px 14px 14px!important;
  }
  .tz-mode-feed .tz-post-title{
    font-size:15px!important;
  }
}
/* TOONZIP_V05_FEED_BEST_NOTICE_CSS_R1_20260626_END */

/* TOONZIP_V05_FEED_MASONRY_NOTICE_BOTTOM_R4_20260626_START */
.tz-mode-feed{display:block!important;column-count:3!important;column-gap:18px!important;width:100%!important;}
.tz-mode-feed .tz-post{display:inline-block!important;width:100%!important;break-inside:avoid!important;-webkit-column-break-inside:avoid!important;grid-template-columns:none!important;padding:0!important;margin:0 0 18px!important;border:1px solid var(--tz-line)!important;border-radius:18px!important;overflow:hidden!important;background:var(--tz-panel)!important;vertical-align:top!important;box-shadow:0 10px 28px rgba(21,35,30,.045)!important;}
html[data-tz-dark="1"] .tz-mode-feed .tz-post{box-shadow:0 12px 30px rgba(0,0,0,.20)!important;}
.tz-mode-feed .tz-post-thumb{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;border:0!important;border-radius:0!important;overflow:hidden!important;background:var(--tz-soft)!important;}
.tz-mode-feed .tz-post-thumb img{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;}
.tz-mode-feed .tz-post-main{padding:12px 13px 13px!important;}.tz-mode-feed .tz-post-title{white-space:normal!important;display:block!important;overflow:visible!important;text-overflow:clip!important;font-size:14px!important;line-height:1.42!important;}.tz-mode-feed .tz-post-meta{margin-top:6px!important;font-size:11px!important;}.tz-mode-feed .tz-post-actions{margin-top:8px!important;}
.tz-post-actions{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;}.tz-post-actions a,.tz-post-actions span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;min-width:auto!important;height:22px!important;padding:0 2px!important;border:0!important;border-radius:7px!important;background:transparent!important;color:var(--tz-muted)!important;box-shadow:none!important;text-decoration:none!important;font-weight:900!important;font-size:12px!important;}.tz-post-actions .tz-ico{width:14px!important;height:14px!important;opacity:.72!important;}.tz-post-actions .tz-stat-num{display:inline-block!important;min-width:7px!important;font-size:12px!important;line-height:1!important;color:var(--tz-muted)!important;font-variant-numeric:tabular-nums!important;}.tz-post-actions a:hover,.tz-post-actions a:hover .tz-stat-num,.tz-post-actions a:hover .tz-ico{color:var(--tz-accent)!important;opacity:1!important;}
#bo_list.tz-board[data-bo-table="notice"] .tz-board-actions .tz-random-go,#bo_list.tz-board[data-bo-table="notice"] .tz-board-actions [data-tz-mode]{display:none!important;}#bo_list.tz-board[data-bo-table="notice"] .tz-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;}#bo_list.tz-board[data-bo-table="notice"] .tz-post{display:grid!important;grid-template-columns:minmax(0,1fr)!important;padding:10px 0!important;margin:0!important;border:0!important;border-bottom:1px solid var(--tz-line)!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;}#bo_list.tz-board[data-bo-table="notice"] .tz-post-thumb,#bo_list.tz-board[data-bo-table="notice"] .tz-post-actions{display:none!important;}

@media (max-width:1180px){.tz-mode-feed{column-count:2!important;}}@media (max-width:720px){.tz-mode-feed{column-count:1!important;}}
/* TOONZIP_V05_FEED_MASONRY_NOTICE_BOTTOM_R4_20260626_END */

/* TOONZIP_V05_MOBILE_SEARCH_BOTTOM_CONTENT_R5_20260702_START
   - Mobile gallery: 2 columns, compact one-line counters.
   - Mobile search panel: pushes content with max-height transition instead of fixed overlay.
   - View bottom board list: same mode controls/head3/mode rendering as real list, with current row highlight.
   - Content pages: dark-mode safe panels for privacy/provision.
*/
@media (max-width:900px){
  .tz-mode-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;}
  .tz-mode-gallery .tz-post-thumb{height:clamp(118px,32vw,180px)!important;}
  .tz-mode-gallery .tz-post-main{padding:9px 9px 10px!important;}
  .tz-mode-gallery .tz-post-title{font-size:12px!important;line-height:1.34!important;min-height:32px!important;}
  .tz-mode-gallery .tz-post-actions{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;gap:7px!important;margin-top:7px!important;min-height:20px!important;}
  .tz-mode-gallery .tz-post-actions a,.tz-mode-gallery .tz-post-actions span{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;height:20px!important;min-width:auto!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;font-size:11px!important;white-space:nowrap!important;}
  .tz-mode-gallery .tz-post-actions .tz-ico{width:13px!important;height:13px!important;}
  .tz-mode-gallery .tz-post-actions .tz-stat-num{display:inline-block!important;font-size:11px!important;line-height:1!important;}
  .tz-searchbar{position:static!important;left:auto!important;right:auto!important;top:auto!important;z-index:auto!important;display:flex!important;max-height:0!important;opacity:0!important;overflow:hidden!important;padding-top:0!important;padding-bottom:0!important;border-bottom-width:0!important;transform:translateY(-4px)!important;transition:max-height .24s ease, opacity .18s ease, padding .24s ease, border-width .24s ease, transform .24s ease!important;}
  .tz-searchbar.is-open{max-height:76px!important;opacity:1!important;padding-top:12px!important;padding-bottom:12px!important;border-bottom-width:1px!important;transform:translateY(0)!important;}
  .tz-searchbar input{flex:1 1 auto!important;width:auto!important;min-width:0!important;}
  .tz-searchbar button{flex:0 0 auto!important;}
}
#ctt,#ctt_con,.ctt_admin,.ctt,.content_skin{color:var(--tz-text)!important;}
#ctt{background:linear-gradient(180deg,var(--tz-panel),var(--tz-panel-2))!important;border:1px solid var(--tz-line)!important;border-radius:20px!important;box-shadow:var(--tz-shadow)!important;padding:22px!important;}
#ctt h1,#ctt h2,#ctt h3,#ctt_con h1,#ctt_con h2,#ctt_con h3{color:var(--tz-text)!important;}
#ctt_con,#ctt_con p,#ctt_con li,#ctt_con div,#ctt_con td,#ctt_con th{color:var(--tz-text)!important;background:transparent!important;border-color:var(--tz-line)!important;}
#ctt_con a{color:var(--tz-accent)!important;}
#ctt_con table{width:100%!important;border-color:var(--tz-line)!important;background:var(--tz-panel)!important;}
#ctt_con th{background:var(--tz-panel-2)!important;}
#ctt_con td,#ctt_con th{border-color:var(--tz-line)!important;}
html[data-tz-dark="1"] #ctt,html[data-tz-dark="1"] #ctt_con{color:var(--tz-text)!important;}
/* TOONZIP_V05_MOBILE_SEARCH_BOTTOM_CONTENT_R5_20260702_END */

/* TOONZIP_V05_META_INLINE_ROW_CSS_R1_20260702_START */
.tz-post-meta-inline{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:7px!important;flex-wrap:nowrap!important;min-width:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tz-post-meta-inline>*{flex:0 0 auto!important;}
.tz-post-meta-inline .tz-meta-author,.tz-post-meta-inline .tz-meta-time{color:var(--tz-muted)!important;}
.tz-post-meta-inline .tz-meta-stat{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;gap:4px!important;height:18px!important;min-width:auto!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:var(--tz-muted)!important;text-decoration:none!important;line-height:1!important;}
.tz-post-meta-inline .tz-meta-stat .tz-ico{width:13px!important;height:13px!important;opacity:.68!important;}
.tz-post-meta-inline .tz-meta-stat .tz-stat-num{font-size:12px!important;font-weight:900!important;color:var(--tz-muted)!important;line-height:1!important;font-variant-numeric:tabular-nums!important;}
.tz-post-meta-inline a.tz-meta-stat:hover,.tz-post-meta-inline a.tz-meta-stat:hover .tz-stat-num,.tz-post-meta-inline a.tz-meta-stat:hover .tz-ico{color:var(--tz-accent)!important;opacity:1!important;}
.tz-list .tz-post-actions{display:none!important;}
@media(max-width:900px){.tz-post-meta-inline{gap:6px!important;font-size:11px!important;}.tz-post-meta-inline .tz-meta-stat .tz-ico{width:12px!important;height:12px!important;}.tz-post-meta-inline .tz-meta-stat .tz-stat-num{font-size:11px!important;}}
/* TOONZIP_V05_META_INLINE_ROW_CSS_R1_20260702_END */

/* TOONZIP_V05_LOGIN_TOP_ALIGN_R1_20260702_START
   Login page should not be vertically centered.
   Keep the member card near the top like ToonPop.
*/
html.tz-login body{
  min-height:100vh!important;
}

html.tz-login #tz-app{
  min-height:100vh!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  padding-top:clamp(78px, 12vh, 132px)!important;
  padding-bottom:48px!important;
}

html.tz-login .tz-member-page,
html.tz-login .tz-member-wrap,
html.tz-login .tz-member-shell,
html.tz-login .tz-login-wrap{
  min-height:auto!important;
  height:auto!important;
  display:flex!important;
  align-items:flex-start!important;
  justify-content:center!important;
  padding-top:0!important;
  margin-top:0!important;
}

html.tz-login .tz-member-card,
html.tz-login #mb_login,
html.tz-login .mbskin{
  margin-top:0!important;
  margin-bottom:0!important;
  transform:none!important;
}

@media (max-width:900px){
  html.tz-login #tz-app{
    padding-top:64px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }
}
/* TOONZIP_V05_LOGIN_TOP_ALIGN_R1_20260702_END */

/* TOONZIP_V05_MOBILE_SIDEBAR_FULL_R1_20260702_START
   If the PC sidebar was collapsed before resizing to mobile,
   html.tz-sidebar-mini can leak into mobile and hide menu labels.
   Mobile drawer must always show the full menu.
*/
@media (max-width:900px){
  html.tz-sidebar-mini .tz-sidebar,
  html.tz-mobile-sidebar-full .tz-sidebar{
    width:min(82vw, 320px)!important;
    max-width:320px!important;
    min-width:260px!important;
    padding-left:18px!important;
    padding-right:18px!important;
  }

  html.tz-sidebar-mini .tz-sidebar .tz-side-section,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-section{
    display:block!important;
    width:100%!important;
  }

  html.tz-sidebar-mini .tz-sidebar .tz-side-section > strong,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-section > strong{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
    height:auto!important;
    overflow:visible!important;
    margin:0 0 10px!important;
    text-align:left!important;
    white-space:nowrap!important;
  }

  html.tz-sidebar-mini .tz-sidebar .tz-side-link,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-link{
    display:grid!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    align-items:center!important;
    justify-items:start!important;
    gap:10px!important;
    width:100%!important;
    padding:9px 10px!important;
    text-align:left!important;
  }

  html.tz-sidebar-mini .tz-sidebar .tz-side-link i,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-link i{
    margin:0!important;
    justify-self:center!important;
  }

  html.tz-sidebar-mini .tz-sidebar .tz-side-link span,
  html.tz-sidebar-mini .tz-sidebar .tz-side-link b,
  html.tz-sidebar-mini .tz-sidebar .tz-side-link em,
  html.tz-sidebar-mini .tz-sidebar .tz-side-link small,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-link span,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-link b,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-link em,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-link small{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:auto!important;
    max-width:100%!important;
    height:auto!important;
    overflow:hidden!important;
    text-align:left!important;
    white-space:nowrap!important;
    text-overflow:ellipsis!important;
  }

  html.tz-sidebar-mini .tz-sidebar .tz-side-user,
  html.tz-mobile-sidebar-full .tz-sidebar .tz-side-user{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    text-align:left!important;
  }

  html.tz-sidebar-mini .tz-side-fixed-logo,
  html.tz-mobile-sidebar-full .tz-side-fixed-logo{
    display:none!important;
  }

  html.tz-sidebar-mini .tz-main,
  html.tz-mobile-sidebar-full .tz-main{
    margin-left:0!important;
  }
}
/* TOONZIP_V05_MOBILE_SIDEBAR_FULL_R1_20260702_END */

/* TOONZIP_V05_LOGIN_TOP_ALIGN_R2_20260702_START
   Login page vertical placement fix.
   Previous R1 targeted html.tz-login, but the real page uses #mb_login / tz-login-page.
   This rule forces the login/member card to sit near the top, not at vertical center.
*/
html body:has(#mb_login),
html body:has(.tz-login-page){
  min-height:100vh!important;
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
}

html body:has(#mb_login) #tz-app,
html body:has(.tz-login-page) #tz-app{
  min-height:100vh!important;
  height:auto!important;
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
  padding-top:0!important;
  box-sizing:border-box!important;
}

html body:has(#mb_login) .tz-member-page:not(#mb_login),
html body:has(.tz-login-page) .tz-member-page:not(#mb_login),
html body:has(#mb_login) .tz-member-wrap,
html body:has(.tz-login-page) .tz-member-wrap,
html body:has(#mb_login) .tz-member-shell,
html body:has(.tz-login-page) .tz-member-shell{
  min-height:auto!important;
  height:auto!important;
  display:block!important;
  align-items:initial!important;
  justify-content:initial!important;
  padding-top:0!important;
  margin-top:0!important;
  transform:none!important;
  box-sizing:border-box!important;
}

html body:has(#mb_login) #mb_login,
html body:has(.tz-login-page) #mb_login,
html #mb_login.tz-login-page,
html .tz-login-page #mb_login,
html body:has(#mb_login) .tz-member-card,
html body:has(.tz-login-page) .tz-member-card,
html body:has(#mb_login) .mbskin,
html body:has(.tz-login-page) .mbskin{
  margin-top:clamp(72px, 10vh, 118px)!important;
  margin-left:auto!important;
  margin-right:auto!important;
  margin-bottom:48px!important;
  transform:none!important;
  position:relative!important;
  top:auto!important;
  bottom:auto!important;
}

html body:has(#mb_login) .tz-member-card #mb_login,
html body:has(.tz-login-page) .tz-member-card #mb_login{
  margin-top:0!important;
}

@media (max-width:900px){
  html body:has(#mb_login) #mb_login,
  html body:has(.tz-login-page) #mb_login,
  html #mb_login.tz-login-page,
  html .tz-login-page #mb_login,
  html body:has(#mb_login) .tz-member-card,
  html body:has(.tz-login-page) .tz-member-card,
  html body:has(#mb_login) .mbskin,
  html body:has(.tz-login-page) .mbskin{
    margin-top:56px!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
/* TOONZIP_V05_LOGIN_TOP_ALIGN_R2_20260702_END */

/* TOONZIP_V05_FEED_PINTEREST_4COL_MAX400_R1_20260703_START
   Feed mode is Pinterest-like masonry:
   - PC: 4 columns.
   - Mobile/tablet: 2 columns, not a single giant image rail.
   - Image area max-height: 400px; long images are clipped inside the card.
*/
.tz-mode-feed{
  display:block!important;
  width:100%!important;
  column-count:4!important;
  column-gap:16px!important;
  column-fill:balance!important;
}

.tz-mode-feed .tz-post{
  display:inline-block!important;
  width:100%!important;
  break-inside:avoid!important;
  -webkit-column-break-inside:avoid!important;
  page-break-inside:avoid!important;
  grid-template-columns:none!important;
  padding:0!important;
  margin:0 0 16px!important;
  border:1px solid var(--tz-line)!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:var(--tz-panel)!important;
  vertical-align:top!important;
  box-shadow:0 10px 28px rgba(21,35,30,.045)!important;
}

html[data-tz-dark="1"] .tz-mode-feed .tz-post{
  box-shadow:0 12px 30px rgba(0,0,0,.20)!important;
}

.tz-mode-feed .tz-post-thumb{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:400px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:0!important;
  background:var(--tz-soft)!important;
}

.tz-mode-feed .tz-post-thumb img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  object-fit:initial!important;
  object-position:top center!important;
}

.tz-mode-feed .tz-post-main{
  padding:12px 13px 13px!important;
  min-width:0!important;
}

.tz-mode-feed .tz-post-title{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  font-size:14px!important;
  line-height:1.42!important;
  letter-spacing:-.03em!important;
}

.tz-mode-feed .tz-post-meta{
  margin-top:6px!important;
  font-size:11px!important;
}

.tz-mode-feed .tz-post-actions{
  margin-top:8px!important;
}

@media (max-width:900px){
  .tz-mode-feed{
    column-count:2!important;
    column-gap:12px!important;
  }

  .tz-mode-feed .tz-post{
    margin-bottom:12px!important;
    border-radius:15px!important;
  }

  .tz-mode-feed .tz-post-thumb{
    max-height:400px!important;
  }

  .tz-mode-feed .tz-post-main{
    padding:10px 11px 11px!important;
  }

  .tz-mode-feed .tz-post-title{
    font-size:13px!important;
    line-height:1.38!important;
  }
}

@media (max-width:340px){
  .tz-mode-feed{
    column-count:1!important;
  }
}
/* TOONZIP_V05_FEED_PINTEREST_4COL_MAX400_R1_20260703_END */

/* TOONZIP_V05_SCRAP_SIDEBAR_TOPICON_R1_20260703_START */
.tz-top-actions .tz-top-icon,
.tz-top-actions .tz-icon-btn:not(.tz-login){
  width:38px!important;min-width:38px!important;height:38px!important;min-height:38px!important;padding:0!important;border-radius:999px!important;border:1px solid var(--tz-line)!important;background:color-mix(in srgb, var(--tz-panel-2) 82%, transparent)!important;color:var(--tz-muted)!important;display:inline-grid!important;place-items:center!important;line-height:1!important;box-shadow:none!important;
}
.tz-top-actions .tz-top-icon:hover,
.tz-top-actions .tz-icon-btn:not(.tz-login):hover{border-color:color-mix(in srgb, var(--tz-accent) 45%, var(--tz-line))!important;background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;transform:translateY(-1px)!important;}
.tz-top-actions .tz-top-icon .tz-ico,
.tz-top-actions .tz-icon-btn:not(.tz-login) .tz-ico{width:17px!important;height:17px!important;display:block!important;}
.tz-side-quick{padding-top:18px!important;}
.tz-side-quick>strong{display:none!important;}
.tz-scrap-page{width:min(980px,100%)!important;margin:0 auto!important;}
.tz-scrap-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:16px!important;margin:0 0 18px!important;padding:22px 24px!important;border:1px solid var(--tz-line)!important;border-radius:22px!important;background:var(--tz-panel)!important;box-shadow:var(--tz-shadow-soft)!important;}
.tz-scrap-head h1{margin:0!important;font-size:28px!important;line-height:1.15!important;letter-spacing:-.05em!important;color:var(--tz-text)!important;}
.tz-scrap-head p{margin:8px 0 0!important;color:var(--tz-muted)!important;font-weight:800!important;}
.tz-scrap-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;height:34px!important;padding:0 12px!important;border-radius:999px!important;background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;font-weight:1000!important;white-space:nowrap!important;}
.tz-scrap-list{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;}
.tz-scrap-item{display:grid!important;grid-template-columns:150px minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important;padding:12px!important;border:1px solid var(--tz-line)!important;border-radius:18px!important;background:var(--tz-panel)!important;box-shadow:0 10px 26px rgba(21,35,30,.045)!important;}
html[data-tz-dark="1"] .tz-scrap-item{box-shadow:0 12px 28px rgba(0,0,0,.16)!important;}
.tz-scrap-thumb{display:block!important;width:150px!important;height:96px!important;overflow:hidden!important;border-radius:14px!important;background:var(--tz-soft)!important;border:1px solid var(--tz-line)!important;}
.tz-scrap-thumb img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
.tz-scrap-main{min-width:0!important;}
.tz-scrap-board{display:inline-flex!important;align-items:center!important;height:24px!important;padding:0 8px!important;margin:0 0 7px!important;border-radius:999px!important;background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;font-size:12px!important;font-weight:1000!important;}
.tz-scrap-title{display:block!important;color:var(--tz-text)!important;text-decoration:none!important;font-size:16px!important;font-weight:1000!important;line-height:1.35!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;}
.tz-scrap-title:hover{color:var(--tz-accent)!important;}
.tz-scrap-meta{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:8px 0 0!important;color:var(--tz-muted)!important;font-size:12px!important;font-weight:800!important;}
.tz-scrap-meta span{display:inline-flex!important;align-items:center!important;gap:4px!important;}
.tz-scrap-actions{display:flex!important;align-items:center!important;gap:8px!important;justify-content:flex-end!important;}
.tz-scrap-action{height:34px!important;min-width:64px!important;padding:0 12px!important;border-radius:999px!important;border:1px solid var(--tz-line)!important;background:var(--tz-panel-2)!important;color:var(--tz-text)!important;text-decoration:none!important;font-weight:1000!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;}
.tz-scrap-action:hover{border-color:var(--tz-accent)!important;color:var(--tz-accent)!important;}
.tz-scrap-delete{color:#dc2626!important;border-color:color-mix(in srgb,#dc2626 36%,var(--tz-line))!important;}
.tz-scrap-empty{padding:46px 20px!important;text-align:center!important;border:1px dashed color-mix(in srgb,var(--tz-accent) 28%,var(--tz-line))!important;border-radius:20px!important;background:var(--tz-panel)!important;color:var(--tz-muted)!important;font-weight:900!important;}
.tz-scrap-empty strong{display:block!important;margin-bottom:8px!important;color:var(--tz-text)!important;font-size:18px!important;}
.tz-scrap-paging{margin-top:20px!important;display:flex!important;justify-content:center!important;}
.tz-scrap-page .pg_wrap{margin:0!important;}
@media(max-width:900px){.tz-top-actions .tz-top-icon,.tz-top-actions .tz-icon-btn:not(.tz-login){width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;}.tz-scrap-head{display:block!important;padding:18px!important;border-radius:18px!important;}.tz-scrap-count{margin-top:12px!important;}.tz-scrap-item{grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;}.tz-scrap-thumb{width:104px!important;height:78px!important;}.tz-scrap-actions{grid-column:1 / -1!important;justify-content:flex-start!important;padding-left:116px!important;}.tz-scrap-title{font-size:14px!important;white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;}}
@media(max-width:520px){.tz-scrap-item{grid-template-columns:88px minmax(0,1fr)!important;padding:10px!important;}.tz-scrap-thumb{width:88px!important;height:66px!important;border-radius:12px!important;}.tz-scrap-actions{padding-left:100px!important;}}
/* TOONZIP_V05_SCRAP_SIDEBAR_TOPICON_R1_20260703_END */

/* TOONZIP_V05_TOP_SEARCH_EXACT_R2_20260703_START
   Exact search fix:
   - PC uses only .tz-top-search.
   - PC hides the duplicated right search toggle and the mobile .tz-searchbar.
   - Mobile keeps the search toggle and searchbar.
*/
@media (min-width:901px){
  .tz-top-actions .tz-search-toggle,
  .tz-top-actions button.tz-search-toggle,
  .tz-top-actions .tz-icon-btn.tz-search-toggle{
    display:none!important;
  }

  body .tz-searchbar,
  body .tz-searchbar.is-open{
    display:none!important;
    visibility:hidden!important;
    max-height:0!important;
    opacity:0!important;
    pointer-events:none!important;
  }

  .tz-top-search{
    height:46px!important;
    min-height:46px!important;
    display:flex!important;
    align-items:center!important;
    gap:10px!important;
    padding:0 6px 0 17px!important;
    border-radius:999px!important;
    overflow:hidden!important;
    border:1px solid color-mix(in srgb, var(--tz-accent) 26%, var(--tz-line))!important;
    background:color-mix(in srgb, var(--tz-panel-2) 88%, transparent)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.06),
      0 10px 26px rgba(0,0,0,.10)!important;
  }

  html[data-tz-dark="0"] .tz-top-search{
    background:rgba(255,251,241,.82)!important;
    border-color:rgba(46,101,94,.22)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.55),
      0 10px 24px rgba(68,55,34,.07)!important;
  }

  html[data-tz-dark="1"] .tz-top-search{
    background:rgba(18,32,30,.88)!important;
    border-color:rgba(159,222,211,.22)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.04),
      0 10px 26px rgba(0,0,0,.22)!important;
  }

  .tz-top-search .tz-search-icon{
    width:18px!important;
    height:18px!important;
    display:inline-grid!important;
    place-items:center!important;
    flex:0 0 auto!important;
    color:var(--tz-muted)!important;
    opacity:.9!important;
  }

  .tz-top-search input{
    flex:1 1 auto!important;
    min-width:0!important;
    height:100%!important;
    padding:0!important;
    border:0!important;
    outline:none!important;
    box-shadow:none!important;
    background:transparent!important;
    color:var(--tz-text)!important;
    font-weight:800!important;
  }

  .tz-top-search input::placeholder{
    color:transparent!important;
  }

  .tz-top-search button[type="submit"]{
    height:36px!important;
    min-width:58px!important;
    margin:0!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:999px!important;
    background:var(--tz-accent)!important;
    color:#fff!important;
    font-weight:1000!important;
    box-shadow:0 8px 18px color-mix(in srgb, var(--tz-accent) 24%, transparent)!important;
    flex:0 0 auto!important;
  }

  .tz-top-search:focus-within{
    border-color:color-mix(in srgb, var(--tz-accent) 58%, var(--tz-line))!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.08),
      0 0 0 4px color-mix(in srgb, var(--tz-accent) 13%, transparent),
      0 12px 28px rgba(0,0,0,.12)!important;
  }
}

@media (max-width:900px){
  .tz-top-actions{
    gap:8px!important;
  }

  .tz-top-actions .tz-top-icon,
  .tz-top-actions .tz-icon-btn{
    width:36px!important;
    height:36px!important;
    min-width:36px!important;
    min-height:36px!important;
    margin:0!important;
  }

  .tz-top-actions .tz-search-toggle{
    display:inline-grid!important;
  }
}
/* TOONZIP_V05_TOP_SEARCH_EXACT_R2_20260703_END */

/* TOONZIP_V05_DESIGN_BASE_TOKENS_R1_20260703_START
   ToonZip base design layer:
   - calmer archive/library palette
   - consistent surface/border/text hierarchy
   - restrained shadow/radius
   - no structural feature changes
*/
:root{
  --tz-bg:#f4f0e6;
  --tz-panel:#fffaf0;
  --tz-panel-2:#f7f2e7;
  --tz-text:#17231f;
  --tz-muted:#66736b;
  --tz-soft:#ebe5d7;
  --tz-soft-2:#f1eadc;
  --tz-line:#d8d0c0;
  --tz-line-strong:#2e6d62;
  --tz-accent:#2e7369;
  --tz-accent-2:#dff2ed;
  --tz-brass:#a47a36;
  --tz-red:#b75246;
  --tz-shadow:0 10px 28px rgba(48,42,29,.055);
  --tz-shadow-soft:0 6px 18px rgba(48,42,29,.045);
  --tz-radius:16px;
  --tz-radius-sm:10px;
  --tz-focus-ring:0 0 0 4px color-mix(in srgb,var(--tz-accent) 15%,transparent);
}

html[data-tz-dark="1"]{
  --tz-bg:#0d1512;
  --tz-panel:#111f1b;
  --tz-panel-2:#172720;
  --tz-text:#f1eee5;
  --tz-muted:#9aa99f;
  --tz-soft:#1a2d26;
  --tz-soft-2:#14231e;
  --tz-line:rgba(148,196,183,.16);
  --tz-line-strong:#86d3c5;
  --tz-accent:#79cbbb;
  --tz-accent-2:#173b33;
  --tz-brass:#d0aa62;
  --tz-red:#f07a6d;
  --tz-shadow:0 12px 30px rgba(0,0,0,.20);
  --tz-shadow-soft:0 8px 22px rgba(0,0,0,.16);
  --tz-focus-ring:0 0 0 4px rgba(121,203,187,.16);
}

html,body{
  background:var(--tz-bg)!important;
  color:var(--tz-text)!important;
}

body{color-scheme:light;}
html[data-tz-dark="1"] body{color-scheme:dark;}

.tz-app{
  color:var(--tz-text)!important;
  background:
    radial-gradient(circle at 18% 0%, color-mix(in srgb,var(--tz-accent-2) 42%, transparent) 0, transparent 340px),
    linear-gradient(180deg, color-mix(in srgb,var(--tz-panel) 36%, transparent), transparent 360px),
    var(--tz-bg)!important;
}

html[data-tz-dark="1"] .tz-app{
  background:
    radial-gradient(circle at 18% 0%, rgba(45,96,81,.22) 0, transparent 360px),
    radial-gradient(circle at 84% 12%, rgba(120,87,38,.13) 0, transparent 390px),
    linear-gradient(180deg, rgba(17,31,27,.78), rgba(13,21,18,0) 420px),
    var(--tz-bg)!important;
}

.tz-topbar,.tz-sidebar,.tz-section,.tz-board,.tz-view,.tz-new-page,.tz-search-page,.tz-board-embedded,.tz-comments-wrap,.tz-member-card,.tz-member-agree-card,.tz-member-wide-card,.tz-scrap-head,.tz-scrap-item,#ctt{
  border-color:var(--tz-line)!important;
  color:var(--tz-text)!important;
}

.tz-topbar{
  background:color-mix(in srgb,var(--tz-panel) 88%, transparent)!important;
  border-bottom:1px solid var(--tz-line)!important;
  box-shadow:none!important;
}
html[data-tz-dark="1"] .tz-topbar{background:rgba(13,21,18,.90)!important;}

.tz-sidebar{
  background:color-mix(in srgb,var(--tz-panel) 86%, var(--tz-bg))!important;
  border-right:1px solid var(--tz-line)!important;
  box-shadow:none!important;
}
html[data-tz-dark="1"] .tz-sidebar{background:rgba(13,27,23,.92)!important;}

.tz-section,.tz-board,.tz-view,.tz-new-page,.tz-search-page,.tz-board-embedded{
  background:linear-gradient(180deg,var(--tz-panel),color-mix(in srgb,var(--tz-panel-2) 72%,var(--tz-panel)))!important;
  border:1px solid var(--tz-line)!important;
  border-radius:18px!important;
  box-shadow:var(--tz-shadow-soft)!important;
}

.tz-section-head,.tz-board-head,.tz-view-head{
  border-bottom:1px solid var(--tz-line-strong)!important;
  box-shadow:none!important;
}
.tz-section-head:before,.tz-board-head:before,.tz-view-head:before{background:var(--tz-line-strong)!important;}

.tz-section-head p,.tz-board-head span,.tz-view-meta,.tz-post-meta,.tz-post-meta-inline,.tz-scrap-meta,.tz-rank li em,.tz-hit-list li em{color:var(--tz-muted)!important;}
.tz-section-head p,.tz-feature3 li a b,.tz-view-labels span,.tz-scrap-board,.tz-scrap-count{background:var(--tz-accent-2)!important;color:var(--tz-accent)!important;}

.tz-brand b,.tz-section-head h2,.tz-board-head h1,.tz-view-title,.tz-page-title,.tz-scrap-head h1,.tz-member-agree-head h1{letter-spacing:-.055em!important;}
.tz-section-head h2,.tz-board-head h1{color:var(--tz-text)!important;}

.tz-rank li a,.tz-hit-list li a,.tz-post,.tz-feature3 li a,.tz-scrap-item{border-color:var(--tz-line)!important;}
.tz-rank li a:hover,.tz-hit-list li a:hover,.tz-feature3 li a:hover,.tz-side-link:hover,.tz-post:hover,.tz-scrap-item:hover{background:color-mix(in srgb,var(--tz-accent-2) 48%, transparent)!important;}

.tz-icon-btn,.tz-top-icon,.tz-float-btn,.tz-board-actions button,.tz-board-actions a,.tz-view-actions a,.tz-view-actions button,.tz-view-nav a,.tz-view-nav button,.tz-admin-action,.tz-scrap-action,.tz-login{
  border-color:var(--tz-line)!important;
  background:color-mix(in srgb,var(--tz-panel) 82%, transparent)!important;
  color:var(--tz-text)!important;
  box-shadow:none!important;
}

.tz-icon-btn:hover,.tz-top-icon:hover,.tz-float-btn:hover,.tz-board-actions button:hover,.tz-board-actions a:hover,.tz-view-actions a:hover,.tz-view-actions button:hover,.tz-view-nav a:hover,.tz-view-nav button:hover,.tz-scrap-action:hover,.tz-login:hover,.tz-board-actions .is-on{
  border-color:color-mix(in srgb,var(--tz-accent) 55%, var(--tz-line))!important;
  color:var(--tz-accent)!important;
  background:var(--tz-accent-2)!important;
}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,.tz-icon-btn:focus-visible,.tz-side-link:focus-visible{
  outline:none!important;
  box-shadow:var(--tz-focus-ring)!important;
}

input,textarea,select,.frm_input,.tz-searchbar input,#wr_content{background:var(--tz-panel-2)!important;color:var(--tz-text)!important;border-color:var(--tz-line)!important;}
input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--tz-muted) 70%, transparent)!important;}

.tz-latest-card,.tz-card,.tz-post-thumb,.tz-scrap-thumb,.tz-card-img{border-color:var(--tz-line)!important;background:var(--tz-soft)!important;}
.tz-latest-card,.tz-card{box-shadow:none!important;}
.tz-latest-card:hover,.tz-card:hover{border-color:color-mix(in srgb,var(--tz-accent) 52%, var(--tz-line))!important;box-shadow:var(--tz-shadow-soft)!important;}

.tz-comments-wrap,.tz-member-card,.tz-member-agree-card,.tz-member-wide-card,#ctt{background:linear-gradient(180deg,var(--tz-panel),var(--tz-panel-2))!important;box-shadow:var(--tz-shadow-soft)!important;}
.tz-comments-wrap .cmt_contents,.tz-comment-locked,.tz-agree-section,.tz-scrap-empty,#ctt_con table,#ctt_con th{background:var(--tz-panel-2)!important;border-color:var(--tz-line)!important;color:var(--tz-text)!important;}
#ctt_con,#ctt_con p,#ctt_con li,#ctt_con div,#ctt_con td,#ctt_con th{color:var(--tz-text)!important;}
#ctt_con a,.tz-scrap-title:hover{color:var(--tz-accent)!important;}

.tz-admin-action-danger,.tz-scrap-delete{color:var(--tz-red)!important;border-color:color-mix(in srgb,var(--tz-red) 40%, var(--tz-line))!important;}

@media (max-width:900px){
  .tz-section,.tz-board,.tz-view,.tz-new-page,.tz-search-page,.tz-board-embedded{border-radius:16px!important;box-shadow:none!important;}
  .tz-app{background:var(--tz-bg)!important;}
}
/* TOONZIP_V05_DESIGN_BASE_TOKENS_R1_20260703_END */

/* TOONZIP_PATCH0706_ZIP_ONLY_R1_20260706_START */
.tz-app,
html[data-tz-dark="1"] .tz-app{background:var(--tz-bg)!important;}
.tz-side-mobile-head,
.tz-section,
.tz-board,
.tz-view,
.tz-new-page,
.tz-search-page,
.tz-board-embedded,
.tz-comments-wrap,
.tz-member-card,
.tz-member-agree-card,
.tz-member-wide-card,
#ctt{background:var(--tz-panel)!important;background-image:none!important;}
.tz-comments-wrap .bo_vl_opt{top:6px!important;}
.tz-comments-wrap .btn_cm_opt{border:0!important;background:transparent!important;box-shadow:none!important;}
.tz-top-icon.tz-myinfo-link.is-on,
.tz-top-icon.tz-myinfo-link:hover{border-color:color-mix(in srgb,var(--tz-accent) 55%, var(--tz-line))!important;color:var(--tz-accent)!important;background:var(--tz-accent-2)!important;}
.tz-myinfo-page{width:100%;max-width:var(--tz-pc-shell-w,1115px);margin:0 auto;}
.tz-myinfo-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;border:1px solid var(--tz-line);border-radius:18px;background:var(--tz-panel);padding:20px 22px;margin-bottom:18px;}
.tz-myinfo-head h1{margin:0;font-size:28px;line-height:1.15;letter-spacing:-.055em;color:var(--tz-text)}
.tz-myinfo-head p{margin:7px 0 0;color:var(--tz-muted);font-weight:800}.tz-myinfo-head>span{display:inline-flex;align-items:center;height:30px;border-radius:999px;padding:0 12px;background:var(--tz-accent-2);color:var(--tz-accent);font-weight:1000;white-space:nowrap}
.tz-myinfo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.tz-myinfo-card{border:1px solid var(--tz-line);border-radius:18px;background:var(--tz-panel);padding:18px;min-width:0}.tz-myinfo-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--tz-line);padding-bottom:12px;margin-bottom:8px}.tz-myinfo-card-head h2{margin:0;font-size:20px;letter-spacing:-.04em;color:var(--tz-text)}.tz-myinfo-card-head a{font-weight:1000;color:var(--tz-accent);text-decoration:none;font-size:13px}.tz-myinfo-list{display:grid;gap:0}.tz-myinfo-row{display:block;text-decoration:none;color:var(--tz-text);padding:12px 0;border-bottom:1px solid var(--tz-line);min-width:0}.tz-myinfo-row:last-child{border-bottom:0}.tz-myinfo-row:hover b{color:var(--tz-accent)}.tz-myinfo-row b{display:block;font-size:14px;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-myinfo-row em{display:block;margin-top:4px;font-style:normal;color:var(--tz-text);line-height:1.45;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tz-myinfo-row span{display:block;margin-top:5px;color:var(--tz-muted);font-size:12px;font-weight:800}.tz-myinfo-empty{margin:14px 0;color:var(--tz-muted);font-weight:900;text-align:center;border:1px dashed var(--tz-line);border-radius:14px;padding:18px;background:var(--tz-panel-2)}
.tz-policy-content h2{margin-top:0}.tz-policy-content h3{margin:22px 0 8px;font-size:18px}.tz-policy-content ul{padding-left:20px}.tz-policy-updated{margin-top:24px;color:var(--tz-muted);font-weight:900}
@media(max-width:900px){.tz-myinfo-head{display:block;padding:18px;margin-bottom:14px;border-radius:16px}.tz-myinfo-head h1{font-size:25px}.tz-myinfo-head>span{margin-top:12px}.tz-myinfo-grid{grid-template-columns:1fr;gap:14px}.tz-myinfo-card{border-radius:16px;padding:16px}}
/* TOONZIP_PATCH0706_ZIP_ONLY_R1_20260706_END */

/* TOONZIP_HEADER_SEARCH_CLAUDE_HARDFIX_R4_20260706_START
   Hardfix: direct selectors for the actual rendered header search.
   Scope: PC header .tz-top-search only.
   Board/list view-option CSS is not touched. */
@media (min-width: 901px) {
  html body .tz-topbar-inner {
    display: flex !important;
    align-items: center !important;
    gap: 22px !important;
  }

  html body .tz-top-actions {
    margin-left: auto !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  html body form.tz-top-search,
  html body .tz-top-search {
    position: relative !important;
    box-sizing: border-box !important;

    flex: 0 0 360px !important;
    width: 360px !important;
    min-width: 300px !important;
    max-width: 360px !important;
    height: 38px !important;

    display: flex !important;
    grid-template-columns: none !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    margin: 0 !important;
    padding: 0 14px !important;
    overflow: hidden !important;

    background: #101916 !important;
    background-image: none !important;
    border: 1px solid #2A3B35 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    outline: 0 !important;

    transform: none !important;
    transition: border-color 120ms ease-out, background-color 120ms ease-out, box-shadow 120ms ease-out !important;
  }

  html body form.tz-top-search:hover,
  html body .tz-top-search:hover {
    background: #14211C !important;
    border-color: #3A5148 !important;
    box-shadow: none !important;
  }

  html body form.tz-top-search:focus-within,
  html body .tz-top-search:focus-within {
    background: #14211C !important;
    border-color: #55B3A3 !important;
    box-shadow: 0 0 0 2px rgba(85, 179, 163, .22) !important;
  }

  html body form.tz-top-search > svg,
  html body .tz-top-search > svg,
  html body form.tz-top-search .tz-ico,
  html body .tz-top-search .tz-ico,
  html body form.tz-top-search .tz-search-icon,
  html body .tz-top-search .tz-search-icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #8A988F !important;
    opacity: 1 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body form.tz-top-search input,
  html body .tz-top-search input,
  html body form.tz-top-search input[type="search"],
  html body .tz-top-search input[type="search"],
  html body form.tz-top-search input[type="text"],
  html body .tz-top-search input[type="text"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #E9E8DF !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    line-height: 36px !important;
  }

  html body form.tz-top-search input::placeholder,
  html body .tz-top-search input::placeholder {
    color: #8A988F !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  html body form.tz-top-search button,
  html body .tz-top-search button,
  html body form.tz-top-search button[type="submit"],
  html body .tz-top-search button[type="submit"],
  html body form.tz-top-search .tz-search-submit,
  html body .tz-top-search .tz-search-submit {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  html body .tz-top-actions .tz-search-toggle {
    display: none !important;
  }
}

/* Light-mode mapping for Claude sample */
@media (min-width: 901px) {
  html[data-tz-dark="0"] body form.tz-top-search,
  html[data-tz-dark="0"] body .tz-top-search,
  html[data-theme="light"] body form.tz-top-search,
  html[data-theme="light"] body .tz-top-search {
    background: #F8F7F2 !important;
    border-color: #E2DFD4 !important;
  }

  html[data-tz-dark="0"] body form.tz-top-search:hover,
  html[data-tz-dark="0"] body .tz-top-search:hover,
  html[data-theme="light"] body form.tz-top-search:hover,
  html[data-theme="light"] body .tz-top-search:hover {
    background: #FFFFFF !important;
    border-color: #D3CFC1 !important;
  }

  html[data-tz-dark="0"] body form.tz-top-search:focus-within,
  html[data-tz-dark="0"] body .tz-top-search:focus-within,
  html[data-theme="light"] body form.tz-top-search:focus-within,
  html[data-theme="light"] body .tz-top-search:focus-within {
    border-color: #175E54 !important;
    box-shadow: 0 0 0 2px rgba(23, 94, 84, .18) !important;
  }

  html[data-tz-dark="0"] body form.tz-top-search input,
  html[data-tz-dark="0"] body .tz-top-search input,
  html[data-theme="light"] body form.tz-top-search input,
  html[data-theme="light"] body .tz-top-search input {
    color: #1D2824 !important;
  }

  html[data-tz-dark="0"] body form.tz-top-search input::placeholder,
  html[data-tz-dark="0"] body .tz-top-search input::placeholder,
  html[data-theme="light"] body form.tz-top-search input::placeholder,
  html[data-theme="light"] body .tz-top-search input::placeholder,
  html[data-tz-dark="0"] body form.tz-top-search .tz-ico,
  html[data-tz-dark="0"] body .tz-top-search .tz-ico,
  html[data-theme="light"] body form.tz-top-search .tz-ico,
  html[data-theme="light"] body .tz-top-search .tz-ico {
    color: #8C9187 !important;
  }
}
/* TOONZIP_HEADER_SEARCH_CLAUDE_HARDFIX_R4_20260706_END */

/* TOONZIP_LOGO_GRADIENT_MOBILE_SEARCH_ANIM_R1_20260706_START
   Scope:
   1) remove logo/top-left gradient/glow overlays
   2) mobile opened searchbar animation only
   Board/list view-option CSS is not touched. */

/* 1. Logo / top-left gradient removal */
html body .tz-topbar::before,
html body .tz-topbar::after,
html body .tz-top-left::before,
html body .tz-top-left::after,
html body .tz-brand::before,
html body .tz-brand::after,
html body .tz-logo::before,
html body .tz-logo::after,
html body .tz-sidebar::before,
html body .tz-sidebar::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  filter: none !important;
  pointer-events: none !important;
}

html body .tz-top-left,
html body .tz-brand,
html body .tz-brand b,
html body .tz-logo,
html body .tz-top-logo {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
}

html[data-tz-dark="1"] body .tz-brand,
html[data-tz-dark="1"] body .tz-brand b,
html[data-tz-dark="1"] body .tz-logo,
html[data-tz-dark="1"] body .tz-top-logo {
  color: #F2F3EA !important;
}

html[data-tz-dark="0"] body .tz-brand,
html[data-tz-dark="0"] body .tz-brand b,
html[data-tz-dark="0"] body .tz-logo,
html[data-tz-dark="0"] body .tz-top-logo,
html[data-theme="light"] body .tz-brand,
html[data-theme="light"] body .tz-brand b,
html[data-theme="light"] body .tz-logo,
html[data-theme="light"] body .tz-top-logo {
  color: #175E54 !important;
}

/* 2. Mobile opened searchbar: animated push-down */
@media (max-width: 900px) {
  html body .tz-topbar {
    overflow: visible !important;
    height: auto !important;
  }

  html body form.tz-searchbar,
  html body .tz-searchbar,
  html body form.tz-searchbar:not(.is-open),
  html body .tz-searchbar:not(.is-open) {
    position: relative !important;
    box-sizing: border-box !important;

    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;

    width: calc(100% - 32px) !important;
    max-width: none !important;
    min-width: 0 !important;

    height: 38px !important;
    min-height: 0 !important;
    max-height: 0 !important;

    margin: 0 16px 0 !important;
    padding: 0 14px !important;

    background: #101916 !important;
    background-image: none !important;
    border: 1px solid #2A3B35 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    outline: 0 !important;
    overflow: hidden !important;

    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(-8px) !important;

    transition:
      max-height 220ms cubic-bezier(.22,.61,.36,1),
      margin 220ms cubic-bezier(.22,.61,.36,1),
      opacity 160ms ease-out,
      transform 220ms cubic-bezier(.22,.61,.36,1),
      border-color 120ms ease-out,
      background-color 120ms ease-out,
      box-shadow 120ms ease-out !important;
  }

  html body form.tz-searchbar.is-open,
  html body .tz-searchbar.is-open {
    display: flex !important;

    max-height: 38px !important;
    min-height: 38px !important;

    margin: 10px 16px 14px !important;

    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
    transform: translateY(0) !important;
  }

  html body form.tz-searchbar.is-open:hover,
  html body .tz-searchbar.is-open:hover {
    background: #14211C !important;
    border-color: #3A5148 !important;
    box-shadow: none !important;
  }

  html body form.tz-searchbar.is-open:focus-within,
  html body .tz-searchbar.is-open:focus-within {
    background: #14211C !important;
    border-color: #55B3A3 !important;
    box-shadow: 0 0 0 2px rgba(85, 179, 163, .22) !important;
  }

  html body form.tz-searchbar > svg,
  html body .tz-searchbar > svg,
  html body form.tz-searchbar .tz-ico,
  html body .tz-searchbar .tz-ico,
  html body form.tz-searchbar .tz-search-icon,
  html body .tz-searchbar .tz-search-icon {
    flex: 0 0 18px !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    max-width: 18px !important;

    padding: 0 !important;
    margin: 0 !important;

    color: #8A988F !important;
    opacity: 1 !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  html body form.tz-searchbar input,
  html body .tz-searchbar input,
  html body form.tz-searchbar input[type="search"],
  html body .tz-searchbar input[type="search"],
  html body form.tz-searchbar input[type="text"],
  html body .tz-searchbar input[type="text"] {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    height: 36px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #E9E8DF !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: -0.01em !important;
    line-height: 36px !important;
  }

  html body form.tz-searchbar input::placeholder,
  html body .tz-searchbar input::placeholder {
    color: #8A988F !important;
    opacity: 1 !important;
    font-weight: 600 !important;
  }

  html body form.tz-searchbar button,
  html body .tz-searchbar button,
  html body form.tz-searchbar button[type="submit"],
  html body .tz-searchbar button[type="submit"],
  html body form.tz-searchbar .tz-search-submit,
  html body .tz-searchbar .tz-search-submit {
    display: none !important;
    visibility: hidden !important;
    position: absolute !important;

    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;

    padding: 0 !important;
    margin: 0 !important;

    overflow: hidden !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}

/* Light-mode mobile search */
@media (max-width: 900px) {
  html[data-tz-dark="0"] body form.tz-searchbar,
  html[data-tz-dark="0"] body .tz-searchbar,
  html[data-theme="light"] body form.tz-searchbar,
  html[data-theme="light"] body .tz-searchbar {
    background: #F8F7F2 !important;
    border-color: #E2DFD4 !important;
  }

  html[data-tz-dark="0"] body form.tz-searchbar.is-open:hover,
  html[data-tz-dark="0"] body .tz-searchbar.is-open:hover,
  html[data-theme="light"] body form.tz-searchbar.is-open:hover,
  html[data-theme="light"] body .tz-searchbar.is-open:hover {
    background: #FFFFFF !important;
    border-color: #D3CFC1 !important;
  }

  html[data-tz-dark="0"] body form.tz-searchbar.is-open:focus-within,
  html[data-tz-dark="0"] body .tz-searchbar.is-open:focus-within,
  html[data-theme="light"] body form.tz-searchbar.is-open:focus-within,
  html[data-theme="light"] body .tz-searchbar.is-open:focus-within {
    border-color: #175E54 !important;
    box-shadow: 0 0 0 2px rgba(23, 94, 84, .18) !important;
  }

  html[data-tz-dark="0"] body form.tz-searchbar input,
  html[data-tz-dark="0"] body .tz-searchbar input,
  html[data-theme="light"] body form.tz-searchbar input,
  html[data-theme="light"] body .tz-searchbar input {
    color: #1D2824 !important;
  }

  html[data-tz-dark="0"] body form.tz-searchbar input::placeholder,
  html[data-tz-dark="0"] body .tz-searchbar input::placeholder,
  html[data-theme="light"] body form.tz-searchbar input::placeholder,
  html[data-theme="light"] body .tz-searchbar input::placeholder,
  html[data-tz-dark="0"] body form.tz-searchbar .tz-ico,
  html[data-tz-dark="0"] body .tz-searchbar .tz-ico,
  html[data-theme="light"] body form.tz-searchbar .tz-ico,
  html[data-theme="light"] body .tz-searchbar .tz-ico {
    color: #8C9187 !important;
  }
}
/* TOONZIP_LOGO_GRADIENT_MOBILE_SEARCH_ANIM_R1_20260706_END */

/* TOONZIP_VIEW_COMMENT_ACTIONS_SOT_R7_20260707_START
   SoT:
   content -> recommend only -> comments -> tools(scrap/share | random/list) -> existing brand share panel -> next/prev.
   PC and mobile both use this structure. Board list/view-option CSS is not touched. */

/* 1. 본문 아래 추천 영역: 추천만, 배경 바 제거 */
html body article#bo_v .tz-view-actions {
  width: 100% !important;
  max-width: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
  margin: 72px 0 32px !important;
  padding: 0 !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body article#bo_v .tz-view-actions::before,
html body article#bo_v .tz-view-actions::after {
  content: none !important;
  display: none !important;
}

html body article#bo_v .tz-view-actions .tz-scrap-btn,
html body article#bo_v .tz-view-actions .tz-share-toggle,
html body article#bo_v .tz-view-actions [data-tz-scrap],
html body article#bo_v .tz-view-actions [data-tz-share] {
  display: none !important;
}

html body article#bo_v .tz-view-actions .tz-good-btn,
html body article#bo_v .tz-view-actions a[href*="good"],
html body article#bo_v .tz-view-actions button[name*="good"] {
  min-width: 112px !important;
  height: 46px !important;
  padding: 0 20px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: var(--tz-view-on-dark, #F2F3EA) !important;
  background: var(--tz-view-pill-bg, #111F1B) !important;
  background-image: none !important;
  border: 1px solid var(--tz-view-line, rgba(137, 220, 205, .24)) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.03em !important;
  text-decoration: none !important;
}

html body article#bo_v .tz-view-actions .tz-good-btn .tz-ico,
html body article#bo_v .tz-view-actions .tz-good-btn svg {
  width: 19px !important;
  height: 19px !important;
}

/* 2. 댓글 카드 */
html body #tz-comments.tz-comments-wrap,
html body .tz-comments-wrap {
  width: min(1120px, calc(100% - 64px)) !important;
  max-width: 1120px !important;
  margin: 0 auto !important;
  padding: 28px 28px 30px !important;
  background: var(--tz-view-card-bg, #0B211A) !important;
  background-image: none !important;
  border: 1px solid var(--tz-view-line-soft, rgba(137, 220, 205, .20)) !important;
  border-radius: 26px !important;
  box-shadow: none !important;
}

html body .tz-cmt-static-title {
  display: block !important;
  margin: 0 0 22px !important;
  padding: 0 0 20px !important;
  color: var(--tz-view-text, #F2F3EA) !important;
  border-bottom: 4px solid var(--tz-view-accent, #78D8C8) !important;
  font-size: 22px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.04em !important;
}

html body .tz-cmt-static-title .total,
html body .tz-cmt-static-title b {
  color: inherit !important;
  font-size: inherit !important;
  font-weight: 900 !important;
}

html body #bo_vc > h2 {
  display: none !important;
}

html body #bo_vc_w,
html body .bo_vc_w {
  margin: 22px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body #wr_content,
html body #bo_vc_w textarea,
html body .bo_vc_w textarea {
  width: 100% !important;
  min-height: 132px !important;
  height: 132px !important;
  margin: 0 !important;
  padding: 22px 20px !important;
  color: var(--tz-view-text, #E9E8DF) !important;
  background: var(--tz-view-input-bg, #11231E) !important;
  background-image: none !important;
  border: 1px solid var(--tz-view-line-soft, rgba(137, 220, 205, .17)) !important;
  border-radius: 18px !important;
  outline: 0 !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
  resize: vertical !important;
}

html body #wr_content::placeholder,
html body .bo_vc_w textarea::placeholder {
  color: var(--tz-view-muted, rgba(220, 235, 229, .62)) !important;
  opacity: 1 !important;
  font-size: 16px !important;
  font-weight: 650 !important;
}

html body .bo_vc_w_wr {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 12px 0 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .bo_vc_w_info {
  display: none !important;
}

html body #btn_submit,
html body .bo_vc_w .btn_submit,
html body .bo_vc_w button[type="submit"] {
  min-width: 72px !important;
  height: 46px !important;
  padding: 0 20px !important;
  color: var(--tz-view-on-dark, #F2F3EA) !important;
  background: var(--tz-view-pill-bg, #111F1B) !important;
  border: 1px solid var(--tz-view-line, rgba(137, 220, 205, .24)) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  line-height: 1 !important;
}

html body .tz-comment-login-required,
html body .tz-comments-wrap .bo_vc_login,
html body .tz-comments-wrap .comment-login-required {
  min-height: 96px !important;
  margin: 0 !important;
  padding: 26px 18px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--tz-view-accent, #78D8C8) !important;
  background: var(--tz-view-login-bg, rgba(17, 35, 30, .68)) !important;
  border: 1px dashed var(--tz-view-line-strong, rgba(120, 216, 200, .46)) !important;
  border-radius: 18px !important;
  box-shadow: none !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.4 !important;
  text-align: center !important;
  letter-spacing: -.03em !important;
}

/* 3. 댓글 아래 아이콘 행 */
html body .tz-view-under-tools {
  width: min(1120px, calc(100% - 64px)) !important;
  max-width: 1120px !important;
  margin: 20px auto 18px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

html body .tz-view-under-tools-left,
html body .tz-view-under-tools-right {
  display: flex !important;
  align-items: flex-start !important;
  gap: 10px !important;
}

html body .tz-view-under-tool {
  width: 44px !important;
  height: 44px !important;
  min-width: 44px !important;
  min-height: 44px !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: var(--tz-view-icon, #F2F3EA) !important;
  background: var(--tz-view-icon-bg, #0F211B) !important;
  background-image: none !important;
  border: 1px solid var(--tz-view-line-soft, rgba(137, 220, 205, .20)) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  text-decoration: none !important;
  appearance: none !important;
  -webkit-appearance: none !important;
}

html body .tz-view-under-tool .tz-ico,
html body .tz-view-under-tool svg {
  width: 21px !important;
  height: 21px !important;
  color: currentColor !important;
}

html body .tz-view-under-tool:hover,
html body .tz-view-under-tool:focus-visible,
html body .tz-view-under-tool[aria-expanded="true"] {
  color: var(--tz-view-accent, #78D8C8) !important;
  border-color: var(--tz-view-line-strong, rgba(120, 216, 200, .48)) !important;
  outline: 0 !important;
}

/* 4. 기존 공유 패널 재사용 */
html body .tz-view-share-panel-row {
  width: min(1120px, calc(100% - 64px)) !important;
  max-width: 1120px !important;
  margin: -8px auto 18px !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: flex-start !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .tz-view-share-panel-row #tz-share-panel.tz-share-panel-brands {
  margin: 0 !important;
}

/* 5. 다음글 / 이전글 */
html body .tz-view-nav {
  width: min(1120px, calc(100% - 64px)) !important;
  max-width: 1120px !important;
  margin: 0 auto 26px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .tz-view-nav .tz-view-nav-pill {
  min-height: 46px !important;
  padding: 0 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 14px !important;
  color: var(--tz-view-pill-text, #F2F3EA) !important;
  background: var(--tz-view-pill-bg, #0F211B) !important;
  border: 1px solid var(--tz-view-line-soft, rgba(137, 220, 205, .18)) !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: -.03em !important;
  line-height: 1.2 !important;
  text-decoration: none !important;
}

html body .tz-view-nav .tz-view-nav-label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
  white-space: nowrap !important;
}

html body .tz-view-nav .tz-view-nav-label b {
  font-size: inherit !important;
  font-weight: 900 !important;
}

html body .tz-view-nav .tz-view-nav-title {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-weight: 900 !important;
}

html body .tz-view-nav .tz-ico,
html body .tz-view-nav svg {
  width: 17px !important;
  height: 17px !important;
}

/* 6. Light mode color correction */
html[data-tz-dark="0"] body,
html[data-theme="light"] body {
  --tz-view-card-bg: #FFFFFF;
  --tz-view-input-bg: #F8F7F2;
  --tz-view-text: #1D2824;
  --tz-view-muted: rgba(29, 40, 36, .58);
  --tz-view-accent: #175E54;
  --tz-view-line: rgba(23, 94, 84, .26);
  --tz-view-line-soft: rgba(23, 94, 84, .18);
  --tz-view-line-strong: rgba(23, 94, 84, .40);
  --tz-view-pill-bg: #175E54;
  --tz-view-pill-text: #FFFFFF;
  --tz-view-icon-bg: #F8F7F2;
  --tz-view-icon: #175E54;
  --tz-view-on-dark: #FFFFFF;
  --tz-view-login-bg: rgba(23, 94, 84, .06);
}

@media (max-width: 900px) {
  html body article#bo_v .tz-view-actions {
    margin: 78px 0 34px !important;
  }

  html body #tz-comments.tz-comments-wrap,
  html body .tz-comments-wrap,
  html body .tz-view-under-tools,
  html body .tz-view-share-panel-row,
  html body .tz-view-nav {
    width: auto !important;
    max-width: none !important;
    margin-left: 18px !important;
    margin-right: 18px !important;
  }

  html body .tz-cmt-static-title {
    font-size: 24px !important;
  }

  html body #wr_content,
  html body #bo_vc_w textarea,
  html body .bo_vc_w textarea {
    min-height: 150px !important;
    height: 150px !important;
    padding: 24px 20px !important;
    font-size: 17px !important;
  }

  html body #wr_content::placeholder,
  html body .bo_vc_w textarea::placeholder {
    font-size: 17px !important;
  }

  html body .tz-view-under-tool {
    width: 48px !important;
    height: 48px !important;
    min-width: 48px !important;
    min-height: 48px !important;
  }

  html body .tz-view-nav .tz-view-nav-pill {
    min-height: 48px !important;
    font-size: 17px !important;
  }
}

@media (max-width: 420px) {
  html body #tz-comments.tz-comments-wrap,
  html body .tz-comments-wrap {
    margin-left: 14px !important;
    margin-right: 14px !important;
    padding: 26px 20px 28px !important;
    border-radius: 26px !important;
  }

  html body .tz-view-under-tools,
  html body .tz-view-share-panel-row,
  html body .tz-view-nav {
    margin-left: 18px !important;
    margin-right: 18px !important;
  }
}
/* TOONZIP_VIEW_COMMENT_ACTIONS_SOT_R7_20260707_END */

/* TOONZIP_VIEW_COMMENT_LIGHT_LOGO_LOGIN_R8_20260707_START
   Scope:
   - View recommend/comment/tool/nav color + mobile sizing correction
   - Light mode target area color correction
   - Scrolled PC sidebar logo gradient/glow removal
   - Dark login submit button color
   No share structure / board view-option / DB / cron changes. */

/* A. PC 좌측 상단 스크롤 로고 그라데이션/글로우 제거 */
html body .tz-side-fixed-logo,
html body .tz-side-fixed-logo b,
html body .tz-side-fixed-logo span,
html body .tz-side-mobile-logo,
html body .tz-side-mobile-logo b,
html body .tz-brand,
html body .tz-brand b,
html body .tz-logo,
html body .tz-top-logo {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
  box-shadow: none !important;
}

html body .tz-side-fixed-logo::before,
html body .tz-side-fixed-logo::after,
html body .tz-side-mobile-logo::before,
html body .tz-side-mobile-logo::after,
html body .tz-brand::before,
html body .tz-brand::after,
html body .tz-top-left::before,
html body .tz-top-left::after,
html body .tz-topbar::before,
html body .tz-topbar::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  filter: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html[data-tz-dark="1"] body .tz-side-fixed-logo,
html[data-tz-dark="1"] body .tz-side-fixed-logo b,
html[data-tz-dark="1"] body .tz-brand,
html[data-tz-dark="1"] body .tz-brand b {
  color: #F2F3EA !important;
}

html[data-tz-dark="0"] body .tz-side-fixed-logo,
html[data-tz-dark="0"] body .tz-side-fixed-logo b,
html[data-tz-dark="0"] body .tz-brand,
html[data-tz-dark="0"] body .tz-brand b,
html[data-theme="light"] body .tz-side-fixed-logo,
html[data-theme="light"] body .tz-side-fixed-logo b,
html[data-theme="light"] body .tz-brand,
html[data-theme="light"] body .tz-brand b {
  color: #123D35 !important;
}

/* B. 댓글부 기본 크기 보정 */
html body .tz-cmt-static-title {
  font-size: 22px !important;
}

html body .tz-view-nav .tz-view-nav-pill,
html body .tz-view-nav .tz-view-nav-label,
html body .tz-view-nav .tz-view-nav-title {
  font-size: 14px !important;
}

html body .tz-view-nav .tz-view-nav-label b {
  font-size: 14px !important;
}

/* C. 모바일 댓글부: 사용자가 직접 잡은 크기 기준 */
@media (max-width: 900px) {
  html body .tz-cmt-static-title {
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  html body .tz-comment-login-required,
  html body .tz-comments-wrap .bo_vc_login,
  html body .tz-comments-wrap .comment-login-required,
  html body #bo_vc_empty .tz-comment-login-required {
    border: 0 !important;
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    min-height: 86px !important;
    padding: 0px !important;
  }

  html body #wr_content,
  html body #bo_vc_w textarea,
  html body .bo_vc_w textarea {
    min-height: 132px !important;
    height: 132px !important;
    padding: 20px 18px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
  }

  html body #wr_content::placeholder,
  html body .bo_vc_w textarea::placeholder {
    font-size: 14px !important;
    font-weight: 650 !important;
  }

  html body #btn_submit,
  html body .bo_vc_w .btn_submit,
  html body .bo_vc_w button[type="submit"] {
    height: 44px !important;
    min-width: 68px !important;
    padding: 0 18px !important;
    font-size: 14px !important;
    font-weight: 900 !important;
  }

  html body .tz-view-nav .tz-view-nav-pill,
  html body .tz-view-nav .tz-view-nav-label,
  html body .tz-view-nav .tz-view-nav-title {
    font-size: 14px !important;
  }

  html body .tz-view-nav .tz-view-nav-pill {
    min-height: 44px !important;
    padding: 0 18px !important;
  }
}

/* D. 라이트모드 본문 추천~댓글~아이콘~다음/이전 색상 보정 */
html[data-tz-dark="0"] body,
html[data-theme="light"] body {
  --tz-view-card-bg-r8: #FFFFFF;
  --tz-view-input-bg-r8: #F8F5EC;
  --tz-view-text-r8: #13231F;
  --tz-view-muted-r8: rgba(19, 35, 31, .60);
  --tz-view-accent-r8: #176E61;
  --tz-view-line-r8: rgba(23, 110, 97, .28);
  --tz-view-line-soft-r8: rgba(23, 110, 97, .16);
  --tz-view-line-strong-r8: rgba(23, 110, 97, .42);
  --tz-view-pill-bg-r8: #176E61;
  --tz-view-pill-text-r8: #FFFFFF;
  --tz-view-icon-bg-r8: #F8F5EC;
  --tz-view-icon-r8: #176E61;
  --tz-view-login-bg-r8: rgba(23, 110, 97, .055);
}

html[data-tz-dark="0"] body article#bo_v .tz-view-actions,
html[data-theme="light"] body article#bo_v .tz-view-actions {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-tz-dark="0"] body article#bo_v .tz-view-actions .tz-good-btn,
html[data-tz-dark="0"] body article#bo_v .tz-view-actions a[href*="good"],
html[data-tz-dark="0"] body article#bo_v .tz-view-actions button[name*="good"],
html[data-theme="light"] body article#bo_v .tz-view-actions .tz-good-btn,
html[data-theme="light"] body article#bo_v .tz-view-actions a[href*="good"],
html[data-theme="light"] body article#bo_v .tz-view-actions button[name*="good"] {
  color: #FFFFFF !important;
  background: var(--tz-view-pill-bg-r8) !important;
  border-color: var(--tz-view-pill-bg-r8) !important;
}

html[data-tz-dark="0"] body #tz-comments.tz-comments-wrap,
html[data-tz-dark="0"] body .tz-comments-wrap,
html[data-theme="light"] body #tz-comments.tz-comments-wrap,
html[data-theme="light"] body .tz-comments-wrap {
  color: var(--tz-view-text-r8) !important;
  background: var(--tz-view-card-bg-r8) !important;
  background-image: none !important;
  border-color: var(--tz-view-line-soft-r8) !important;
  box-shadow: none !important;
}

html[data-tz-dark="0"] body .tz-cmt-static-title,
html[data-theme="light"] body .tz-cmt-static-title {
  color: var(--tz-view-text-r8) !important;
  border-bottom-color: var(--tz-view-accent-r8) !important;
}

html[data-tz-dark="0"] body #wr_content,
html[data-tz-dark="0"] body #bo_vc_w textarea,
html[data-tz-dark="0"] body .bo_vc_w textarea,
html[data-theme="light"] body #wr_content,
html[data-theme="light"] body #bo_vc_w textarea,
html[data-theme="light"] body .bo_vc_w textarea {
  color: var(--tz-view-text-r8) !important;
  background: var(--tz-view-input-bg-r8) !important;
  border-color: var(--tz-view-line-soft-r8) !important;
}

html[data-tz-dark="0"] body #wr_content::placeholder,
html[data-tz-dark="0"] body .bo_vc_w textarea::placeholder,
html[data-theme="light"] body #wr_content::placeholder,
html[data-theme="light"] body .bo_vc_w textarea::placeholder {
  color: var(--tz-view-muted-r8) !important;
}

html[data-tz-dark="0"] body .tz-comment-login-required,
html[data-tz-dark="0"] body .tz-comments-wrap .bo_vc_login,
html[data-tz-dark="0"] body .tz-comments-wrap .comment-login-required,
html[data-theme="light"] body .tz-comment-login-required,
html[data-theme="light"] body .tz-comments-wrap .bo_vc_login,
html[data-theme="light"] body .tz-comments-wrap .comment-login-required {
  color: var(--tz-view-accent-r8) !important;
  background: var(--tz-view-login-bg-r8) !important;
  border-color: transparent !important;
}

html[data-tz-dark="0"] body #btn_submit,
html[data-tz-dark="0"] body .bo_vc_w .btn_submit,
html[data-tz-dark="0"] body .bo_vc_w button[type="submit"],
html[data-theme="light"] body #btn_submit,
html[data-theme="light"] body .bo_vc_w .btn_submit,
html[data-theme="light"] body .bo_vc_w button[type="submit"] {
  color: #FFFFFF !important;
  background: var(--tz-view-pill-bg-r8) !important;
  border-color: var(--tz-view-pill-bg-r8) !important;
}

html[data-tz-dark="0"] body .tz-view-under-tool,
html[data-theme="light"] body .tz-view-under-tool {
  color: var(--tz-view-icon-r8) !important;
  background: var(--tz-view-icon-bg-r8) !important;
  border-color: var(--tz-view-line-soft-r8) !important;
}

html[data-tz-dark="0"] body .tz-view-under-tool:hover,
html[data-tz-dark="0"] body .tz-view-under-tool:focus-visible,
html[data-theme="light"] body .tz-view-under-tool:hover,
html[data-theme="light"] body .tz-view-under-tool:focus-visible {
  color: var(--tz-view-accent-r8) !important;
  border-color: var(--tz-view-line-strong-r8) !important;
}

html[data-tz-dark="0"] body .tz-view-nav .tz-view-nav-pill,
html[data-theme="light"] body .tz-view-nav .tz-view-nav-pill {
  color: #FFFFFF !important;
  background: var(--tz-view-pill-bg-r8) !important;
  border-color: var(--tz-view-pill-bg-r8) !important;
}

/* E. 로그인 페이지 다크모드 버튼 */
html[data-tz-dark="1"] body #mb_login.tz-login-page .btn_submit,
html[data-tz-dark="1"] body .tz-login-page button[type="submit"].btn_submit,
html[data-tz-dark="1"] body .mbskin.tz-login-page .btn_submit {
  background: #172720 !important;
  border-color: rgba(137, 220, 205, .24) !important;
  color: #F2F3EA !important;
  box-shadow: none !important;
}
/* TOONZIP_VIEW_COMMENT_LIGHT_LOGO_LOGIN_R8_20260707_END */

/* TOONZIP_VIEW_COMMENT_LIGHT_LINKS_R9_20260707_START
   Scope:
   - Light-mode recommend/nav color fix
   - Comment duplicate dotted border fix
   - Comment form vertical spacing fix
   - View board label link style
   - Home section title link style
   - Scrolled sidebar logo gradient removal
   - Dark login submit button color
   No share structure / board view-option changes. */

/* Board label link in view header */
html body .tz-view-labels a.tz-view-board-label-link {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  background: inherit !important;
  border: inherit !important;
  border-radius: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

html body .tz-view-labels a.tz-view-board-label-link:hover {
  text-decoration: none !important;
  filter: brightness(1.08) !important;
}

/* Home section title links */
html body .tz-section-head h1 a.tz-home-section-title-link,
html body .tz-section-head h2 a.tz-home-section-title-link {
  color: inherit !important;
  text-decoration: none !important;
  cursor: pointer !important;
}

html body .tz-section-head h1 a.tz-home-section-title-link:hover,
html body .tz-section-head h2 a.tz-home-section-title-link:hover {
  color: var(--tz-accent, #78D8C8) !important;
  text-decoration: none !important;
}

/* PC scrolled sidebar logo gradient/glow removal */
html body .tz-side-fixed-logo,
html body .tz-side-fixed-logo *,
html body .tz-sidebar .tz-side-fixed-logo,
html body .tz-sidebar .tz-side-fixed-logo *,
html body .tz-side-mobile-logo,
html body .tz-side-mobile-logo *,
html body .tz-brand,
html body .tz-brand b,
html body .tz-logo,
html body .tz-top-logo {
  background: none !important;
  background-image: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: none !important;
  filter: none !important;
  box-shadow: none !important;
}

html body .tz-side-fixed-logo::before,
html body .tz-side-fixed-logo::after,
html body .tz-side-fixed-logo *::before,
html body .tz-side-fixed-logo *::after,
html body .tz-brand::before,
html body .tz-brand::after,
html body .tz-top-left::before,
html body .tz-top-left::after,
html body .tz-topbar::before,
html body .tz-topbar::after {
  content: none !important;
  display: none !important;
  background: none !important;
  background-image: none !important;
  opacity: 0 !important;
  filter: none !important;
  box-shadow: none !important;
  pointer-events: none !important;
}

html[data-tz-dark="1"] body .tz-side-fixed-logo,
html[data-tz-dark="1"] body .tz-side-fixed-logo *,
html[data-tz-dark="1"] body .tz-brand,
html[data-tz-dark="1"] body .tz-brand b {
  color: #F2F3EA !important;
}

html[data-tz-dark="0"] body .tz-side-fixed-logo,
html[data-tz-dark="0"] body .tz-side-fixed-logo *,
html[data-tz-dark="0"] body .tz-brand,
html[data-tz-dark="0"] body .tz-brand b,
html[data-theme="light"] body .tz-side-fixed-logo,
html[data-theme="light"] body .tz-side-fixed-logo *,
html[data-theme="light"] body .tz-brand,
html[data-theme="light"] body .tz-brand b {
  color: #123D35 !important;
}

/* Comment duplicate dotted border removal */
html body #bo_vc_empty,
html body #bo_vc_empty a,
html body #bo_vc_empty .tz-comment-login-required,
html body .tz-comment-login-required,
html body .tz-comments-wrap .bo_vc_login,
html body .tz-comments-wrap .comment-login-required {
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
}

html body #bo_vc_empty {
  padding: 0 !important;
  background: transparent !important;
}

/* Comment title / login notice / form spacing */
@media (max-width: 900px) {
  html body .tz-cmt-static-title {
    font-size: 20px !important;
    line-height: 1.18 !important;
  }

  html body .tz-comment-login-required,
  html body .tz-comments-wrap .bo_vc_login,
  html body .tz-comments-wrap .comment-login-required,
  html body #bo_vc_empty .tz-comment-login-required {
    font-size: 14px !important;
    line-height: 1.45 !important;
    font-weight: 900 !important;
    min-height: 86px !important;
    padding: 0px !important;
  }

  html body #wr_content,
  html body #bo_vc_w textarea,
  html body .bo_vc_w textarea {
    min-height: 132px !important;
    height: 132px !important;
    padding: 20px 18px !important;
    font-size: 14px !important;
    line-height: 1.55 !important;
    font-weight: 650 !important;
  }

  html body #wr_content::placeholder,
  html body .bo_vc_w textarea::placeholder {
    font-size: 14px !important;
    font-weight: 650 !important;
  }
}

html body .bo_vc_w_wr {
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

html body .bo_vc_w .btn_confirm,
html body .btn_confirm {
  margin: 0 !important;
}

html body #btn_submit,
html body .bo_vc_w .btn_submit,
html body .bo_vc_w button[type="submit"] {
  margin-top: 0 !important;
}

/* Next/previous font size */
html body .tz-view-nav .tz-view-nav-pill,
html body .tz-view-nav .tz-view-nav-label,
html body .tz-view-nav .tz-view-nav-label b,
html body .tz-view-nav .tz-view-nav-title {
  font-size: 14px !important;
}

/* Light mode: recommend + next/previous exact correction */
html[data-tz-dark="0"] body article#bo_v .tz-view-actions,
html[data-theme="light"] body article#bo_v .tz-view-actions {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

html[data-tz-dark="0"] body article#bo_v .tz-view-actions .tz-good-btn,
html[data-tz-dark="0"] body article#bo_v .tz-view-actions a[href*="good"],
html[data-tz-dark="0"] body article#bo_v .tz-view-actions button[name*="good"],
html[data-theme="light"] body article#bo_v .tz-view-actions .tz-good-btn,
html[data-theme="light"] body article#bo_v .tz-view-actions a[href*="good"],
html[data-theme="light"] body article#bo_v .tz-view-actions button[name*="good"] {
  color: #000 !important;
  background: #e9ede3 !important;
  border-color: #d8dfd2 !important;
  box-shadow: none !important;
}

html[data-tz-dark="0"] body .tz-view-nav .tz-view-nav-pill,
html[data-tz-dark="0"] body .tz-view-nav .tz-view-nav-pill *,
html[data-theme="light"] body .tz-view-nav .tz-view-nav-pill,
html[data-theme="light"] body .tz-view-nav .tz-view-nav-pill * {
  color: #000 !important;
}

html[data-tz-dark="0"] body .tz-view-nav .tz-view-nav-pill,
html[data-theme="light"] body .tz-view-nav .tz-view-nav-pill {
  background: #e9ede3 !important;
  border-color: #d8dfd2 !important;
  box-shadow: none !important;
}

/* Light mode comment area stabilization */
html[data-tz-dark="0"] body #tz-comments.tz-comments-wrap,
html[data-tz-dark="0"] body .tz-comments-wrap,
html[data-theme="light"] body #tz-comments.tz-comments-wrap,
html[data-theme="light"] body .tz-comments-wrap {
  color: #13231F !important;
  background: #fff !important;
  background-image: none !important;
  border-color: rgba(23, 110, 97, .16) !important;
  box-shadow: none !important;
}

html[data-tz-dark="0"] body .tz-cmt-static-title,
html[data-theme="light"] body .tz-cmt-static-title {
  color: #13231F !important;
  border-bottom-color: #176E61 !important;
}

html[data-tz-dark="0"] body #wr_content,
html[data-tz-dark="0"] body #bo_vc_w textarea,
html[data-tz-dark="0"] body .bo_vc_w textarea,
html[data-theme="light"] body #wr_content,
html[data-theme="light"] body #bo_vc_w textarea,
html[data-theme="light"] body .bo_vc_w textarea {
  color: #13231F !important;
  background: #F8F5EC !important;
  border-color: rgba(23, 110, 97, .16) !important;
}

html[data-tz-dark="0"] body .tz-comment-login-required,
html[data-tz-dark="0"] body .tz-comments-wrap .bo_vc_login,
html[data-tz-dark="0"] body .tz-comments-wrap .comment-login-required,
html[data-theme="light"] body .tz-comment-login-required,
html[data-theme="light"] body .tz-comments-wrap .bo_vc_login,
html[data-theme="light"] body .tz-comments-wrap .comment-login-required {
  color: #176E61 !important;
  background: rgba(23, 110, 97, .055) !important;
  border-color: transparent !important;
}

/* Dark login submit button */
html[data-tz-dark="1"] body #mb_login.tz-login-page .btn_submit,
html[data-tz-dark="1"] body .tz-login-page button[type="submit"].btn_submit,
html[data-tz-dark="1"] body .mbskin.tz-login-page .btn_submit {
  background: #172720 !important;
  border-color: rgba(137, 220, 205, .24) !important;
  color: #F2F3EA !important;
  box-shadow: none !important;
}
/* TOONZIP_VIEW_COMMENT_LIGHT_LINKS_R9_20260707_END */

/* TOONZIP_HOME_TITLE_COMMENT_MARGIN_R10_20260707_START
   Scope:
   - Home section linked titles font-size 24px
   - Comment submit row margin correction
   No share / view structure / board mode changes. */

/* 메인 베스트/웹코믹/유머/정보 제목 링크 */
html body .tz-section-head h1 a.tz-home-section-title-link,
html body .tz-section-head h2 a.tz-home-section-title-link,
html body .tz-home-section-title-link {
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
  color: inherit !important;
  text-decoration: none !important;
}

html body .tz-section-head h1:has(a.tz-home-section-title-link),
html body .tz-section-head h2:has(a.tz-home-section-title-link) {
  font-size: 24px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -0.04em !important;
}

/* 댓글 등록 버튼 줄 간격 */
html body .bo_vc_w_wr {
  margin: 10px 0 -15px !important;
  padding: 0 !important;
}

html body .bo_vc_w .btn_confirm,
html body #bo_vc_w .btn_confirm {
  margin: 0 !important;
  padding: 0 !important;
}

html body #btn_submit,
html body .bo_vc_w .btn_submit,
html body .bo_vc_w button[type="submit"] {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
/* TOONZIP_HOME_TITLE_COMMENT_MARGIN_R10_20260707_END */

/* TOONZIP_COMMENT_SUBMIT_GAP_R11_20260707_START
   Scope:
   - Comment submit row spacing only.
   - Exact requested row margin: 10px 0 -15px.
   - No share / nav / board mode changes. */

/* 댓글 form 자체 여백 제거 */
html body #tz-comments.tz-comments-wrap #bo_vc_w,
html body #tz-comments.tz-comments-wrap .bo_vc_w,
html body .tz-comments-wrap #bo_vc_w,
html body .tz-comments-wrap .bo_vc_w {
  padding-bottom: 0 !important;
}

html body #tz-comments.tz-comments-wrap #fviewcomment,
html body .tz-comments-wrap #fviewcomment {
  margin: 0 !important;
  padding: 0 !important;
}

/* textarea 바로 아래 등록 버튼 줄: 사용자가 지정한 값으로 고정 */
html body #tz-comments.tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
html body #tz-comments.tz-comments-wrap .bo_vc_w_wr,
html body .tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
html body .tz-comments-wrap .bo_vc_w_wr,
html body #bo_vc_w .bo_vc_w_wr,
html body .bo_vc_w .bo_vc_w_wr {
  margin: 10px 0 -15px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;

  min-height: 0 !important;
  height: auto !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 불필요한 정보 영역이 높이를 만들지 않게 제거 */
html body #tz-comments.tz-comments-wrap .bo_vc_w_info,
html body .tz-comments-wrap .bo_vc_w_info,
html body #bo_vc_w .bo_vc_w_info,
html body .bo_vc_w .bo_vc_w_info {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* btn_confirm 자체 여백 제거 */
html body #tz-comments.tz-comments-wrap .btn_confirm,
html body .tz-comments-wrap .btn_confirm,
html body #bo_vc_w .btn_confirm,
html body .bo_vc_w .btn_confirm {
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;

  min-height: 0 !important;
  height: auto !important;

  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* 등록 버튼 주변 margin 제거 */
html body #tz-comments.tz-comments-wrap #btn_submit,
html body .tz-comments-wrap #btn_submit,
html body #bo_vc_w #btn_submit,
html body .bo_vc_w #btn_submit,
html body .bo_vc_w .btn_submit,
html body .bo_vc_w button[type="submit"] {
  margin: 0 !important;
  vertical-align: top !important;
}

/* 댓글 카드 하단 과잉 여백 완화 */
html body #tz-comments.tz-comments-wrap:has(#bo_vc_w #wr_content),
html body .tz-comments-wrap:has(#bo_vc_w #wr_content) {
  padding-bottom: 20px !important;
}

@media (max-width: 900px) {
  html body #tz-comments.tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
  html body #tz-comments.tz-comments-wrap .bo_vc_w_wr,
  html body .tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
  html body .tz-comments-wrap .bo_vc_w_wr,
  html body #bo_vc_w .bo_vc_w_wr,
  html body .bo_vc_w .bo_vc_w_wr {
    margin: 10px 0 -15px !important;
  }

  html body #tz-comments.tz-comments-wrap:has(#bo_vc_w #wr_content),
  html body .tz-comments-wrap:has(#bo_vc_w #wr_content) {
    padding-bottom: 20px !important;
  }
}
/* TOONZIP_COMMENT_SUBMIT_GAP_R11_20260707_END */

/* TOONZIP_VIEW_BOTTOM_MODE_LAYOUT_RESTORE_R13_20260707_START
   Scope:
   - View-page bottom #bo_list_after_view only.
   - Restore list.php mode rendering by removing old bottom-only forced layout.
   - Keep random/thumb/feed/gallery/list buttons and data-tz-mode behavior.
   - Do not alter icon design.
   - Do not touch normal board list page #bo_list. */

/* 1. 하단 보기옵션 버튼은 유지 */
html body #bo_list_after_view.tz-view-board-list .tz-board-head .tz-board-actions,
html body #bo_list_after_view.tz-view-board-list .tz-board-actions {
  display: flex !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* 2. 하단 현재글 강조만 유지. 배열 방식은 일반 list.php mode CSS를 따르게 둔다. */
html body #bo_list_after_view.tz-view-board-list .tz-post.is-current {
  background: color-mix(in srgb, var(--tz-accent-2) 74%, transparent) !important;
  outline: 1px solid color-mix(in srgb, var(--tz-accent) 30%, var(--tz-line)) !important;
}

html body #bo_list_after_view.tz-view-board-list .tz-post.is-current .tz-post-title {
  color: var(--tz-accent) !important;
}

/* 3. 모바일 메인 섹션 제목 링크는 실시간 인기와 동일하게 19px */
@media (max-width: 900px) {
  html body .tz-section-head h1 a.tz-home-section-title-link,
  html body .tz-section-head h2 a.tz-home-section-title-link,
  html body .tz-home-section-title-link {
    font-size: 19px !important;
    line-height: 1.15 !important;
    font-weight: 900 !important;
    letter-spacing: -0.04em !important;
  }

  html body .tz-section-head h1:has(a.tz-home-section-title-link),
  html body .tz-section-head h2:has(a.tz-home-section-title-link) {
    font-size: 19px !important;
    line-height: 1.15 !important;
  }
}

/* 4. 댓글 등록 줄 margin 최종 보정 */
html body #tz-comments.tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
html body #tz-comments.tz-comments-wrap .bo_vc_w_wr,
html body .tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
html body .tz-comments-wrap .bo_vc_w_wr,
html body #bo_vc_w .bo_vc_w_wr,
html body .bo_vc_w .bo_vc_w_wr {
  margin: 10px 0 -10px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  min-height: 0 !important;
  height: auto !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

@media (max-width: 900px) {
  html body #tz-comments.tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
  html body #tz-comments.tz-comments-wrap .bo_vc_w_wr,
  html body .tz-comments-wrap #fviewcomment > .bo_vc_w_wr,
  html body .tz-comments-wrap .bo_vc_w_wr,
  html body #bo_vc_w .bo_vc_w_wr,
  html body .bo_vc_w .bo_vc_w_wr {
    margin: 10px 0 -10px !important;
  }
}
/* TOONZIP_VIEW_BOTTOM_MODE_LAYOUT_RESTORE_R13_20260707_END */

/* TOONZIP_CLAUDE_ICONS_SIDEBAR_FONT_R1_20260707_START
   Scope:
   - Font/color/icon visual layer.
   - Comment login background var(--tz-panel-2).
   - Sidebar quick text cleanup visual support.
   - No board view-option / share structure / JS behavior changes. */

html body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Malgun Gothic", "Noto Sans KR", sans-serif !important;
}

html body code,
html body pre,
html body .tz-num,
html body .tz-count,
html body .tz-rank-num,
html body .tz-post-meta,
html body .tz-rank-meta {
  font-family: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace !important;
}

html[data-tz-dark="0"],
html[data-theme="light"] {
  --tz-text: #22251F !important;
  --tz-muted: #999D8F !important;
  --tz-panel-2: #FCFBF7 !important;
  --tz-accent: #175E54 !important;
  --tz-accent-2: #EDF3F1 !important;
}

html[data-tz-dark="1"],
html[data-theme="dark"] {
  --tz-text: #E9E8DF !important;
  --tz-muted: #757A6C !important;
  --tz-panel-2: #232823 !important;
  --tz-accent: #55B3A3 !important;
  --tz-accent-2: #16322D !important;
}

html body .tz-side-link,
html body .tz-top-actions .tz-icon-btn,
html body .tz-top-actions .tz-top-icon {
  color: var(--tz-text) !important;
}

html body .tz-side-link i,
html body .tz-top-actions .tz-icon-btn,
html body .tz-top-actions .tz-top-icon {
  background-image: none !important;
  box-shadow: none !important;
}

html body .tz-side-link i {
  color: var(--tz-accent) !important;
}

html body .tz-side-link.is-on i,
html body .tz-side-link:hover i {
  color: #fff !important;
  background: var(--tz-accent) !important;
}

html body .tz-side-link b {
  color: var(--tz-text) !important;
  font-weight: 850 !important;
  letter-spacing: -0.02em !important;
}

html body .tz-side-quick .tz-side-link em {
  display: none !important;
}

html body .tz-ico {
  stroke-width: 1.75 !important;
}

/* 댓글 비로그인 안내 배경: 상위 #bo_vc_empty와 같은 var(--tz-panel-2) */
html body #bo_vc_empty,
html body #bo_vc_empty .tz-comment-login-required,
html body .tz-comment-login-required,
html body .tz-comments-wrap .bo_vc_login,
html body .tz-comments-wrap .comment-login-required {
  background: var(--tz-panel-2) !important;
  background-image: none !important;
}

html[data-tz-dark="0"] body #bo_vc_empty,
html[data-tz-dark="0"] body #bo_vc_empty .tz-comment-login-required,
html[data-tz-dark="0"] body .tz-comment-login-required,
html[data-tz-dark="0"] body .tz-comments-wrap .bo_vc_login,
html[data-tz-dark="0"] body .tz-comments-wrap .comment-login-required,
html[data-theme="light"] body #bo_vc_empty,
html[data-theme="light"] body #bo_vc_empty .tz-comment-login-required,
html[data-theme="light"] body .tz-comment-login-required,
html[data-theme="light"] body .tz-comments-wrap .bo_vc_login,
html[data-theme="light"] body .tz-comments-wrap .comment-login-required {
  color: #175E54 !important;
  background: var(--tz-panel-2) !important;
}

html[data-tz-dark="1"] body #bo_vc_empty,
html[data-tz-dark="1"] body #bo_vc_empty .tz-comment-login-required,
html[data-tz-dark="1"] body .tz-comment-login-required,
html[data-tz-dark="1"] body .tz-comments-wrap .bo_vc_login,
html[data-tz-dark="1"] body .tz-comments-wrap .comment-login-required,
html[data-theme="dark"] body #bo_vc_empty,
html[data-theme="dark"] body #bo_vc_empty .tz-comment-login-required,
html[data-theme="dark"] body .tz-comment-login-required,
html[data-theme="dark"] body .tz-comments-wrap .bo_vc_login,
html[data-theme="dark"] body .tz-comments-wrap .comment-login-required {
  color: #55B3A3 !important;
  background: var(--tz-panel-2) !important;
}
/* TOONZIP_CLAUDE_ICONS_SIDEBAR_FONT_R1_20260707_END */

/* TOONZIP_LIST_HEADER_COMMENT_PADDING_R14C_20260707_START
   Scope:
   - comment login required background/padding
   - sidebar section margin-bottom
   - board list title/count one-line support
   - no icons, no script, no view-option change */

/* 댓글 비로그인 안내: 상위 #bo_vc_empty와 같은 배경 */
html body #bo_vc_empty,
html body #bo_vc_empty .tz-comment-login-required,
html body .tz-comments-wrap #bo_vc_empty,
html body .tz-comments-wrap #bo_vc_empty .tz-comment-login-required,
html body .tz-comment-login-required {
  background: var(--tz-panel-2) !important;
  background-image: none !important;
}

/* 모바일 댓글 비로그인 안내 padding 최종값 */
@media (max-width: 900px) {
  html body .tz-comment-login-required,
  html body .tz-comments-wrap .bo_vc_login,
  html body .tz-comments-wrap .comment-login-required,
  html body #bo_vc_empty .tz-comment-login-required {
    padding: 0px !important;
  }
}

/* 좌측 메뉴 섹션 간격 최종값 */
html body .tz-sidebar .tz-side-section {
  margin-bottom: 0px !important;
}

/* 목록 페이지 제목/카운트 분리 후 count를 별도 한 줄로 고정 */
html body #bo_list.tz-board > .tz-board-head {
  flex-wrap: wrap !important;
}

html body #bo_list.tz-board > .tz-board-head > .tz-board-title-wrap {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

html body #bo_list.tz-board > .tz-board-head > .tz-board-count {
  flex: 0 0 100% !important;
  display: block !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
  color: var(--tz-muted) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  overflow: visible !important;
}

@media (max-width: 900px) {
  html body #bo_list.tz-board > .tz-board-head > .tz-board-count {
    margin-top: -10px !important;
    font-size: 13px !important;
    white-space: nowrap !important;
  }
}
/* TOONZIP_LIST_HEADER_COMMENT_PADDING_R14C_20260707_END */

/* TOONZIP_NEW_COMMENTS_TITLE_COUNT_MARGIN_R15B_20260707_START
   Scope:
   - mobile board-count margin only
   - no view-option/script/share changes */
@media (max-width: 900px) {
html body #bo_list.tz-board > .tz-board-head > .tz-board-count {
margin-top: -10px !important;
font-size: 13px !important;
white-space: nowrap !important;
}
}
/* TOONZIP_NEW_COMMENTS_TITLE_COUNT_MARGIN_R15B_20260707_END */