.nmp-tierbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 2px}
.nmp-tl{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);font-weight:700}
.nmp-tbtns{display:inline-flex;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:2px}
.nmp-tbtn{border:0;background:transparent;color:var(--text-2);font:inherit;font-size:.82rem;font-weight:600;padding:6px 13px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s}
.nmp-tbtn:hover{color:var(--text)}
.nmp-tbtn.on{background:var(--accent);color:#fff}
.nmp-thint{font-size:.74rem;color:var(--text-3)}
.nmp-cotw{display:flex;align-items:center;gap:16px;margin:16px 0 4px;padding:16px 18px;border:1px solid var(--border-strong);border-radius:14px;background:linear-gradient(120deg,var(--surface-2),var(--surface));position:relative;overflow:hidden}
.nmp-cotw-ic{flex:0 0 auto;width:42px;height:42px;display:grid;place-items:center;color:var(--accent)}
.nmp-cotw-ic .ic{width:30px;height:30px}
.nmp-cotw-l{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}
.nmp-cotw-k{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:700}
.nmp-cotw-l b{font-family:var(--display);font-size:1.08rem;line-height:1.2}
.nmp-cotw-sub{font-size:.85rem;color:var(--text-2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nmp-cotw-done{color:var(--green-600);font-weight:700}
.nmp-cotw button{flex:0 0 auto}
@media(max-width:560px){.nmp-cotw{flex-wrap:wrap}.nmp-cotw button{width:100%}}