/* tapau-community */

.cm-form{margin:0}.cm-inline{display:inline-flex}
.cm-linkbtn{background:none;border:0;padding:0;font:600 12.8px/1.4 var(--fb,Inter,sans-serif);color:var(--n600,#655C70);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.cm-linkbtn:hover{color:var(--pink-600,#D10080)}
.cm-badge{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;background:var(--ink,#050306);color:#20FF19;font:600 12.8px/1 "IBM Plex Mono",monospace;vertical-align:middle}
.cm-hint{margin:0;padding:12px 16px;background:var(--p100,#EFEAF6);border-left:3px solid var(--ink,#050306);font-size:15px}
.cm-notice{margin:0 0 12px}
.cm-notice--ok{padding:12px 16px;background:#fff;border:2px solid var(--ink,#050306);box-shadow:-4px 4px 0 #20FF19;color:var(--ink,#050306);font-size:15px}
.cm-tools{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.cm-rep,.cm-more{position:relative}
.cm-rep>summary,.cm-more>summary{list-style:none;cursor:pointer}
.cm-rep>summary::-webkit-details-marker,.cm-more>summary::-webkit-details-marker{display:none}
.cm-rep__p,.cm-more__p{position:absolute;left:0;top:calc(100% + 6px);z-index:30;width:280px;max-width:calc(100vw - 48px);background:#fff;border:2px solid var(--ink,#050306);box-shadow:-4px 4px 0 var(--ink,#050306);padding:14px;display:flex;flex-direction:column;gap:10px;text-align:left;color:var(--ink,#050306)}
.cm-item__h .cm-rep__p{left:auto;right:0}
.cm-rep fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.cm-rep legend{font-weight:600;margin-bottom:6px;font-size:15px}
.cm-rep__o{display:flex;gap:8px;align-items:center;font-size:15px;min-height:36px;cursor:pointer}
.cm-rep__o input{-webkit-appearance:radio;appearance:auto;accent-color:var(--ink,#050306);width:18px;height:18px;margin:0;border-radius:50%}
.cm-rep .mu-meta,.cm-more .mu-meta{margin:0;font-size:12.8px;color:var(--n600,#655C70)}.cm-more__p .cm-linkbtn{color:var(--ink,#050306);font-size:15px}
.cm-reported{font-size:12.8px;color:var(--n600,#655C70)}
.cm-more{display:inline-flex}.cm-more>summary{min-width:44px;justify-content:center}
.cm-wall{display:flex;flex-direction:column;gap:16px}
.cm-comp{display:flex;flex-direction:column;gap:8px;padding:16px;background:#fff;border:2px solid var(--ink,#050306);box-shadow:-4px 4px 0 var(--ink,#050306)}
.cm-comp textarea,.cm-cform textarea,.cm-g textarea,.cm-g input[type=text],.cm-g input:not([type]),.cm-gnew input{width:100%;border:2px solid var(--n200,#E5E2E9);border-radius:0;padding:10px 12px;font:400 16px/1.5 var(--fb,Inter,sans-serif);background:#fff;color:var(--ink,#050306);resize:vertical}
.cm-comp textarea:focus,.cm-cform textarea:focus{border-color:var(--ink,#050306);outline:0}
.cm-comp__f{display:flex;justify-content:space-between;align-items:center;gap:12px}
.cm-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:16px}
.cm-item{background:#fff;border:1px solid var(--n200,#E5E2E9);padding:16px;display:flex;flex-direction:column;gap:12px}
.cm-item__h{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.cm-by{display:flex;gap:10px;align-items:center}
.cm-by .mu-av,.cm-by img{flex:none;border-radius:50%}
.cm-by__n{margin:0;font-weight:600;color:var(--ink,#050306);line-height:1.3}
.cm-by__n a{color:inherit;text-decoration:none}.cm-by__n a:hover{text-decoration:underline}
.cm-by__x{font-weight:400;color:var(--n600,#655C70)}
.cm-by__t{margin:0;font-size:12.8px;color:var(--n600,#655C70)}
.cm-item__b{color:var(--ink,#050306);font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.cm-item__b a,.cm-c__b a{color:var(--pink-600,#D10080)}
.cm-act{display:flex;gap:12px;align-items:center;padding:10px;background:var(--p50,#F8F5FC);border:1px solid var(--p200,#DED7E8);text-decoration:none;color:var(--ink,#050306)}
.cm-act:hover{border-color:var(--ink,#050306)}
.cm-act__img{width:64px;height:64px;object-fit:cover;flex:none}
.cm-act__t{display:flex;flex-direction:column;gap:2px;min-width:0}.cm-act__t span{font-size:14px;color:var(--n600,#655C70)}
.cm-comments{list-style:none;margin:0;padding:0 0 0 16px;border-left:2px solid var(--p200,#DED7E8);display:flex;flex-direction:column;gap:10px}
.cm-comments:empty{display:none}
.cm-c{display:flex;flex-direction:column;gap:4px}.cm-c .cm-by .mu-av{width:28px!important}
.cm-c__b{font-size:15px;color:var(--ink,#050306);padding-left:46px;overflow-wrap:anywhere}.cm-c .cm-tools{padding-left:46px}
.cm-cform{display:flex;gap:8px;align-items:flex-start}.cm-cform textarea{min-height:44px}
.cm-avs{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px}
.cm-avs a{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--ink,#050306);font-size:12.8px;text-align:center}
.cm-avs a span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cm-ppl__h{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
/* 10 Oct 2026: profile side boxes in the chart purple */
body.tapau-v2 .cm-box,body.tapau-v2 .mu-about{background:#4B3F59!important;border:3px solid #050306!important;color:#DED7E8}
body.tapau-v2 .cm-box .mu-h2,body.tapau-v2 .mu-about .mu-h2{color:#fff!important}
body.tapau-v2 .cm-box .mu-meta,body.tapau-v2 .mu-about .mu-meta,body.tapau-v2 .mu-about .mu-dl dt{color:#C3B9D0!important}
body.tapau-v2 .mu-about .mu-dl dd{color:#fff!important}body.tapau-v2 .mu-about .mu-dl div{border-color:rgba(255,255,255,.14)}
body.tapau-v2 .cm-box .cm-avs a{color:#fff}
body.tapau-v2 .cm-box .cm-badge{background:#20FF19;color:#050306}
body.tapau-v2 .cm-box .mu-link,body.tapau-v2 .cm-box .cm-next__a{color:#fff}
body.tapau-v2 .cm-box .cm-next__d{color:#FF6EB2}
body.tapau-v2 .mu-about .mb-links a{background:transparent!important;border:2px solid #fff!important;color:#fff!important;font:600 14px/1 var(--fb,Inter,sans-serif)!important;min-height:40px}
body.tapau-v2 .mu-about .mb-links a:hover{background:#fff!important;color:#050306!important}
.cm-seg{display:inline-flex;align-self:flex-start;width:max-content;max-width:100%;margin:12px 0 0;border:2px solid currentColor}
.cm-seg a{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;font-weight:600;text-decoration:none;color:inherit}
.cm-seg a[aria-current]{background:#20FF19;color:#050306}
.cm-req__l{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.cm-req__l li{display:flex;gap:10px;align-items:flex-start}.cm-req__b p{margin:0 0 6px}.cm-req__a{display:flex;gap:6px}
.cm-req{border:2px solid var(--ink,#050306);box-shadow:-4px 4px 0 #20FF19}
.cm-next__a{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--ink,#050306)}
.cm-next__img{width:100%;aspect-ratio:3/4;object-fit:cover;border:2px solid var(--ink,#050306)}
.cm-next__d{font:600 12.8px/1.2 "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--pink-600,#D10080);margin-top:6px}
.cm-links li a{word-break:break-all}
.cm-chips{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0 20px}
.cm-chips a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:2px solid var(--ink,#050306);background:#fff;color:var(--ink,#050306);font-weight:600;text-decoration:none}
.cm-chips a.is-on{background:var(--ink,#050306);color:#20FF19}
.cm-g__head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.cm-ggrid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.cm-gcard{display:flex;flex-direction:column;height:100%;background:#fff;border:2px solid var(--ink,#050306);text-decoration:none;color:var(--ink,#050306)}
.cm-gcard:hover{box-shadow:-4px 4px 0 var(--ink,#050306)}
.cm-gcard__m{position:relative;aspect-ratio:16/9;background:var(--p900,#211A2A);overflow:hidden}
.cm-gcard__m img{width:100%;height:100%;object-fit:cover}
.cm-gph{display:grid;place-items:center;width:100%;height:100%;font:700 48px/1 "roc-grotesk",sans-serif;color:#20FF19}
.cm-gk{position:absolute;left:8px;top:8px;padding:4px 8px;background:#FF009D;color:var(--ink,#050306);font:600 12.8px/1 var(--fb,Inter,sans-serif);text-transform:uppercase;letter-spacing:.06em}
.cm-gcard__b{display:flex;flex-direction:column;gap:4px;padding:12px 14px 14px}.cm-gcard__b b{font:700 20px/1.2 "roc-grotesk",sans-serif}
.cm-gcard__s{font-size:14px;color:var(--n600,#655C70)}
.cm-ghero{background:var(--cm-cover,none) center/cover,var(--p900,#211A2A);position:relative;color:#fff;margin:0 0 8px}
.cm-ghero::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,6,.92) 0%,rgba(5,3,6,.55) 100%)}
.cm-ghero__in{position:relative;padding:24px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.cm-ghero .mu-h1{color:#fff}.cm-ghero .mu-eb{color:#FF6EB2}.cm-ghero__s{max-width:62ch;color:var(--p200,#DED7E8);margin:0}
.cm-ghero__m{margin:0;color:var(--p200,#DED7E8)}.cm-ghero__m a{color:#fff}
.cm-ghero__a{gap:12px;align-items:center}.cm-ghero .cm-linkbtn{color:var(--p200,#DED7E8)}
.cm-threads{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.cm-trow{display:flex;flex-direction:column;gap:4px;padding:14px 16px;background:#fff;border:1px solid var(--n200,#E5E2E9);text-decoration:none;color:var(--ink,#050306)}
.cm-trow:hover{border-color:var(--ink,#050306)}.cm-trow b{font-size:18px}
.cm-thread{display:flex;flex-direction:column;gap:12px}
.cm-gnew{display:flex;flex-direction:column;gap:16px;max-width:640px}
.cm-kinds{border:0;padding:0;margin:0;display:grid;gap:8px}
.cm-g .mu-pt{display:flex;flex-direction:column;gap:20px}
/* profile hero cover */
.mu-phero.has-cover{background-size:cover;background-position:center;position:relative}
.mu-phero.has-cover::before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,6,.94) 0%,rgba(5,3,6,.5) 100%)}
.mu-phero.has-cover>*{position:relative}
.cm-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif}
/* 8 Oct 2026: Wall media + cover button */
.cm-comp__f{flex-wrap:wrap}.cm-comp__tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;min-width:0}.cm-comp__go{display:flex;align-items:center;gap:12px;margin-left:auto}
.cm-comp__hint{font-size:12.8px}
.cm-tool{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 12px;border:2px solid var(--ink,#050306);background:#fff;color:var(--ink,#050306);font-weight:600;font-size:14px;cursor:pointer}
.cm-tool:hover{background:var(--p100,#EFEAF6)}.cm-tool:focus-within{outline:2px solid #FF009D;outline-offset:2px}
.cm-tool input,.cm-cover__b input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.cm-prev{display:grid;grid-template-columns:repeat(4,72px);gap:8px;align-items:center}
.cm-prev img{width:72px;height:72px;object-fit:cover;border:2px solid var(--ink,#050306)}
.cm-prev button{grid-column:1/-1;justify-self:start;background:none;border:0;padding:0;font:600 13px/1.4 var(--fb,Inter,sans-serif);color:var(--n600,#655C70);text-decoration:underline;cursor:pointer}
.cm-ph{display:grid;gap:4px;border:2px solid var(--ink,#050306);background:var(--ink,#050306)}
.cm-ph a{display:block;overflow:hidden;background:var(--p900,#211A2A)}
.cm-ph img{width:100%;height:100%;object-fit:cover;display:block}
.cm-ph--1 img{height:auto;max-height:560px;object-fit:contain;background:var(--p900,#211A2A)}
.cm-ph--2{grid-template-columns:1fr 1fr}.cm-ph--2 a,.cm-ph--4 a{aspect-ratio:1}
.cm-ph--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.cm-ph--3 a:first-child{grid-row:1/3}.cm-ph--3 a{aspect-ratio:auto;min-height:140px}
.cm-ph--4{grid-template-columns:1fr 1fr}
.cm-emb iframe{display:block;width:100%;border:0}
.cm-emb--youtube iframe,.cm-emb--vimeo iframe{aspect-ratio:16/9;height:auto}
.cm-emb--bandcamp iframe{height:120px}.cm-emb--bandcamp iframe.is-album{height:420px}
.cm-emb--spotify iframe{height:152px}.cm-emb--soundcloud iframe{height:166px}
.cm-link{display:grid;grid-template-columns:auto minmax(0,1fr);border:2px solid var(--ink,#050306);text-decoration:none;color:var(--ink,#050306);background:#fff}
.cm-link:hover{box-shadow:-4px 4px 0 var(--ink,#050306)}
.cm-link img{width:140px;height:100%;min-height:100px;object-fit:cover;border-right:2px solid var(--ink,#050306)}
.cm-link__b{display:flex;flex-direction:column;gap:4px;padding:12px 14px;min-width:0}.cm-link__b b{font-size:16px;line-height:1.3}
.cm-link__h{font:600 12px/1.2 "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--pink-600,#D10080)}
.cm-link__d{font-size:14px;color:var(--n600,#655C70);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.cm-cover{display:flex;gap:8px;align-items:center;margin:0}
.cm-cover__b{position:relative;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:2px solid #fff;color:#fff;font-weight:600;font-size:14px;cursor:pointer;background:rgba(5,3,6,.35)}
.cm-cover__b:hover{background:#fff;color:#050306}.cm-cover__b:focus-within{outline:2px solid #20FF19;outline-offset:2px}
.cm-cover__x{background:none;border:0;color:#DED7E8;text-decoration:underline;font:600 14px/1 var(--fb,Inter,sans-serif);cursor:pointer;padding:8px}
@media (max-width:640px){.cm-link{grid-template-columns:1fr}.cm-link img{width:100%;height:160px;border-right:0;border-bottom:2px solid var(--ink,#050306)}.cm-comp__go{margin-left:0;width:100%;justify-content:space-between}.cm-cover__b span{font-size:13px}}
@media (max-width:640px){.cm-c__b,.cm-c .cm-tools{padding-left:0}.cm-cform{flex-direction:column;align-items:stretch}}