/* ToonTap v05r8 — simplified browsing UI, 2026-09-03. */
:root{--tt-width:1180px;--tt-radius:18px;--tt-gap:18px}
body.tt-v05r8{letter-spacing:-.012em}
.tt-v05r8 .tt-wrap{max-width:var(--tt-width);padding-top:20px}
.tt-v05r8 .tt-layout{display:block!important}
.tt-v05r8 .tt-main{width:100%;min-width:0}
.tt-v05r8 .tt-rail{display:none!important}
.tt-v05r8 .tt-header__inner{max-width:var(--tt-width);min-height:62px;padding:0 20px;gap:18px}
.tt-v05r8 .tt-nav{gap:2px}
.tt-v05r8 .tt-nav a{padding:8px 11px;white-space:nowrap}
.tt-v05r8 .tt-nav .tt-nav-secondary{color:var(--tt-muted)!important;font-weight:650}
.tt-v05r8 .tt-header-actions{margin-left:auto;white-space:nowrap}
.tt-v05r8 .tt-section{padding:18px;border-radius:var(--tt-radius)}
.tt-v05r8 .tt-section__head,.tt-v05r8 .tt-page-title{align-items:center}
.tt-v05r8 .tt-section__head h2,.tt-v05r8 .tt-page-title h1{line-height:1.15}
.tt-v05r8 .tt-desc{line-height:1.45}

/* The home starts with content, not a feature demo. */
.tt-v05r8 .tt-home-tags{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;margin:0 0 14px;padding:11px 14px;border:1px solid var(--tt-line);border-radius:14px;background:var(--tt-paper)}
.tt-v05r8 .tt-home-tags>strong{font-size:12px;white-space:nowrap}
.tt-v05r8 .tt-home-tags>div{display:flex;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:none}
.tt-v05r8 .tt-home-tags>div::-webkit-scrollbar{display:none}
.tt-v05r8 .tt-home-tags .tt-chip{flex:0 0 auto}
.tt-v05r8 .tt-home-tags__more{color:var(--tt-accent);font-size:12px;font-weight:800;white-space:nowrap}
.tt-v05r8 .tt-latest-section{padding-top:18px}

/* Preserve the established feed/gallery/thumbnail/list view modes unchanged. */
.tt-v05r8 .tt-view-btn,.tt-v05r8 .tt-icon-btn,.tt-v05r8 .tt-search-icon-btn{min-width:40px;min-height:40px}

/* Compact tag browser and temporary, page-local filters. */
.tt-v05r8 .tt-tags-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
.tt-v05r8 .tt-tag-row{min-height:48px;padding:8px 10px}
.tt-v05r8 .tt-tag-row__actions button{min-height:32px;padding:6px 9px}
.tt-v05r8 .tt-filter-tray{position:sticky;z-index:25;left:0;right:0;bottom:12px;margin:16px 0 0;padding:13px;border:1px solid var(--tt-subtle);border-radius:16px;background:var(--tt-paper);box-shadow:0 16px 38px rgba(20,15,35,.16)}
.tt-v05r8 .tt-filter-tray[hidden]{display:none!important}
.tt-v05r8 .tt-filter-tray--inline{position:static;margin:0 0 16px;box-shadow:none}
.tt-v05r8 .tt-filter-tray__head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}
.tt-v05r8 .tt-filter-tray__head span{color:var(--tt-muted);font-size:12px;white-space:nowrap}
.tt-v05r8 .tt-filter-tray__groups{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tt-v05r8 .tt-filter-tray__groups>div{display:grid;grid-template-columns:42px minmax(0,1fr);gap:7px;align-items:center;min-width:0}
.tt-v05r8 .tt-filter-tray__groups b{color:var(--tt-muted);font-size:12px}
.tt-v05r8 .tt-filter-tray__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:11px}
.tt-v05r8 .tt-filter-tray__actions .tt-pill-btn{min-height:40px}
.tt-v05r8 .tt-combo-empty{color:var(--tt-muted);font-size:12px}

/* Detail page: one tag set, honest related content, preserved reactions/comments. */
.tt-v05r8 .tt-view-title-tags{max-height:30px;overflow:hidden;flex-wrap:nowrap}
.tt-v05r8 .tt-view-title-tags .tt-chip:nth-of-type(n+6){display:none}
.tt-v05r8 .tt-tag-more{display:inline-flex;align-items:center;color:var(--tt-muted);font-size:12px;font-weight:750;white-space:nowrap}
.tt-v05r8 .tt-tag-more--mobile{display:none}
.tt-v05r8 .tt-view-head h1{margin-top:8px}
.tt-v05r8 .tt-view-action-strip{gap:8px}
.tt-v05r8 .tt-action-btn{min-height:42px}
.tt-v05r8 .tt-related-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.tt-v05r8 .tt-related-grid .tt-post-card__image{aspect-ratio:4/3!important}
.tt-v05r8 .tt-related-grid .tt-post-card__title{min-height:2.6em}

/* Remove duplicated quick action only; the promo integration is untouched. */
.tt-v05r8 .tt-floating-nav a[aria-label="랜덤"]{display:none!important}

/* Account/comment pages remain comfortable on both widths. */
.tt-v05r8 .tt-my-tabs{display:flex;gap:6px;overflow-x:auto}
.tt-v05r8 .tt-my-tabs a{white-space:nowrap}
.tt-v05r8 .tt-my-row{min-height:58px}

@media(max-width:980px){
  .tt-v05r8 .tt-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tt-v05r8 .tt-tags-list{grid-template-columns:1fr}
}

@media(max-width:760px){
  .tt-v05r8 .tt-header{position:sticky!important;top:0;z-index:90}
  .tt-v05r8 .tt-header__inner{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;min-height:58px;padding:9px 12px!important;gap:8px!important}
  .tt-v05r8 .tt-logo{grid-column:1!important;grid-row:1!important;width:max-content;min-width:0}
  .tt-v05r8 .tt-nav{display:none!important}
  .tt-v05r8 .tt-header-actions{grid-column:2!important;grid-row:1!important;display:flex!important;margin:0!important;gap:6px!important}
  .tt-v05r8 .tt-header-actions>.tt-pill-btn:not(.tt-header-search-toggle),.tt-v05r8 .tt-header-actions>a{display:none!important}
  .tt-v05r8 .tt-header-actions>.tt-header-search-toggle,.tt-v05r8 .tt-mobile-menu-toggle{display:inline-flex!important;width:40px!important;height:40px!important;min-width:40px!important}
  .tt-v05r8 .tt-wrap{padding:12px 12px 74px!important}
  .tt-v05r8 .tt-section{padding:12px!important;border-radius:14px!important;margin-bottom:12px}
  .tt-v05r8 .tt-home-tags{grid-template-columns:auto minmax(0,1fr) auto;gap:8px;margin-bottom:10px;padding:9px 10px}
  .tt-v05r8 .tt-home-tags>div{gap:5px}
  .tt-v05r8 .tt-home-tags .tt-chip{font-size:11px!important;padding:5px 7px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b{grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:auto auto!important;column-gap:8px!important;row-gap:10px!important;margin-bottom:12px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-title-copy h1,.tt-v05r8 .tt-board-head-v05r7h5b .tt-board-title-copy h2{font-size:20px!important;white-space:nowrap!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-title-copy .tt-desc{font-size:12px!important;margin-top:3px!important;white-space:nowrap}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-tools-top--v05r7h5b{gap:5px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-tools-top--v05r7h5b .tt-random-icon-btn,.tt-v05r8 .tt-board-head-v05r7h5b .tt-view-btn{width:38px!important;height:38px!important;min-width:38px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-search--v05r7h5b{grid-template-columns:72px minmax(0,1fr) 40px!important;gap:6px!important;width:100%!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-search--v05r7h5b select{width:72px!important;height:42px!important;padding:0 8px!important;white-space:nowrap}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-search--v05r7h5b input[type=search]{height:42px!important;font-size:14px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-search--v05r7h5b .tt-search-icon-btn{width:40px!important;height:42px!important;min-width:40px!important}
  .tt-v05r8 .tt-tag-filter-search{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px!important}
  .tt-v05r8 .tt-tag-filter-search .tt-tag-search-field{grid-column:1/-1}
  .tt-v05r8 .tt-tag-filter-search .tt-tag-reset-btn{white-space:nowrap;min-height:40px}
  .tt-v05r8 .tt-tag-sort-group{display:flex;gap:6px;min-width:0}
  .tt-v05r8 .tt-tag-sort-group a{white-space:nowrap;min-height:40px}
  .tt-v05r8 .tt-tag-row{grid-template-columns:minmax(0,1fr) auto;gap:7px}
  .tt-v05r8 .tt-tag-row__actions{grid-column:1/-1;justify-content:flex-end}
  .tt-v05r8 .tt-filter-tray{bottom:8px;padding:11px}
  .tt-v05r8 .tt-filter-tray__groups{grid-template-columns:1fr;gap:7px}
  .tt-v05r8 .tt-filter-tray__groups>div{grid-template-columns:38px minmax(0,1fr)}
  .tt-v05r8 .tt-page-title{align-items:flex-start;gap:10px}
  .tt-v05r8 .tt-page-title h1{font-size:22px!important}
  .tt-v05r8 .tt-page-title>.tt-pill-btn{min-height:40px;padding:8px 10px;white-space:nowrap}
  .tt-v05r8 .tt-view-title-tags .tt-chip:nth-of-type(n+4){display:none}
  .tt-v05r8 .tt-tag-more--desktop{display:none}
  .tt-v05r8 .tt-tag-more--mobile{display:inline-flex}
  .tt-v05r8 .tt-view-head h1{font-size:20px!important;line-height:1.3}
  .tt-v05r8 .tt-view-meta{gap:6px 10px}
  .tt-v05r8 .tt-view-content{padding:8px!important}
  .tt-v05r8 .tt-view-action-strip{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));padding:10px!important}
  .tt-v05r8 .tt-action-btn{min-width:0!important;padding:8px 5px!important;white-space:nowrap}
  .tt-v05r8 .tt-view-nav-row{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));padding:10px!important;gap:6px!important}
  .tt-v05r8 .tt-view-nav-row a{min-width:0;padding:9px 5px!important;white-space:nowrap}
  .tt-v05r8 .tt-related-section .tt-section__head h2{font-size:19px!important}
  .tt-v05r8 .tt-related-grid{gap:9px}
  .tt-v05r8 .tt-my-account-row{padding:12px}
  .tt-v05r8 .tt-my-account-actions{width:100%}
  .tt-v05r8 .tt-my-account-actions .tt-my-action{flex:1;text-align:center;white-space:nowrap}
  .tt-v05r8 .tt-floating-nav{right:9px;bottom:9px}
}

@media(max-width:380px){
  .tt-v05r8 .tt-logo__text{font-size:16px}
  .tt-v05r8 .tt-header-actions>.tt-header-search-toggle,.tt-v05r8 .tt-mobile-menu-toggle{width:38px!important;height:38px!important;min-width:38px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-title-copy h1,.tt-v05r8 .tt-board-head-v05r7h5b .tt-board-title-copy h2{font-size:19px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-search--v05r7h5b{grid-template-columns:68px minmax(0,1fr) 38px!important}
  .tt-v05r8 .tt-board-head-v05r7h5b .tt-board-search--v05r7h5b select{width:68px!important}
}