#page-browse .pattern-card{align-items:center;background:#efe4cf;border:1px solid rgba(80,55,45,.18);border-radius:var(--pf-radius-xl,1.05rem);box-shadow:0 8px 22px rgba(0,0,0,.16);gap:.55rem .65rem;padding:.38rem .45rem .42rem}#page-browse .pattern-card-body{display:flex;flex-direction:column;justify-content:center;min-height:72px;min-width:0}#page-browse .pattern-card-thumb{align-self:center;border-radius:8px;box-shadow:inset 0 0 0 1px rgba(31,15,12,.08)}#page-browse .pattern-card-title{color:#1f0f0c;font-family:Epilogue,Bebas Neue,sans-serif;font-weight:800;letter-spacing:.02em;text-transform:uppercase}#page-browse .pattern-card-artist,#page-browse .pattern-card-meta{color:#5c4038}#page-browse .pattern-card-meta{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}#page-browse .pattern-card-like-row,#page-browse .pattern-card-meta-row .pattern-card-meta-text{color:#5c4038}#page-browse .pattern-card .pattern-card-stat-num{color:inherit;font-size:.78rem}#page-browse .pattern-card-stat-nologin{color:#5c4038}.tm-meta-pill{align-items:center;border-radius:999px;display:inline-flex;flex-shrink:1;font-size:.58rem;font-weight:800;letter-spacing:.09em;line-height:1.2;max-width:min(12rem,100%);overflow:hidden;padding:.2rem .55rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.tm-meta-pill--tag{font-weight:700;letter-spacing:.07em;max-width:min(10.5rem,100%)}#page-browse .tm-meta-pill{background:rgba(68,48,43,.16);border:1px solid rgba(80,55,45,.22);color:#3d2822}#page-browse .pattern-card:hover{background:#e8dcc4;border-color:rgba(80,55,45,.2)}#page-browse .pattern-card-more{color:#0a0a0a;opacity:.88}#page-browse .pattern-card-more:hover{background:rgba(0,0,0,.06);border-radius:6px;color:#000;opacity:1}#page-browse .pattern-card-remake-line--browse-offset{border-left:2px solid rgba(80,55,45,.2);box-sizing:border-box;margin-left:1.5rem;margin-top:.25rem;max-width:100%;padding-left:.75rem}.browse-like-toast{background:rgba(26,15,13,.94);border:1px solid rgba(255,215,0,.35);border-radius:10px;bottom:1.35rem;box-shadow:0 12px 32px rgba(0,0,0,.45);color:#fff6df;font-size:.86rem;left:50%;line-height:1.35;margin:0;max-width:min(22rem,calc(100vw - 2rem));padding:.65rem 1rem;pointer-events:none;position:fixed;text-align:center;transform:translateX(-50%);z-index:2500}.browse-like-toast.hidden{display:none!important}.pattern-card-play{align-items:center;background:rgba(0,0,0,.35);border:1px solid hsla(0,0%,100%,.8);border-radius:999px;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;height:28px;justify-content:center;line-height:1;opacity:0;padding:0;transition:opacity .15s ease;width:28px}.pattern-card:hover .pattern-card-play{opacity:1}.pattern-card-play.is-previewing{background:rgba(255,215,0,.35);border-color:var(--accent);color:#2c1b17;opacity:1!important}.pattern-card-body{padding:.08rem .05rem .12rem}.pattern-card-title{color:var(--accent);font-weight:700}.pattern-card-artist,.pattern-card-meta{color:#dfd1a2;font-size:.82rem;margin-top:.22rem}.pattern-card-meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-top:.35rem}.pattern-card-meta-left{align-items:center;display:flex;flex:1;flex-wrap:wrap;gap:.35rem .5rem;min-width:0}.pattern-card-meta-text{color:#5c4038;font-size:.65rem;font-weight:700;letter-spacing:.08em;min-width:0;text-transform:uppercase}#page-browse .pattern-card-meta-text{color:#5c4038}.pattern-card-meta-actions{align-items:center;display:inline-flex;flex-shrink:0;gap:.35rem}.pattern-card-stat-btn{align-items:center;background:hsla(0,0%,100%,.55);border:1px solid rgba(80,55,45,.18);border-radius:8px;color:#5c4038;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.78rem;gap:.2rem;line-height:1;padding:.18rem .38rem}.pattern-card-stat-btn:hover{background:hsla(0,0%,100%,.85);border-color:rgba(80,55,45,.28)}.pattern-card-like-ic.is-liked{color:#b83250}#page-browse .pattern-card .pattern-card-like-ic.is-liked{background:transparent;border:none;color:var(--stg-ink,#161a14)}.pattern-card-stat-num{font-size:.78rem;font-variant-numeric:tabular-nums;font-weight:700}.pattern-card-stat-nologin{color:#7a6358;font-size:.72rem;opacity:.85}.pattern-card-original-badge{background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.22);border-radius:3px;color:gold;display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.1em;margin-bottom:.2rem;padding:.15em .45em;vertical-align:middle}.pattern-card-remake-line{color:rgba(92,64,56,.82);font-size:.74rem;line-height:1.35;margin-top:.2rem}#page-browse .pattern-card-remake-line{color:rgba(74,45,39,.78)}.pattern-card-more{background:transparent;border:none;color:#dfd1a2;cursor:pointer;font-size:1.2rem}.pattern-card-delete{align-items:center;-webkit-appearance:none;appearance:none;background:rgba(40,12,12,.5);border:1px solid rgba(255,120,120,.5);border-radius:4px;box-sizing:border-box;color:#ff8a8a;cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:.85rem;height:28px;justify-content:center;line-height:1;min-height:28px;min-width:28px;padding:0;width:28px}.pattern-card-delete:hover{background:rgba(120,30,30,.75);border-color:#ff6b6b;color:#fff}.control-btn:disabled{cursor:not-allowed;opacity:.35}.floating-header{align-items:center;backdrop-filter:blur(18px);background:rgba(73,52,48,.62);border:1px solid rgba(255,215,0,.12);border-radius:14px;box-shadow:0 16px 40px rgba(0,0,0,.45);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1rem 1.5rem;position:sticky;top:12px;width:90%;z-index:90}.now-playing{display:flex;flex-direction:column;gap:.2rem}.now-playing-label{color:var(--text-soft);font-size:.65rem;letter-spacing:1px}.now-playing-name-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .75rem}.history-icon-btns{gap:.2rem;margin-left:.15rem}.history-icon-btns,.icon-history-btn{align-items:center;display:inline-flex}.icon-history-btn{background:rgba(0,0,0,.28);border:1px solid rgba(255,215,0,.55);border-radius:8px;color:var(--accent);cursor:pointer;font-size:1.15rem;height:2.1rem;justify-content:center;line-height:1;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease;width:2.1rem}.icon-history-btn:hover:not(:disabled){background:rgba(255,215,0,.14);border-color:var(--accent);transform:scale(1.06)}.icon-history-btn:disabled{cursor:not-allowed;opacity:.28}.dirty-star{color:#ff6b9d;font-family:var(--font-body);font-size:2rem;font-weight:700;line-height:1}.dirty-star.hidden{display:none}.now-playing-name{font-family:var(--font-heading);font-size:2.1rem;letter-spacing:2px;line-height:1}.now-playing-name--editable{border-bottom:1px dashed rgba(255,215,0,.35);cursor:text;padding-bottom:.06rem}.now-playing-name--editable:focus{border-bottom-color:var(--accent);outline:none}.now-playing-sub{color:var(--text-soft);display:flex;flex-direction:column;font-size:.78rem;gap:.15rem;line-height:1.35;max-width:min(720px,100%)}.now-playing-sub.hidden{display:none}.now-playing-sub__row{display:block}.header-controls{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1.25rem}.pattern-card-creator,.pattern-card-remake-meta{color:var(--text-soft);font-size:.78rem;line-height:1.35;margin-top:.15rem}.pattern-card-creator-anon{color:rgba(245,230,192,.85);font-weight:600}.pattern-card-creator-badge{background:rgba(160,48,48,.4);border:1px solid rgba(255,130,130,.35);font-size:.62rem;padding:.1rem .35rem}.pattern-card-remake-meta{color:rgba(92,64,56,.78)}.pattern-card-creator-row{align-items:center;display:flex;flex-wrap:wrap;gap:.35rem .5rem;margin-top:.15rem}.pattern-card-creator-badge{background:rgba(120,40,40,.55);border:1px solid rgba(255,120,120,.35);border-radius:4px;color:#ffc9c9;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.04em;padding:.12rem .4rem;text-transform:uppercase}.pattern-card-creator-name{color:var(--text-soft);font-weight:600}.tm-modal-panel--report-user .tm-modal-input,.tm-modal-panel--report-user .tm-modal-select{box-sizing:border-box;width:100%}.pattern-comment-action--report{border:1px solid rgba(255,180,120,.35);font-weight:600}.add-track-btn,.clear-btn,.control-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.add-track-btn:hover:not(:disabled),.clear-btn:hover:not(:disabled),.control-btn:hover:not(:disabled):not(.control-btn-publish):not(.browse-filter-apply){background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.55);color:#f5e6c0}