:root{--bg-primary:#3e2723;--bg-secondary:#2f1d19;--accent:gold;--text-primary:#fff8f0;--text-soft:#eadca0;--font-heading:"Bebas Neue",sans-serif;--font-body:"Inter",sans-serif;--app-accent:var(--accent);--app-surface:var(--bg-secondary);--app-surface-raised:#3a2620;--app-text-body:rgba(255,248,240,.94);--app-text-muted:rgba(255,248,240,.72);--app-danger:#ff6b6b;--tm-modal-overlay-z:1200;--tm-modal-overlay-bg:rgba(10,6,5,.72);--tm-modal-overlay-blur:4px;--tm-modal-panel-radius:12px;--tm-modal-panel-shadow:0 20px 50px rgba(0,0,0,.55);--tm-modal-panel-max-width:420px;--tm-modal-panel-size-sm:360px;--tm-modal-panel-size-lg:680px;--tm-modal-panel-bottom-gap:2.25rem;--tm-notif-panel-width:22rem;--tm-notif-panel-max-height:28rem;--tm-notif-item-radius:8px}[data-theme=dark]{--bg-primary:#1a1e17;--bg-secondary:#12160f;--text-primary:#f0ebe0;--text-soft:#c8c3ad;--app-surface:#1f2419;--app-surface-raised:#2a2f24;--app-text-body:hsla(41,35%,91%,.94);--app-text-muted:hsla(41,35%,91%,.6);--tm-modal-overlay-bg:rgba(0,0,0,.76)}*{box-sizing:border-box}:focus-visible{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}:focus:not(:focus-visible){outline:none}body{background:var(--stg-paper,#fff);color:var(--stg-ink,#161a14);font-family:var(--font-ui,"Inter Tight",system-ui,sans-serif);margin:0;min-height:100vh}.main-nav{align-items:center;background:var(--stg-paper-2,#fbf6ec);border-radius:999px;box-shadow:0 2px 16px rgba(42,26,19,.1);display:grid;gap:var(--sp-5,24px);grid-template-columns:max-content 1fr max-content;margin:var(--sp-3,12px) var(--sp-6,32px) 0;padding:var(--sp-3,12px) var(--sp-5,24px);position:sticky;top:var(--sp-3,12px);z-index:1001}.nav-start{align-items:center;display:flex;gap:var(--sp-3,12px)}.nav-brand{color:var(--stg-ink,#2a1a13);font-family:var(--font-display,"Fraunces",Georgia,serif);font-size:1.2rem;font-weight:400;letter-spacing:-.02em;line-height:1;text-decoration:none}.nav-brand em{font-style:italic}.nav-brand:hover{color:var(--stg-ink,#2a1a13);opacity:.8}.nav-logo,.nav-logo-version{display:none}.nav-menu-btn{align-items:center;background:transparent;border:1px solid rgba(255,215,0,.15);border-radius:6px;color:gold;cursor:pointer;display:flex;font-size:1.35rem;height:36px;justify-content:center;transition:all .2s;width:36px}.nav-site-menu-wrap{position:relative}.nav-site-menu-btn{align-items:center;background:transparent;border:1px solid var(--stg-rule-soft,#e8dac8);border-radius:999px;color:var(--stg-ink-2,#6b4a3c);cursor:pointer;display:flex;height:32px;justify-content:center;transition:background .15s,border-color .15s;width:32px}.nav-site-menu-btn:hover{background:var(--stg-hover,rgba(42,26,19,.07));border-color:var(--stg-ink-2,#6b4a3c)}.nav-site-menu-btn__icon{display:inline-flex;transition:transform .2s}.nav-site-menu-wrap.is-open .nav-site-menu-btn__icon{transform:rotate(180deg)}.nav-site-menu-panel{background:var(--stg-paper,#f4ede2);border:1px solid var(--stg-rule-soft,#e8dac8);border-radius:var(--stg-r-lg,12px);box-shadow:0 8px 24px rgba(42,26,19,.12);flex-direction:column;gap:.1rem;left:0;min-width:11rem;padding:.35rem;position:absolute;top:calc(100% + 8px);z-index:2000}.nav-site-menu-panel:not([hidden]){display:flex}.nav-site-menu-item{border-radius:8px;color:var(--stg-ink-2,#6b4a3c);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:500;padding:.55rem .8rem;text-decoration:none;transition:background .12s,color .12s}.nav-site-menu-item:hover{background:var(--stg-hover,rgba(42,26,19,.07));color:var(--stg-ink,#2a1a13)}.contact-mail-link{color:var(--accent);font-weight:600;text-decoration:none}.contact-mail-link:hover{text-decoration:underline}.nav-links{gap:var(--sp-1,4px)}.nav-links,.nav-links-panel{align-items:center;display:flex;justify-content:center}.nav-links-panel{min-width:0}.nav-drawer-backdrop,.nav-drawer-secondary,.nav-hamburger-btn{display:none}.nav-link{border-bottom:none;border-radius:999px;color:var(--stg-ink-2,#6b4a3c);font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:500;padding:5px 12px;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease}.nav-link:hover{background:var(--stg-hover,rgba(42,26,19,.07));color:var(--stg-ink,#2a1a13)}.nav-link.active{background:var(--stg-ink,#2a1a13);border-bottom:none;color:var(--stg-paper,#f4ede2)}.nav-link:focus-visible{outline:2px solid var(--stg-focus,#161a14);outline-offset:2px}.nav-end{align-items:center;display:flex;gap:var(--sp-2,8px)}@media (max-width:768px){.main-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2,8px) var(--sp-3,12px);margin-inline:var(--sp-2,8px);padding:var(--sp-2,8px) var(--sp-3,12px)}.nav-start{flex:1 1 auto;min-width:0}.nav-brand{font-size:1.05rem}.nav-hamburger-btn{display:grid;flex-shrink:0}.nav-site-menu-wrap{display:none}.nav-links-panel{align-items:stretch;background:var(--stg-paper-2,#fbf6ec);bottom:0;box-shadow:8px 0 32px rgba(42,26,19,.18);display:flex;flex-direction:column;gap:0;justify-content:flex-start;left:0;overflow-y:auto;padding:var(--sp-5,24px) var(--sp-4,16px) var(--sp-6,32px);pointer-events:none;position:fixed;top:0;transform:translateX(-105%);transition:transform var(--dur-2,.25s) ease;width:min(17.5rem,86vw);z-index:1202}.main-nav.is-drawer-open .nav-links-panel{pointer-events:auto;transform:translateX(0)}.nav-links{align-items:stretch;flex:0 0 auto;flex-direction:column;gap:var(--sp-1,4px);justify-content:flex-start;order:0;width:100%}.nav-link{border-radius:var(--stg-radius-sm,8px);display:block;font-size:.95rem;padding:10px 14px;text-align:left}.nav-drawer-secondary{border-top:1px solid var(--stg-border,rgba(42,26,19,.12));display:flex;flex-direction:column;gap:2px;margin-top:var(--sp-4,16px);padding-top:var(--sp-4,16px);width:100%}.nav-drawer-secondary__link{border-radius:var(--stg-radius-sm,8px);color:var(--stg-ink-2,#6b4a3c);display:block;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:.85rem;font-weight:500;padding:9px 14px;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease}.nav-drawer-secondary__link:hover{background:var(--stg-hover,rgba(42,26,19,.07));color:var(--stg-ink,#2a1a13)}.nav-drawer-backdrop{background:var(--tm-modal-overlay-bg,rgba(10,6,5,.72));display:block;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity var(--dur-2,.25s) ease;z-index:1201}.nav-drawer-backdrop:not([hidden]){opacity:1;pointer-events:auto}.nav-end{flex-shrink:0;margin-left:auto}.nav-btn{font-size:.75rem;padding:5px 12px}.nav-icon-btn{font-size:.9rem;height:32px;width:32px}.nav-notif-panel{left:auto;max-width:min(20rem,calc(100vw - 24px));right:0}}body.is-nav-drawer-open{overflow:hidden}@media (max-width:390px){.main-nav{margin-inline:6px}.nav-auth-user{gap:4px}a.nav-profile-cta{font-size:.68rem;padding:5px 10px}}.nav-icon-btn{background:transparent;border:none;border-radius:999px;color:var(--stg-ink-2,#6b4a3c);cursor:pointer;display:grid;font-size:1rem;height:36px;place-items:center;position:relative;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease;width:36px}.nav-icon-btn:hover{background:var(--stg-hover,rgba(42,26,19,.07));color:var(--stg-ink,#2a1a13)}.nav-btn{align-items:center;border:none;border-radius:999px;cursor:pointer;display:inline-flex;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:600;padding:6px 16px;text-decoration:none;transition:background var(--dur-1,.15s) ease,color var(--dur-1,.15s) ease}.nav-btn--ghost{background:transparent;border:1px solid var(--stg-rule-soft,#e8dac8);color:var(--stg-ink,#2a1a13)}.nav-btn--ghost:hover{background:var(--stg-hover,rgba(42,26,19,.07))}.nav-btn--primary{background:var(--stg-ink,#2a1a13);color:var(--stg-paper,#f4ede2)}.nav-btn--primary:hover{background:var(--stg-ink-2,#6b4a3c)}.nav-auth-btn-gilded{background:transparent;border:1px solid var(--stg-rule-soft,#e8dac8);border-radius:999px;color:var(--stg-ink,#2a1a13);cursor:pointer;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:600;letter-spacing:0;padding:6px 16px;text-transform:none}.nav-auth-btn-gilded:hover{background:var(--stg-hover,rgba(42,26,19,.07))}.guest-invite-strip{align-items:center;background:var(--stg-paper-2,#fafaf7);border:1px solid var(--stg-rule-soft,rgba(22,26,20,.05));border-radius:var(--stg-r-lg,24px);box-shadow:0 1px 8px rgba(22,26,20,.06);color:var(--stg-ink-2,#38382f);display:flex;flex-wrap:wrap;font-family:var(--font-ui,"Inter Tight",system-ui,sans-serif);font-size:var(--fs-small,.875rem);gap:.65rem 1rem;justify-content:center;margin:var(--sp-2,8px) var(--sp-6,32px) 0;padding:var(--sp-2,8px) var(--sp-5,24px)}.guest-invite-strip.hidden{display:none!important}.guest-invite-text{line-height:1.4;text-align:center}.guest-invite-btn{background:var(--stg-ink,#161a14);border:none;border-radius:var(--stg-r-pill,9999px);color:var(--stg-paper,#fff);cursor:pointer;font-family:inherit;font-size:var(--fs-small,.875rem);font-weight:600;padding:.35rem .85rem;transition:background var(--dur-1,.15s) ease}.guest-invite-btn:hover{background:var(--stg-ink-2,#38382f)}@media (max-width:768px){.guest-invite-strip{border-radius:var(--stg-r-md,16px);margin-inline:var(--sp-2,8px);padding:var(--sp-2,8px) var(--sp-3,12px)}}.nav-auth,.nav-auth-guest,.nav-auth-user{align-items:center;display:flex}.nav-auth-guest,.nav-auth-user{gap:var(--sp-2,8px)}.nav-auth-btn{background:transparent;border:1px solid rgba(255,215,0,.45);border-radius:8px;color:var(--accent);cursor:pointer;font-family:inherit;font-size:.78rem;font-weight:600;letter-spacing:.02em;padding:.38rem .85rem;white-space:nowrap}.nav-auth-btn:hover{background:rgba(255,215,0,.12);border-color:rgba(255,215,0,.65)}a.nav-profile-cta{align-items:center;display:inline-flex;font-size:.72rem;justify-content:center;padding:.5rem 1rem;text-decoration:none}a.nav-profile-cta.active{box-shadow:0 0 0 1px rgba(255,215,0,.45)}.nav-meta{color:var(--text-soft);font-size:.85rem;max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-container{max-width:40rem}.profile-panel{margin-top:.5rem}.profile-lead{color:rgba(255,248,240,.9);line-height:1.55;margin:0 0 1rem}.profile-cta-btn{margin-top:.25rem}.profile-signed-label{color:var(--text-soft);font-size:.85rem;margin:0}.profile-pseudo{color:var(--accent);font-family:var(--font-heading);font-size:1.75rem;letter-spacing:.04em;margin:.2rem 0 .75rem}.profile-hint{color:rgba(255,248,240,.82);font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.profile-signout-btn{margin-top:.25rem}.save-modal-hint{color:rgba(255,248,240,.85);font-size:.88rem;line-height:1.4;margin:0 0 .85rem}.profile-hint--below-pseudo{margin-top:.25rem}.profile-api-error{color:#ffb4a8;font-size:.9rem;line-height:1.45;margin:.35rem 0 .75rem}.profile-api-error.hidden{display:none!important}.profile-playlist-create-block{margin:1rem 0 1.25rem;max-width:36rem}.profile-bio-block{margin:.75rem 0 1rem;max-width:36rem}.profile-bio-label{color:var(--text-soft);display:block;font-size:.88rem;margin-bottom:.35rem}.profile-bio-textarea{background:#2f1d19;border:1px solid rgba(255,215,0,.35);border-radius:8px;box-sizing:border-box;color:rgba(255,248,240,.95);font-family:inherit;font-size:.92rem;line-height:1.45;min-height:5.5rem;padding:.5rem .6rem;resize:vertical;width:100%}.profile-bio-textarea:focus{border-color:rgba(255,215,0,.65);outline:none}.profile-bio-hint{font-size:.82rem;margin:.35rem 0 .5rem}.profile-bio-save{margin-top:.25rem}.profile-bio-status{margin:.5rem 0 0}.profile-playlist-row{background:rgba(0,0,0,.15);border:1px solid rgba(255,215,0,.2);border-radius:8px;color:rgba(255,248,240,.88);display:block;font-size:.92rem;padding:.45rem .65rem}.profile-patterns-block{margin:1rem 0 1.25rem}.profile-subtitle{color:var(--accent);font-family:var(--font-heading);font-size:1.15rem;letter-spacing:.04em;margin:0 0 .5rem}.profile-patterns-list{display:flex;flex-direction:column;gap:.4rem;list-style:none;margin:0;padding:0}.profile-patterns-list li{margin:0}.profile-pattern-open{background:rgba(0,0,0,.2);border:1px solid rgba(255,215,0,.35);border-radius:8px;color:rgba(255,248,240,.95);cursor:pointer;display:block;font-family:inherit;font-size:.92rem;padding:.45rem .65rem;text-align:left;width:100%}.profile-pattern-open:hover{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.55)}#playlistPickOverlay,#profileEditOverlay{z-index:455}.sequencer-pattern-menu-wrap{align-items:center;display:inline-flex;position:relative;vertical-align:middle}.sequencer-pattern-menu-wrap.hidden{display:none!important}.sequencer-pattern-dropdown{background:linear-gradient(165deg,#3e2723,#2a1814);border:1px solid rgba(255,215,0,.35);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.45);min-width:12rem;padding:.35rem 0;position:absolute;right:0;top:calc(100% + .2rem);z-index:30}.sequencer-pattern-dropdown.hidden{display:none!important}.sequencer-pattern-dropdown__item{background:transparent;border:none;color:rgba(255,248,240,.95);cursor:pointer;display:block;font-family:inherit;font-size:.88rem;padding:.45rem .85rem;text-align:left;width:100%}.sequencer-pattern-dropdown__item:hover{background:rgba(255,215,0,.1)}.sequencer-pattern-dropdown__item--danger{color:#ffb4a8}.control-btn-more{min-width:2.25rem;padding-left:.35rem;padding-right:.35rem}.profile-patterns-sheet{display:flex;flex-direction:column;gap:.65rem;margin-top:.35rem}.profile-pattern-row{align-items:stretch;border-bottom:1px solid rgba(255,215,0,.07);display:flex;gap:.65rem;padding:.25rem 0}.profile-pattern-row:last-child{border-bottom:none}.profile-pattern-row__main{align-items:flex-start;background:transparent;border:none;border-radius:10px;color:inherit;cursor:default;display:flex;flex:1;font-family:inherit;gap:.75rem;min-width:0;padding:.35rem .45rem;text-align:left}.profile-pattern-row__main:hover{background:transparent}.profile-pattern-thumb--btn{border:none;cursor:pointer;font:inherit;padding:0}.profile-pattern-thumb--btn:hover{box-shadow:0 0 0 2px rgba(255,215,0,.2);filter:brightness(1.05)}.profile-pattern-thumb-wrap{flex-shrink:0;height:48px;position:relative;width:48px}.profile-pattern-thumb{background:linear-gradient(135deg,#8c5d47,#3e2723);border-radius:6px;flex-shrink:0;height:48px;width:48px}.profile-pattern-thumb-play{align-items:center;background:rgba(0,0,0,.42);border:1px solid rgba(255,248,240,.85);border-radius:999px;color:#fff8f0;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.95rem;height:28px;inset:0;justify-content:center;line-height:1;margin:auto;opacity:0;padding:0;position:absolute;transition:opacity .15s ease,transform .12s ease;width:28px;z-index:2}.profile-pattern-thumb-play.is-previewing,.profile-pattern-thumb-play:focus-visible,.profile-pattern-thumb-wrap:hover .profile-pattern-thumb-play{opacity:1}.profile-pattern-thumb-play.is-previewing{background:rgba(255,215,0,.35);border-color:rgba(255,215,0,.9);color:#2a1814}.profile-pattern-row__stats--icons{align-items:center;color:rgba(74,45,39,.72);display:flex;flex-wrap:wrap;font-size:.72rem;font-weight:700;gap:.65rem;letter-spacing:.04em;text-transform:uppercase}.profile-stat-ic{align-items:center;background:rgba(0,0,0,.12);border:1px solid rgba(255,215,0,.1);border-radius:6px;display:inline-flex;font-variant-numeric:tabular-nums;gap:.28rem;letter-spacing:.02em;padding:.12rem .28rem}.profile-stat-ic .stg-icon-host{flex-shrink:0;opacity:.95}.profile-pattern-row__text{display:flex;flex-direction:column;gap:.12rem;min-width:0}.profile-pattern-row__title{color:rgba(255,248,240,.98);font-size:.98rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-pattern-row__meta{color:rgba(255,248,240,.55);font-size:.82rem}.profile-pattern-row-actions{align-items:center;display:flex;flex-shrink:0;gap:.35rem;position:relative}.profile-pattern-row-actions--with-social{align-items:flex-start}.profile-pattern-more-btn,.profile-pattern-preview-btn{background:rgba(0,0,0,.12);border:1px solid rgba(255,215,0,.22);border-radius:8px;color:rgba(255,248,240,.9);cursor:pointer;font-family:inherit;font-size:.82rem;height:2.25rem;line-height:1;padding:0;width:2.25rem}.profile-pattern-more-btn{background:rgba(0,0,0,.1);border-color:rgba(255,215,0,.12);color:rgba(255,248,240,.85);font-size:1.05rem;padding-bottom:.12rem}.profile-pattern-more-btn:hover{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.32);color:#fff8f0}.profile-pattern-dropdown{background:linear-gradient(165deg,#3e2723,#2a1814);border:1px solid rgba(255,215,0,.35);border-radius:8px;box-shadow:0 10px 28px rgba(0,0,0,.45);min-width:10.75rem;padding:.3rem 0;position:absolute;right:0;top:calc(100% + .15rem);z-index:35}.profile-pattern-dropdown.hidden{display:none!important}.profile-pattern-dropdown__item{background:transparent;border:none;color:rgba(255,248,240,.95);cursor:pointer;display:block;font-family:inherit;font-size:.86rem;padding:.42rem .8rem;text-align:left;width:100%}.profile-pattern-dropdown__item:hover{background:rgba(255,215,0,.1)}.profile-pattern-dropdown__item--danger{color:#ffb4a8}.profile-playlists-accordion{display:flex;flex-direction:column;gap:.45rem;margin-top:.35rem}.profile-playlist-details{background:rgba(0,0,0,.1);border-radius:10px;padding:.1rem .45rem .35rem}.profile-playlist-summary{color:rgba(255,248,240,.95);cursor:pointer;font-size:.95rem;font-weight:600;list-style:none;padding:.5rem .2rem}.profile-playlist-summary::-webkit-details-marker{display:none}.profile-playlist-body{border-top:1px solid rgba(255,215,0,.1);padding:.2rem .15rem .45rem}.profile-playlist-track-row{align-items:center;display:flex;gap:.5rem;justify-content:space-between;padding:.38rem .15rem}.profile-playlist-track-title{color:rgba(255,248,240,.88);flex:1;font-size:.86rem;min-width:0}.profile-playlist-track-actions{display:flex;flex-shrink:0;gap:.3rem}.profile-playlist-open-btn,.profile-playlist-preview-btn,.profile-playlist-rem-btn{background:rgba(0,0,0,.15);border:1px solid rgba(255,215,0,.25);border-radius:8px;color:rgba(255,248,240,.92);cursor:pointer;font-family:inherit;font-size:.78rem;padding:.28rem .55rem}.profile-playlist-preview-btn{min-width:2rem;padding-left:.35rem;padding-right:.35rem}.profile-playlist-empty-hint{margin:.35rem 0 .15rem}.profile-edit-panel{max-width:440px}.profile-readonly-field{background:rgba(0,0,0,.18);border-radius:8px;color:rgba(255,248,240,.85);font-size:.9rem;margin:0;padding:.45rem .5rem;word-break:break-all}.profile-email-line{font-size:.84rem;margin:.1rem 0 .45rem;opacity:.78}.profile-bio-display{color:rgba(255,248,240,.88);font-size:.92rem;line-height:1.5;margin:.25rem 0 0;white-space:pre-wrap}.profile-edit-open-btn{margin-top:.5rem}.profile-import-check{color:rgba(255,248,240,.85);cursor:pointer;display:block;font-size:.88rem;margin:.5rem 0 .65rem}.profile-import-check input{margin-right:.4rem;vertical-align:middle}.sequencer-comments-separator{background:linear-gradient(90deg,transparent,rgba(212,199,141,.4),transparent);border:0;height:1px;margin:4rem auto 2rem;width:80%}.sequencer-comments-panel{background:#1f0f0c;border-radius:24px;margin:0 auto 5rem;max-width:900px;padding:3rem}.sequencer-comments-panel__title{color:gold;gap:.45rem .65rem;margin-bottom:.5rem}.sequencer-comments-count{background:rgba(255,215,0,.14);border:1px solid rgba(255,215,0,.35);border-radius:999px;color:#f5e6c0;font-size:.72em;font-weight:800;letter-spacing:.06em;line-height:1.2;padding:.12rem .55rem}.sequencer-comments-count.hidden{display:none}.sequencer-comments-panel__hint{color:#d4c78d;font-size:.9rem;margin-bottom:2.5rem;opacity:.7}.pattern-comments-panel{display:flex;flex-direction:column;max-height:80vh;overflow:hidden}.pattern-comments-list{display:flex;flex:1;flex-direction:column;gap:1.1rem;margin-top:1.25rem;overflow-y:auto}.pattern-comment-row{background:linear-gradient(165deg,#faf8f2,#f4efe6);border:1px solid rgba(45,27,23,.32);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.55),0 5px 22px rgba(25,10,7,.2);color:#2d1b17;display:flex;flex-direction:column;gap:.45rem;padding:1.1rem 1.2rem 1.2rem;position:relative}.pattern-comment-row__main{align-items:flex-start;display:flex;gap:1rem}.pattern-comment-meta{color:rgba(68,48,43,.55);font-size:.78rem;font-weight:600;letter-spacing:.04em;margin-bottom:.15rem}.pattern-comment-avatar{align-items:center;background:linear-gradient(145deg,#ffe566,#e6c84d);border-radius:10px;color:#2d1b17;display:flex;flex-shrink:0;font-family:Epilogue,sans-serif;font-size:.82rem;font-weight:800;height:44px;justify-content:center;width:44px}.pattern-comment-row--reply .pattern-comment-avatar{border-radius:10px;font-size:.78rem;height:40px;width:40px}.pattern-comment-content{flex:1;min-width:0}.pattern-comment-row--reply{background:linear-gradient(165deg,#f2ebe2,#e8dfd4);border:1px solid rgba(45,27,23,.4);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.4),0 6px 20px rgba(25,10,7,.22);margin-left:0;padding:.95rem 1.05rem 1.1rem;transform:none}.pattern-comment-replies{border-left:1px solid rgba(45,27,23,.22);box-sizing:border-box;display:flex;flex-direction:column;gap:.85rem;margin-left:.85rem;margin-top:.75rem;padding-left:.15rem;width:100%}.pattern-comment-replies>.pattern-comment-row--reply{margin-left:0;transform:none}.pattern-comment-author-link{color:#2d1b17!important;font-weight:800;text-decoration:none}.pattern-comment-body{color:#44302b;font-family:Manrope,sans-serif;font-size:.95rem;font-weight:500;line-height:1.55;margin-bottom:.4rem;word-break:break-word}.pattern-comment-body--system{font-style:italic;opacity:.6}.pattern-comment-actions{align-items:center;border-top:none;display:flex;flex-wrap:wrap;gap:.65rem 1rem;margin-top:.45rem;padding-top:.35rem}.pattern-comment-action{background:none;border:none;color:#a08a85;cursor:pointer;font-size:.58rem;font-weight:700;letter-spacing:.06em;padding:1px 0;text-transform:uppercase;transition:all .2s}.pattern-comment-action:hover{color:#2d1b17;transform:translateY(-1px)}.pattern-comment-action--danger:hover{color:#e74c3c}.pc-reaction-btn{align-items:center;background:rgba(45,27,23,.05);border-radius:6px;display:inline-flex;font-size:.68rem;font-weight:600;gap:.4rem;padding:.12rem .28rem .12rem .32rem}.pc-reaction-active{background:gold;color:#221b00!important}.pc-reaction-btn .pc-reaction-count{font-size:.62rem}.pattern-comments-composer{align-items:flex-start;background:linear-gradient(165deg,#fff9ec,#fff6df 50%,#f5ebd4);border:1px solid hsla(34,32%,57%,.28);border-radius:12px;box-shadow:0 4px 16px rgba(45,27,23,.1);display:flex;gap:.65rem;margin-bottom:1.25rem;margin-top:.75rem;padding:.75rem .95rem}.pattern-comments-composer.hidden{display:none}.pattern-comments-composer__content{display:flex;flex:1;flex-direction:column;gap:.55rem}.pc-inline-toggle-btn{margin-bottom:1.5rem}.pattern-comments-textarea{background:hsla(0,0%,100%,.55);border:1px solid rgba(120,90,70,.2);border-radius:10px;color:#2d1b17;font-family:Manrope,sans-serif;font-size:.92rem;min-height:3.25rem;padding:.55rem .65rem;resize:none;transition:all .2s;width:100%}.pattern-comments-textarea:focus{background:#fff;border-color:gold;outline:none}.pc-composer-actions{display:flex;gap:1rem;justify-content:flex-end}.pc-reaction-count{margin-left:.2rem}.pattern-comments-composer--inline-reply{margin-bottom:0;margin-top:.35rem}.pc-comment-btn{align-items:center;background:transparent;border:none;color:#c8b896;cursor:pointer;display:inline-flex;font-family:inherit;font-size:.82rem;gap:.2rem;padding:0 .1rem}.pc-comment-btn:hover{color:gold}.pc-comment-count{font-variant-numeric:tabular-nums}.nav-notif-btn{background:transparent;border:none;border-radius:999px;color:var(--stg-ink-2,#6b4a3c);cursor:pointer;display:grid;font-size:1.05rem;height:36px;line-height:1;place-items:center;position:relative;transition:background .15s,color .15s;width:36px}.nav-notif-btn:hover{background:var(--stg-hover,rgba(42,26,19,.07));color:var(--stg-ink,#2a1a13)}.nav-notif-badge{align-items:center;background:#e53935;border-radius:999px;color:#fff;display:inline-flex;font-size:.62rem;font-weight:700;height:1.1em;justify-content:center;line-height:1;min-width:1.1em;padding:0 .2em;position:absolute;right:0;top:0;transform:translate(35%,-35%)}.nav-notif-badge.hidden{display:none!important}.nav-notif-panel{background:linear-gradient(165deg,#3e2723,#2a1814);border:1px solid rgba(255,215,0,.35);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.55);max-height:var(--tm-notif-panel-max-height);overflow-y:auto;padding:.5rem 0;position:absolute;right:0;top:calc(100% + .4rem);width:min(var(--tm-notif-panel-width),calc(100vw - 2rem));z-index:2000}.nav-notif-panel.hidden{display:none!important}.nav-notif-panel-header{align-items:flex-start;border-bottom:1px solid rgba(255,215,0,.12);color:rgba(255,248,240,.7);display:flex;font-size:.82rem;gap:.75rem;justify-content:space-between;padding:.4rem .85rem .5rem}.nav-notif-title-wrap{display:flex;flex-direction:column;gap:.1rem}.nav-notif-title{font-weight:700}.nav-notif-subtitle{color:rgba(255,248,240,.5);font-size:.68rem}.nav-notif-actions{align-items:center;display:inline-flex;gap:.5rem}.nav-notif-mark-all{background:transparent;border:none;color:rgba(255,215,0,.7);cursor:pointer;font-family:inherit;font-size:.78rem}.nav-notif-refresh{background:transparent;border:1px solid rgba(255,215,0,.35);border-radius:999px;color:rgba(255,248,240,.82);cursor:pointer;font-size:.72rem;padding:.2rem .55rem}.nav-notif-refresh:hover{border-color:rgba(255,215,0,.7);color:gold}.nav-notif-mark-all:hover{color:gold}.nav-notif-item{border-bottom:1px solid rgba(255,215,0,.06);border-radius:var(--tm-notif-item-radius);color:rgba(255,248,240,.88);cursor:pointer;font-size:.84rem;padding:.55rem .85rem;transition:background .12s}.nav-notif-item:last-child{border-bottom:none}.nav-notif-item:hover{background:rgba(255,215,0,.06)}.nav-notif-item--unread{background:rgba(255,215,0,.05)}.nav-notif-item--unread .nav-notif-item-text:before{color:gold;content:"● ";font-size:.5em;margin-right:.2em;vertical-align:middle}.nav-notif-item-time{color:rgba(255,248,240,.45);font-size:.72rem;margin-top:.12rem}.nav-notif-empty{color:rgba(255,248,240,.45);font-size:.85rem;padding:1rem .85rem;text-align:center}.nav-notif-wrap{display:inline-flex;position:relative;z-index:50}.sequencer-comments-block{margin:1.5rem auto .5rem;width:90%}.sequencer-comments-block,.sequencer-comments-panel{background:rgba(47,29,25,.65);border:1px solid rgba(255,215,0,.15);border-radius:12px;max-width:1200px;padding:1rem 1.2rem}.sequencer-comments-panel{margin:1.25rem auto .8rem;width:min(1200px,92vw)}.sequencer-comments-panel__title{align-items:baseline;color:var(--accent);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:1.35rem;font-weight:800;gap:.35rem .5rem;letter-spacing:.11em;line-height:1.25;margin:0;text-transform:uppercase}.sequencer-comments-panel__hint{color:var(--text-soft);font-size:.86rem;margin:.35rem 0 .75rem}.sequencer-comments-title{color:var(--accent);font-family:var(--font-heading);font-size:1rem;letter-spacing:.08em;margin:0 0 .65rem;text-transform:uppercase}.pattern-comments-list--inline{display:flex;flex-direction:column;gap:.85rem;margin-bottom:.65rem;max-height:22rem;overflow-y:auto}.pattern-comments-composer--inline{display:flex;flex-direction:column;gap:.45rem}.auth-gate-panel{max-height:90vh;max-width:440px;overflow-y:auto}.auth-gate-preview-note{color:rgba(255,248,240,.88);color:var(--text-soft);font-size:.92rem;font-size:.85rem;line-height:1.5;margin:0 0 .75rem;margin-top:.5rem}.auth-gate-error{color:#ffb4a8;font-size:.88rem;line-height:1.4;margin:0 0 .75rem}.auth-gate-error.hidden{display:none!important}.auth-gate-hint{color:var(--text-soft);font-size:.8rem;line-height:1.35;margin:-.35rem 0 .65rem}.auth-gate-section{margin-bottom:1rem}.auth-gate-section--divider{border-top:1px solid rgba(255,215,0,.2);padding-top:.75rem}.auth-gate-subtitle{color:var(--accent);font-family:var(--font-heading);font-size:1rem;letter-spacing:.06em;margin:0 0 .5rem}.auth-gate-label{color:var(--text-soft);display:block;font-size:.8rem;margin:.35rem 0 .2rem}.auth-gate-input{margin-bottom:.35rem}.auth-gate-fullwidth{margin-top:.5rem;width:100%}.auth-gate-dev-details{color:var(--text-soft);font-size:.88rem;margin:.75rem 0 0}.auth-gate-dev-details summary{color:rgba(255,215,0,.75);cursor:pointer}.auth-gate-dev-details[open] summary{margin-bottom:.5rem}.auth-gate-quick-logins{display:grid;gap:.4rem;grid-template-columns:1fr 1fr;margin-bottom:.55rem}.auth-gate-quick-btn{font-size:.82rem;padding:.4rem .55rem;text-align:center;white-space:nowrap}.auth-gate-quick-role{background:rgba(255,215,0,.2);border-radius:3px;color:gold;display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.06em;margin-left:.3rem;padding:.08rem .35rem;text-transform:uppercase;vertical-align:middle}.page{margin:0 auto;max-width:1400px;padding:1rem 1.5rem 2rem}.hidden{display:none!important}.hero{align-items:center;display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem;padding:0 2rem}.hero-dynamic-title{font-size:clamp(2rem,5vw,3.5rem);font-weight:400;margin:.5rem 0;min-height:7rem;text-align:center;width:100%}.hero-separator{display:none}.tut-slider-wrap{border:2px solid #0a0605;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(255,215,0,.05);margin:0 auto;max-width:1200px}.tut-nav-rail{display:none}.section-title{font-family:var(--font-heading);font-size:2rem;margin:0 0 1rem}.browse-toolbar{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);margin:0 auto 1.5rem;max-width:1400px;min-height:5.5rem;padding:1.45rem 2rem;width:100%}.browse-toolbar-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:1rem 1.35rem}.browse-filter-label{color:#d4c78d;display:flex;flex-direction:column;font-family:var(--font-body);font-size:.78rem;gap:.28rem}.browse-filter-label>span{font-size:.68rem;font-weight:600;letter-spacing:.04em;opacity:.92;text-transform:uppercase}.browse-filter-control{-webkit-appearance:none;appearance:none;background:#5d4037 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4b86a' d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") no-repeat right .65rem center;border:1px solid rgba(196,155,80,.45);border-radius:8px;color:#f5f0e6;cursor:pointer;font-family:JetBrains Mono,Inter,monospace;font-size:.82rem;font-weight:600;line-height:1.2;min-height:2.65rem;min-width:10.5rem;padding:.5rem 2.25rem .5rem .75rem;transition:background .15s ease,border-color .15s ease,color .15s ease}.browse-filter-control:hover{background-color:#5d4037;border-color:#c4a000;color:#fff}.browse-filter-control:focus{border-color:gold;outline:2px solid gold;outline-offset:2px}.browse-filter-control optgroup,.browse-filter-control option{background:#3e2723;color:#fff}.browse-toolbar .browse-filter-apply.control-btn{align-self:flex-end;background:#5d4037;border:1px solid rgba(196,155,80,.45);border-radius:8px;color:#f5f0e6;font-family:JetBrains Mono,Inter,monospace;font-size:.8rem;font-weight:600;letter-spacing:.04em;margin-left:auto;min-height:2.65rem;padding:.5rem 1.35rem;text-transform:none;transition:background .12s ease,border-color .12s ease,transform .1s ease}.browse-toolbar .browse-filter-apply.control-btn:hover{background:#6a4e42;border-color:rgba(196,155,80,.75);color:#fff8f0}.browse-toolbar .browse-filter-apply.control-btn:focus-visible{outline:2px solid gold;outline-offset:2px}.browse-toolbar .browse-filter-apply.control-btn:active{transform:scale(.97)}.save-win-modal{background:linear-gradient(165deg,#6a5348,#554038 38%,#3f322c);border:1px solid rgba(20,12,10,.45);border-radius:18px;box-shadow:0 24px 56px rgba(12,8,6,.55);color:#f0e4d8;max-width:min(42rem,92vw);overflow:hidden;padding:0;width:100%}.save-win-modal-header{align-items:center;background:linear-gradient(180deg,rgba(62,48,40,.95),rgba(52,40,34,.98));border-bottom:1px solid rgba(0,0,0,.28);display:flex;justify-content:space-between;padding:1rem 1.35rem}.save-win-modal-header--compact{padding:.85rem 1.15rem}.save-win-modal-title{color:#f5eadc;font-family:Epilogue,sans-serif;font-size:1.2rem;font-weight:800;letter-spacing:-.02em;margin:0;text-transform:none}.save-win-close-btn{align-items:center;background:rgba(30,22,18,.55);border:1px solid rgba(255,210,140,.18);border-radius:8px;color:#e8d4c4;cursor:pointer;display:inline-flex;font-size:1.1rem;height:2.25rem;justify-content:center;transition:color .2s,background .2s,border-color .2s;width:2.25rem}.save-win-close-btn:hover{background:rgba(48,36,30,.85);border-color:rgba(255,215,0,.35);color:#fff8ef}.save-win-modal-body{padding:1.2rem 1.35rem 1.5rem}.save-win-grid{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.save-win-panel{backdrop-filter:blur(8px);background:rgba(42,32,28,.55);border:1px solid rgba(255,200,140,.1);border-radius:14px;display:flex;flex-direction:column;gap:.85rem;padding:1.15rem 1.2rem}.save-win-panel--wide{grid-column:span 2}.save-win-panel--full{grid-column:span 3}.save-win-panel-header{align-items:center;display:flex;justify-content:space-between}.save-win-panel-header--static{justify-content:flex-start}.save-win-panel-label{align-items:center;color:#c9b5a4;display:flex;font-size:.68rem;font-weight:700;gap:.6rem;letter-spacing:.1em}.save-win-panel-label i{color:#e8c86a;font-size:.9rem}.save-win-switch{cursor:pointer;height:18px;position:relative;width:32px}.save-win-switch input{display:none}.save-win-slider{background:rgba(80,55,45,.18);border:1px solid rgba(80,55,45,.22);border-radius:20px;inset:0;position:absolute;transition:.3s}.save-win-slider:before{background:#c4a88a;border-radius:50%;bottom:2px;content:"";height:12px;left:2px;position:absolute;transition:.3s;width:12px}.save-win-switch input:checked+.save-win-slider{background:rgba(184,134,11,.35);border-color:rgba(154,107,45,.55)}.save-win-switch input:checked+.save-win-slider:before{background:#ffd54a;transform:translateX(14px)}.save-win-panel-content.is-locked{opacity:.35;pointer-events:none}.save-win-field-label{color:#b8a090;display:block;font-size:.62rem;font-weight:700;letter-spacing:.08em;margin-bottom:.45rem;opacity:.98}.save-win-input-primary{background:transparent;border:none;border-bottom:2px solid rgba(255,200,120,.22);color:#fff4e6;font-family:Epilogue,sans-serif;font-size:clamp(1.2rem,2.5vw,1.65rem);font-weight:800;letter-spacing:-.03em;padding:.45rem 0;text-transform:uppercase;width:100%}.save-win-input-primary:focus{border-color:rgba(255,215,100,.55);outline:none}.save-win-visibility-toggle{background:rgba(24,18,15,.55);border:1px solid rgba(255,200,120,.12);border-radius:10px;display:flex;padding:4px;width:100%}.save-win-vis-pill{align-items:center;background:transparent;border:none;border-radius:8px;color:rgba(224,208,192,.45);cursor:pointer;display:flex;flex:1;font-size:.7rem;font-weight:700;gap:.5rem;justify-content:center;padding:.6rem;transition:all .2s}.save-win-vis-pill.active{background:rgba(255,200,72,.28);color:#fff8ec}.save-win-meta-row{align-items:end;display:grid;gap:1rem 1.35rem;grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr) minmax(0,1fr);margin-top:1.35rem}@media (max-width:52rem){.save-win-meta-row{grid-template-columns:1fr 1fr}.save-win-meta-item:first-child{grid-column:span 2}}@media (max-width:36rem){.save-win-meta-row{grid-template-columns:1fr}.save-win-meta-item:first-child{grid-column:span 1}}.save-win-meta-item--grow{min-width:0}.save-win-bpm-readout{align-items:baseline;color:#ffe8c8;display:flex;font-family:Epilogue,sans-serif;font-size:1.5rem;font-weight:800;gap:.35rem;line-height:1.1}.save-win-bpm-unit{color:#a89080;font-size:.75rem;font-weight:700;letter-spacing:.06em}.save-win-input-readable{background:rgba(28,22,19,.75);border:1px solid rgba(255,200,120,.16);border-radius:10px;box-sizing:border-box;color:#f5ebe0;font-family:var(--font-body,"Inter",system-ui,sans-serif);font-size:.9rem;font-weight:500;letter-spacing:.01em;line-height:1.35;padding:.6rem .75rem;text-transform:none;width:100%}.save-win-input-readable:focus{border-color:rgba(255,210,100,.45);box-shadow:0 0 0 1px rgba(255,200,80,.2);outline:none}.save-win-input-readable::placeholder{color:rgba(200,180,160,.45);text-transform:none}.save-win-remake-lead{color:#b8a090;font-size:.78rem;line-height:1.45;margin:0 0 .85rem}.save-win-remake.save-win-remake--dim .save-win-remake-grid,.save-win-remake.save-win-remake--dim .save-win-remake-lead{opacity:.48;transition:opacity .2s ease}.save-win-remake.save-win-remake--dim .save-win-panel-header .save-win-panel-label{opacity:.72}.save-win-specs-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 2fr 3fr}.save-win-spec-item{background:#0a0605;border:1px solid hsla(0,0%,100%,.03);border-radius:12px;padding:1.25rem}.save-win-spec-label{color:#d4c78d;display:block;font-size:.6rem;font-weight:800;margin-bottom:.5rem;opacity:.5}.save-win-spec-value{color:gold;font-family:Epilogue,sans-serif;font-size:2rem;font-weight:800;line-height:1}.save-win-spec-unit{font-size:.75rem;margin-left:.25rem}.save-win-input-minimal{background:transparent;border:none;color:gold;font-size:.85rem;font-weight:700;padding:.25rem 0;text-transform:uppercase;width:100%}.save-win-input-minimal:focus{outline:none}.save-win-remake-grid{display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.save-win-remake-meta{display:grid;gap:1.25rem;grid-column:span 2;grid-template-columns:1fr 3fr}.save-win-remake-credits{display:grid;gap:1.25rem;grid-column:span 2;grid-template-columns:1fr 1fr 1fr}.save-win-remake-youtube-row{align-items:flex-end;display:flex;gap:.75rem;grid-column:span 2}.save-win-youtube-input-wrap{flex:1}.save-win-fetch-btn-wrap{display:flex;flex-direction:column;flex-shrink:0}.save-win-fetch-btn{background:rgba(212,199,141,.1);border:1px solid rgba(212,199,141,.28);border-radius:8px;color:#d4c78d;cursor:pointer;font-size:.67rem;font-weight:800;letter-spacing:.06em;padding:.6rem .9rem;transition:background .15s,border-color .15s;white-space:nowrap}.save-win-fetch-btn:hover{background:rgba(212,199,141,.2);border-color:rgba(212,199,141,.48)}.save-win-fetch-btn:disabled{cursor:not-allowed;opacity:.4}.save-win-fetch-status{color:#b8a090;display:block;font-size:.68rem;margin-top:.35rem;min-height:1em}.save-win-youtube-preview{align-items:center;background:rgba(0,0,0,.18);border:1px solid hsla(0,0%,100%,.06);border-radius:8px;display:flex;gap:.85rem;grid-column:span 2;padding:.75rem}.save-win-youtube-preview.hidden{display:none}.save-win-youtube-thumb{border-radius:4px;flex-shrink:0;height:45px;object-fit:cover;width:80px}.save-win-youtube-info{color:#c0b090;font-size:.78rem;line-height:1.35}.save-win-youtube-info strong{color:#d4c78d;display:block;font-weight:700}.save-win-modal-footer{align-items:center;display:flex;flex-direction:column;gap:1rem;padding:0 1.35rem 1.35rem}.save-win-save-btn{align-items:center;background:gold;border:1px solid rgba(80,55,45,.22);border-radius:12px;box-shadow:0 10px 24px rgba(42,24,20,.18);color:#2a1814;cursor:pointer;display:flex;font-family:Epilogue,sans-serif;font-size:1rem;font-weight:800;gap:.65rem;justify-content:center;letter-spacing:.04em;padding:.95rem 1rem;text-transform:none;transition:transform .2s,box-shadow .2s;width:100%}.save-win-save-btn:hover{box-shadow:0 14px 28px rgba(42,24,20,.22);transform:translateY(-1px)}.save-win-save-btn:active{transform:scale(.99)}.save-win-footer-hint{color:#9a8878;font-size:.6rem;font-weight:700;letter-spacing:.15em;opacity:.75}.save-win-visibility-hint{color:#a09082;font-size:.68rem;font-style:normal;margin-top:.65rem;opacity:.95}.save-win-cover-upload{border-top:1px solid rgba(255,200,120,.1);padding-top:.85rem}.save-win-cover-row{align-items:center;display:flex;gap:1rem}.save-win-upload-btn{background:rgba(36,28,24,.65);border:1px dashed rgba(255,200,120,.28);border-radius:8px;color:#e0d0c4;cursor:pointer;font-size:.68rem;font-weight:700;padding:.5rem .9rem;transition:.2s}.save-win-upload-btn:hover{background:rgba(52,40,34,.85);border-color:rgba(255,215,100,.4);color:#fff8f0}.save-cover-preview{border:1px solid rgba(255,200,120,.22);height:48px;width:48px}.save-cover-preview img{height:100%}.save-win-radio{align-items:center;color:#c9b5a4;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;gap:.6rem;margin:0 1rem}.save-win-radio input{accent-color:#9a6b2d}.save-visibility-segment{background:rgba(8,5,4,.55);border:1px solid rgba(255,215,0,.28);border-radius:14px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.06);display:flex;gap:.55rem;padding:.45rem;width:100%}.save-visibility-pill{align-items:center;background:rgba(255,215,0,.07);border:2px solid rgba(255,215,0,.28);border-radius:10px;color:hsla(36,77%,95%,.78);cursor:pointer;display:flex;flex:1;font-family:var(--font-body);font-size:.78rem;font-weight:800;gap:.45rem;justify-content:center;letter-spacing:.1em;padding:.78rem 1rem;text-transform:uppercase;transition:color .2s ease,background .22s ease,border-color .22s ease,box-shadow .22s ease,transform .18s ease}.save-visibility-pill:focus-visible{border-color:rgba(255,230,140,.95);box-shadow:0 0 0 3px rgba(255,215,0,.35);outline:none}.save-visibility-pill.active{background:linear-gradient(180deg,#fff0a3,gold 42%,#e9b800);border:2px solid rgba(255,248,220,.95);box-shadow:0 0 0 2px rgba(255,193,7,.55),0 0 22px rgba(255,200,40,.45),0 6px 18px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.55);color:#140a08;transform:scale(1.02)}.save-visibility-pill:not(.active):hover{background:rgba(255,215,0,.16);border-color:rgba(255,215,0,.55);box-shadow:0 0 16px rgba(255,200,60,.2);color:#fff9e6;transform:scale(1.015)}.save-visibility-pill:not(.active):active{transform:scale(.99)}.save-visibility-pill.active:active{transform:scale(.985)}@keyframes saveVisPillSelect{0%{box-shadow:0 0 0 2px rgba(255,193,7,.55),0 0 22px rgba(255,200,40,.45),0 6px 18px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.55);transform:scale(1.02)}45%{box-shadow:0 0 0 4px rgba(255,215,0,.65),0 0 36px rgba(255,220,80,.55),0 8px 24px rgba(0,0,0,.38),inset 0 1px 0 hsla(0,0%,100%,.65);transform:scale(1.06)}to{box-shadow:0 0 0 2px rgba(255,193,7,.55),0 0 22px rgba(255,200,40,.45),0 6px 18px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.55);transform:scale(1.02)}}.save-visibility-pill.save-visibility-pill--flash{animation:saveVisPillSelect .42s ease-out}@media (prefers-reduced-motion:reduce){.save-visibility-pill{transition:color .15s ease,background .15s ease,border-color .15s ease}.save-visibility-pill.save-visibility-pill--flash{animation:none}.save-visibility-pill.active,.save-visibility-pill:not(.active):hover{transform:none}}.save-visibility-hint{color:hsla(37,46%,69%,.85);font-size:.78rem;line-height:1.4;margin-top:.45rem}.save-remake-block{margin:.5rem 0 .75rem}.save-remake-toggle.is-active{border-color:var(--accent);color:#ffe566}.save-remake-hint{color:var(--text-soft);font-size:.78rem;line-height:1.35;margin:.35rem 0 .5rem}.save-remake-fields{margin-top:.35rem}.save-remake-grid-2{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.save-remake-grid-2 .edit-control-group{margin:0}.req{color:#ffb4a8}.pattern-grid{display:grid;gap:2rem;grid-template-columns:1fr 1fr}.popular-column{display:flex;flex-direction:column;gap:.6rem}.pattern-card{align-items:center;background:rgba(47,29,25,.9);border:1px solid rgba(255,215,0,.2);border-radius:8px;cursor:pointer;display:grid;gap:.55rem .75rem;grid-template-columns:76px 1fr auto;padding:.28rem}.pattern-card-thumb{align-items:center;aspect-ratio:1;border-radius:2px;display:flex;justify-content:center;margin:0 auto;max-height:72px;max-width:72px;position:relative;width:100%}.pattern-card-remake-badge{background:rgba(30,80,200,.92);border-radius:3px;color:#e8f0ff;font-size:.58rem;font-weight:800;left:2px;letter-spacing:.04em;line-height:1;padding:.12rem .28rem;pointer-events:none;position:absolute;text-transform:uppercase;top:2px;z-index:2}.pattern-card-like-row{align-items:center;color:#c8b896;display:flex;font-size:.8rem;gap:.35rem;margin-top:.35rem}.pattern-card-like-btn{align-items:center;background:linear-gradient(160deg,rgba(255,246,223,.9),rgba(233,221,188,.9));border:1px solid rgba(92,64,56,.28);border-radius:999px;box-shadow:0 2px 8px rgba(31,15,12,.2);color:#7e5a50;cursor:pointer;display:inline-flex;font-size:1.15rem;font-weight:800;height:2rem;justify-content:center;line-height:1;padding:0;transition:transform .12s ease,box-shadow .12s ease,color .12s ease,border-color .12s ease;width:2rem}.pattern-card-like-btn:hover{border-color:rgba(212,58,95,.45);box-shadow:0 6px 14px rgba(31,15,12,.24);color:#d43a5f;transform:translateY(-1px) scale(1.05)}.pattern-card-like-btn.is-liked{background:linear-gradient(160deg,#ff5b84,#d92b58);border-color:rgba(217,43,88,.8);box-shadow:0 6px 14px rgba(217,43,88,.35);color:#fff}.pattern-card-like-btn:disabled,.pattern-card-like-btn[aria-busy=true]{cursor:wait;opacity:.45}.pattern-card-like-btn[aria-busy=true]{pointer-events:none}.pattern-card-like-count{color:#4a2d27;font-size:.92rem;font-variant-numeric:tabular-nums;font-weight:700;min-width:1.35rem}.pattern-card-like-nolike{font-variant-numeric:tabular-nums;opacity:.75}#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 .profile-pattern-social-btn--with-count{background:transparent;border:none;color:var(--stg-ink-3,#6b6b5f);gap:.25rem;height:auto;min-width:0;padding:2px 4px;width:auto}#page-browse .pattern-card .profile-pattern-social-btn--with-count.is-liked,#page-browse .pattern-card .profile-pattern-social-btn--with-count.profile-pattern-social-btn--liked,#page-browse .pattern-card .profile-pattern-social-btn--with-count:hover{background:transparent;border:none;color:var(--stg-ink,#161a14)}#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{color:#dfd1a2;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}.now-playing-sub a.tm-profile-deep-link{color:#f0d56a;text-decoration:underline;text-underline-offset:2px}.now-playing-sub a.tm-profile-deep-link:hover{color:#fff6c2}.now-playing-sub__original{color:gold;font-size:.58rem;font-weight:800;letter-spacing:.1em;opacity:.75}.header-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1.25rem}.tm-profile-deep-link{color:#f0d56a;font-weight:600;text-decoration:underline;text-underline-offset:2px}.tm-profile-deep-link:hover{color:#fff6c2}.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}.profile-viewing-banner{align-items:center;background:rgba(0,0,0,.35);border:1px solid rgba(255,215,0,.35);border-radius:10px;color:var(--text-soft);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.5rem 1rem;margin:0 0 .75rem;padding:.55rem .85rem}.profile-viewing-banner__report{font-size:.8rem;margin-left:auto}@media (max-width:520px){.profile-viewing-banner__report{margin-left:0;width:100%}}.profile-playlist-empty-quick{display:block;margin:.5rem 0 .25rem;min-width:0}.profile-playlist-empty-panel .modal-input,.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}.profile-viewing-banner.hidden{display:none}.profile-viewing-banner__label{color:#f5e6c0;font-weight:600}.profile-viewing-banner__link{color:#f0d56a;font-weight:600;text-decoration:underline;text-underline-offset:2px}.profile-viewing-banner__link:hover{color:#fff6c2}.profile-pattern-row--readonly .profile-pattern-row-actions{gap:.25rem}.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}.sequencer-header-action-stack{align-items:stretch;display:flex;flex-direction:column;gap:.35rem}.sequencer-header-action-btn{background:transparent;border:1px solid var(--accent);border-radius:10px;color:var(--accent);cursor:pointer;font-family:var(--font-heading);font-size:.72rem;letter-spacing:.08em;min-width:4.5rem;padding:.38rem .55rem;transition:background .12s ease,color .12s ease,border-color .12s ease}.sequencer-header-action-btn:hover{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.55);color:#f5e6c0}.sequencer-header-action-btn:active{background:#e6c84d;border-color:rgba(44,27,23,.45);color:#2c1b17}.play-pause-btn{background:gold;border:none;border-radius:50%;box-shadow:0 0 22px rgba(255,215,0,.32);color:#221b00;cursor:pointer;display:grid;font-size:1.05rem;font-weight:700;height:3rem;line-height:1;place-items:center;transition:background .15s ease,color .15s ease,transform .1s ease,box-shadow .15s ease;width:3rem}.play-pause-btn.transport-playing{background:#c62828;box-shadow:0 0 26px rgba(198,40,40,.48);color:#fff}.play-pause-btn:hover{filter:brightness(1.06)}.play-pause-btn.transport-playing:hover{filter:brightness(1.08)}.bpm-control{align-items:center;background:rgba(45,27,23,.55);border:1px solid rgba(77,71,50,.45);border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;gap:.08rem;justify-content:center;min-width:4.25rem;padding:.35rem .85rem .4rem}.bpm-control label:not(.bpm-control-label),.bpm-control-label{color:#d4c78d;font-family:var(--font-heading);font-size:.55rem;font-weight:800;letter-spacing:.14em;line-height:1;opacity:.85}.master-volume-control{align-items:center;display:flex;gap:.4rem}.master-volume-control input{accent-color:var(--accent);width:88px}.bpm-input{-moz-appearance:textfield;background:transparent;border:none;color:gold;font-family:var(--font-heading);font-size:1.35rem;font-weight:900;line-height:1.1;margin:0;padding:0;text-align:center;width:3.25rem}.bpm-input::-webkit-inner-spin-button,.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-input:focus{color:#ffe566;outline:none}.sequencer-mode-toggle{align-items:center;background:#190a07;border:1px solid rgba(77,71,50,.35);border-radius:999px;box-sizing:border-box;display:flex;gap:.25rem;justify-content:center;margin:1.35rem auto 0;max-width:calc(100% - 1.5rem);padding:.28rem;width:fit-content}.sequencer-mode-btn{background:rgba(68,48,43,.95);border:none;border-radius:999px;color:#d4c78d;cursor:pointer;font-family:var(--font-heading);font-size:.72rem;font-weight:800;letter-spacing:.12em;padding:.55rem 1.65rem;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.sequencer-mode-btn:hover:not(.active){background:rgba(80,58,50,.98);color:#f0e4d0}.sequencer-mode-btn.active{background:gold;box-shadow:0 0 18px rgba(255,215,0,.28);color:#221b00}.sequencer-container{margin:22px auto 30px;max-width:1800px;padding:1.2rem;width:95%}.pattern-selector-group{align-items:center;display:flex;flex-wrap:wrap;gap:.85rem 1.25rem;justify-content:space-between;margin:.5rem 0 1rem}.pattern-selector-primary{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem}.pattern-nav-cluster{align-items:center;display:inline-flex;gap:.35rem}.pattern-actions-save{align-items:center;display:flex;flex-wrap:wrap;gap:.45rem;margin-left:auto}.pattern-import-drop{border-radius:10px;transition:box-shadow .15s ease,background-color .15s ease}.pattern-import-drop.pattern-import-drop--active{background-color:rgba(255,215,0,.06);box-shadow:0 0 0 2px rgba(255,215,0,.5)}.selector-label{flex-shrink:0;font-family:var(--font-heading);font-size:1.35rem;margin-right:.25rem}.add-track-dropdown,.pattern-dropdown{background:rgba(0,0,0,.35);border:1px solid rgba(255,215,0,.55);border-radius:8px;color:var(--accent);font-weight:600;padding:.45rem .75rem}.pattern-dropdown-compact{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='gold' stroke-width='2.2' viewBox='0 0 24 24'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .45rem center;background-repeat:no-repeat;background-size:14px;cursor:pointer;font-family:var(--font-body);font-size:.78rem;font-weight:600;line-height:1.25;max-width:min(220px,32vw);min-width:120px;padding:.38rem 2.1rem .38rem .65rem;width:auto}.pattern-dropdown-compact:focus,.pattern-dropdown-compact:hover{border-color:var(--accent);box-shadow:0 0 0 2px rgba(255,215,0,.2);outline:none}.pattern-dropdown-compact option{background:#1f1410;color:var(--accent);font-size:.85rem;padding:.5rem}.control-btn-nav{border-radius:6px;font-family:var(--font-heading);font-size:.82rem;letter-spacing:.06em;min-width:auto;padding:.4rem .75rem}.control-btn-save{background:rgba(0,0,0,.25);border-radius:8px;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.45rem .85rem}.control-btn-save:hover{background:rgba(255,215,0,.12)}.control-btn-publish{background:rgba(27,94,32,.25);border:1px solid rgba(129,199,132,.65);border-radius:8px;color:#c8e6c9;font-family:var(--font-body);font-size:.72rem;font-weight:600;letter-spacing:.04em;padding:.45rem .85rem}.control-btn-publish:hover{background:rgba(129,199,132,.18)}.control-btn-publish.hidden{display:none!important}.drum-track-wrap{align-items:center;display:flex;gap:.45rem;margin-bottom:.65rem;transition:opacity .22s ease}.drum-tracks--solo-mode .drum-track-wrap--solo-dim{filter:saturate(.65);opacity:.34}.drum-tracks--solo-mode .drum-track-wrap--solo-focus{filter:none;opacity:1}.drum-track-wrap--muted .drum-track--main{opacity:.4}.drum-track-wrap--muted .track-actions-rail .track-action-icon-btn:not(.track-action-icon-btn--active){opacity:.38}.drum-track-wrap--muted .track-actions-rail .track-action-icon-btn--active{opacity:1}.drum-track--main{align-items:center;background:rgba(0,0,0,.3);border-left:6px solid var(--accent);border-radius:8px;display:flex;flex:1;gap:.45rem;min-width:0;padding:.45rem .55rem}.track-actions-rail{align-items:stretch;background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;min-width:0;padding:.2rem;width:auto}.track-action-rail-inner{align-items:center;background:rgba(56,37,33,.5);border:1px solid rgba(77,71,50,.35);border-radius:12px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.04);display:flex;flex-direction:row;gap:.2rem;justify-content:center;padding:.35rem .4rem}.material-symbols-outlined.track-action-ms-icon{display:inline-block;font-family:Material Symbols Outlined;font-size:1.15rem;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap;word-wrap:normal;direction:ltr;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-font-smoothing:antialiased;color:inherit}.track-action-ms-icon--fill{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.track-action-icon-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:#d4c78d;cursor:pointer;display:inline-flex;height:2.15rem;justify-content:center;margin:0;min-height:2.15rem;min-width:2.15rem;padding:0;transition:background .15s ease,color .15s ease,transform .1s ease;width:2.15rem}.track-action-icon-btn:hover{background:gold;color:#221b00;transform:scale(1.04)}.track-action-icon-btn:hover .track-action-ms-icon{color:#221b00}.track-action-icon-btn--active{background:gold;box-shadow:0 0 0 1px rgba(255,215,0,.35);color:#221b00}.track-action-icon-btn--active .track-action-ms-icon{color:#221b00}.track-action-icon-btn--delete{color:rgba(212,199,141,.75)}.track-action-icon-btn--delete:hover{background:rgba(120,30,30,.75);color:#fff5f4}.track-action-icon-btn--delete.track-action-icon-btn--active{background:rgba(120,30,30,.75);color:#fff}.remake-hero{background:#0d0806;border-bottom:1px solid rgba(255,215,0,.1);display:grid;gap:0;grid-template-columns:1fr 1fr}.remake-hero.hidden{display:none}.remake-hero__video{position:relative}.remake-hero__iframe-wrap{background:#000;padding-top:56.25%;position:relative}.remake-hero__iframe{border:none;height:100%;inset:0;position:absolute;width:100%}.remake-hero__meta{display:flex;flex-direction:column;gap:.35rem;overflow:hidden;padding:1.25rem 1.5rem}.remake-hero__badge{align-self:flex-start;background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.2);border-radius:4px;color:gold;font-size:.6rem;font-weight:800;letter-spacing:.12em;padding:.2em .5em}.remake-hero__title{color:#f0e8d0;font-size:1rem;font-weight:700;line-height:1.25}.remake-hero__artist,.remake-hero__title{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remake-hero__artist{color:#b0a080;font-size:.8rem}.remake-hero__dl{display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;margin:.5rem 0 0}.remake-hero__dl-item{display:contents}.remake-hero__dl dt{color:#7a6a4a;font-size:.6rem;font-weight:700;grid-column:1;letter-spacing:.08em;text-transform:uppercase}.remake-hero__dl dd{color:#c0a870;font-size:.75rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remake-hero__dl-item{display:flex;flex-direction:column}@media (max-width:640px){.remake-hero{grid-template-columns:1fr}}#page-sequencer #quickSequencerRoot{backdrop-filter:none;background:transparent;border:none;border-radius:0;box-shadow:none;padding:.35rem 0 1rem}#dsVelocityPopup,#quickWindowNav{display:none}.quick-window-nav{align-items:center;background:rgba(0,0,0,.24);border:1px solid rgba(255,215,0,.38);border-radius:14px;box-shadow:inset 0 1px 0 rgba(255,215,0,.06),0 8px 24px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:.75rem;margin:0 auto 1.1rem;max-width:min(920px,96%);padding:.85rem 1.15rem;width:100%}.quick-window-segments-box{align-items:center;background:rgba(0,0,0,.28);border:1px solid rgba(255,215,0,.42);border-radius:12px;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.55rem;justify-content:center;max-width:100%;padding:.55rem .85rem;width:100%}.quick-segment-auto-btn{background:rgba(0,0,0,.25);border:1px solid rgba(255,215,0,.45);border-radius:8px;color:var(--text-soft);cursor:pointer;flex-shrink:0;font-family:var(--font-heading);font-size:.95rem;letter-spacing:.1em;padding:.4rem .85rem}.quick-segment-auto-btn:hover{background:rgba(255,215,0,.08);color:var(--accent)}.quick-segment-auto-btn.active{background:rgba(255,215,0,.16);border-color:var(--accent);box-shadow:0 0 0 1px rgba(255,215,0,.2);color:var(--accent)}.quick-window-nav-title{color:var(--accent);flex-shrink:0;font-family:var(--font-heading);font-size:1.12rem;letter-spacing:.14em;opacity:.92;text-transform:uppercase}.quick-window-segments{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.quick-window-segment{background:rgba(0,0,0,.25);border:1px solid rgba(255,215,0,.45);border-radius:8px;color:var(--text-soft);cursor:pointer;font-family:var(--font-heading);font-size:1.02rem;letter-spacing:.06em;line-height:1.2;min-width:2.5rem;padding:.42rem 1.05rem;text-align:center}.quick-window-segment:hover{background:rgba(255,215,0,.1);color:var(--accent)}.quick-window-segment.active{background:rgba(255,215,0,.14);border-color:var(--accent);box-shadow:0 0 0 1px rgba(255,215,0,.2);color:var(--accent)}.kit-display{color:var(--text-soft);font-family:var(--font-heading);font-size:1.1rem;letter-spacing:1px;margin-bottom:.7rem}.track-head--fixed{box-sizing:border-box;max-width:7.75rem;min-width:7.75rem;width:7.75rem}.track-label{align-items:center;background:rgba(0,0,0,.25);border:1px solid rgba(255,215,0,.45);border-radius:4px;box-sizing:border-box;color:var(--accent);cursor:pointer;display:flex;font-family:var(--font-heading);gap:.3rem;line-height:1.15;max-width:100%;min-width:0;padding:.22rem .35rem;text-align:left;width:100%}.track-label-text-col{flex:1;min-width:0;text-align:left}.track-label-preview-ic{align-items:center;color:gold;display:inline-flex;flex-shrink:0;font-size:.88rem;justify-content:center;opacity:0;pointer-events:none;transform:translateX(-3px);transition:opacity .18s ease,transform .18s ease;width:1.1rem}.track-preview-trigger:focus-visible .track-label-preview-ic,.track-preview-trigger:hover .track-label-preview-ic{opacity:1;transform:translateX(0)}.track-label-title{display:block;font-family:var(--font-heading);font-size:1.22rem;letter-spacing:.04em;line-height:1.05;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-label:hover{background:rgba(255,215,0,.12);border-color:var(--accent)}.track-kit-tag{color:var(--text-soft);display:block;font-family:var(--font-body);font-size:.62rem;font-weight:500;letter-spacing:.03em;margin-top:.12rem;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.step-sequencer{display:grid;flex:1;gap:0;grid-template-columns:repeat(32,1fr);min-width:0}.step-pad{aspect-ratio:1;background:rgba(62,39,35,.5);border:1px solid rgba(255,215,0,.3);border-radius:2px;cursor:pointer;touch-action:none;user-select:none}.step-pad.step-downbeat{border-color:rgba(255,107,157,.85);box-shadow:inset 0 0 0 1px rgba(255,107,157,.35)}.step-pad.active{background:var(--accent)}.step-pad.step-downbeat.active{background:linear-gradient(145deg,#ffd54f,#ff6b9d)}.step-pad.playing{outline:2px solid #fff}.step-pad.step-pad--playhead{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.5)}.step-pad.step-pad--playhead.playing{box-shadow:inset 0 0 0 2px hsla(0,0%,100%,.65);outline:2px solid #fff}.track-actions{align-items:flex-end;display:flex;flex-direction:column;gap:.35rem;min-width:62px}.track-actions .track-action-btn{min-width:62px;width:auto}.track-actions .track-action-btn.track-action-compact{font-size:.8rem;font-weight:700;min-width:2.75rem;padding-left:0;padding-right:0;width:2.75rem}.track-action-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);cursor:pointer;font-size:.68rem;line-height:1;padding:.2rem .3rem;width:62px}.track-action-btn.active{background:var(--accent);color:#2c1b17}.track-action-btn.track-action-delete{align-items:center;-webkit-appearance:none;appearance:none;border-color:rgba(255,120,120,.55);color:#ff9e9e;display:inline-flex;font-family:inherit;justify-content:center;min-height:2rem}.track-action-btn.track-action-delete:hover{background:rgba(120,30,30,.45);border-color:#ff6b6b;color:#fff}.track-edit-popover{background:#3e2723;border:2px solid var(--accent);border-radius:10px;display:none;left:50%;padding:1rem;position:fixed;top:50%;transform:translate(-50%,-50%);width:300px;z-index:300}.track-edit-popover.active{display:block}.track-edit-popover.track-edit-popover-wide.active{display:flex;flex-direction:column}.popover-title{font-family:var(--font-heading);margin:0 0 .8rem}.edit-control-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:.7rem}.popover-dropdown,.popover-slider{background:#2f1d19;border:1px solid var(--accent);color:var(--accent)}.close-popover-btn{background:transparent;border:1px solid var(--accent);color:var(--accent);padding:.45rem;width:100%}#confirmModalOverlay{z-index:calc(var(--tm-modal-overlay-z) + 20)}.modal-overlay{backdrop-filter:blur(var(--tm-modal-overlay-blur));background:var(--tm-modal-overlay-bg);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:var(--tm-modal-overlay-z)}.modal-overlay,.modal-overlay.modal-overlay--pos-center{align-items:center}.modal-overlay.modal-overlay--pos-bottom{align-items:flex-end;padding-bottom:var(--tm-modal-panel-bottom-gap)}.modal-overlay.modal-overlay--subtle{backdrop-filter:none;background:transparent}.modal-overlay.modal-overlay--subtle .modal-panel{box-shadow:0 16px 48px rgba(0,0,0,.65),0 0 0 1px rgba(255,215,0,.25)}.modal-overlay.hidden{display:none!important}.modal-panel{background:linear-gradient(165deg,#3e2723,#2a1814);border:2px solid var(--accent);border-radius:var(--tm-modal-panel-radius);box-shadow:var(--tm-modal-panel-shadow);max-width:var(--tm-modal-panel-max-width);padding:1.25rem 1.35rem;width:100%}.modal-panel.modal-panel--size-sm{max-width:min(var(--tm-modal-panel-size-sm),94vw)}.modal-panel.modal-panel--size-md{max-width:min(540px,96vw)}.modal-panel.modal-panel--size-lg{max-width:min(var(--tm-modal-panel-size-lg),96vw)}.modal-panel.profile-playlist-empty-panel{max-width:min(34rem,96vw);padding:1.15rem 1.2rem 1.25rem;width:min(34rem,96vw)}.modal-panel.save-win-modal{background:linear-gradient(165deg,#6a5348,#554038 38%,#3f322c);border:1px solid rgba(20,12,10,.45);border-radius:18px;box-shadow:0 24px 56px rgba(12,8,6,.55);color:#f0e4d8;max-width:min(42rem,92vw);padding:0;width:min(42rem,92vw)}.modal-title{font-family:var(--font-heading);font-size:1.5rem;letter-spacing:2px;margin:0 0 .6rem}.modal-hint{color:var(--text-soft);font-size:.88rem;margin:0 0 .8rem}.modal-input{background:#2f1d19;border:1px solid var(--accent);color:var(--accent);font-family:var(--font-body);padding:.45rem .55rem;width:100%}.modal-file{color:var(--text-soft);font-size:.85rem;width:100%}.save-cover-preview{border:1px solid rgba(255,215,0,.35);border-radius:6px;margin-top:.5rem;max-height:120px;overflow:hidden}.save-cover-preview img{display:block;height:auto;max-height:120px;object-fit:cover;width:100%}.save-cover-preview.hidden{display:none}.save-mode-fieldset{border:1px solid rgba(255,215,0,.35);border-radius:8px;margin:.75rem 0 1rem;padding:.65rem .85rem}.save-mode-legend{color:var(--text-soft);font-family:var(--font-heading);font-size:.95rem;padding:0 .35rem}.save-mode-label{color:var(--accent);cursor:pointer;display:block;font-size:.9rem;margin:.35rem 0}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:.25rem}.modal-btn{border:1px solid var(--accent);border-radius:6px;cursor:pointer;font-family:var(--font-heading);letter-spacing:1px;padding:.5rem 1rem}.modal-btn.secondary{background:transparent;color:var(--accent)}.modal-btn.primary{background:var(--accent);border-color:var(--accent);color:#2c1b17}.modal-overlay .auth-gate-input:focus-visible,.modal-overlay .modal-btn:focus-visible,.modal-overlay .modal-input:focus-visible,.save-win-modal .save-win-close-btn:focus-visible,.save-win-modal .save-win-input-primary:focus-visible,.save-win-modal .save-win-input-readable:focus-visible{outline:2px solid rgba(255,236,180,.95);outline-offset:2px}.add-track-section{margin-top:1.2rem;text-align:center}.add-track-wrapper{display:inline-flex;gap:.6rem;margin-top:.4rem}.add-track-btn{border-radius:50%;width:34px}.about-container{background:rgba(47,29,25,.92);border:1px solid rgba(255,215,0,.3);border-radius:10px;margin:2rem auto;max-width:700px;padding:1.2rem}.about-title{font-family:var(--font-heading);font-size:2.4rem;margin:0 0 .8rem}.about-legal-link{font-size:.95rem;margin-top:1rem;opacity:.92}.about-legal-link a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.about-container--article{max-width:min(52rem,94vw)}.about-article{color:var(--app-text-body);font-size:.98rem;line-height:1.6;overflow:auto}.about-portrait{float:left;margin:.15rem 1.25rem .85rem 0;max-width:min(280px,42%)}.about-portrait__img{border:1px solid rgba(255,215,0,.28);border-radius:10px;box-shadow:0 6px 24px rgba(0,0,0,.35);display:block;height:auto;object-fit:cover;width:100%}.about-prose p{margin:.65rem 0 0}.about-prose p:first-child{margin-top:0}.about-social-list{display:flex;flex-direction:column;gap:.55rem;list-style:none;margin:1.25rem 0 0;padding:0}.about-social-link{align-items:center;color:var(--accent);display:inline-flex;font-weight:500;gap:.5rem;text-decoration:underline;text-underline-offset:3px}.about-social-link:hover{color:#ffe08a}.about-social-link i{font-size:1.15rem;opacity:.95}@media (max-width:640px){.about-portrait{float:none;margin:0 auto 1rem;max-width:220px;text-align:center}.about-portrait__img{margin-inline:auto}}.legal-container{max-width:46rem}.legal-article{color:rgba(255,248,240,.92);font-size:.95rem;line-height:1.55}.legal-article .legal-lead{font-size:1rem;margin:0 0 1.25rem}.legal-article h2{color:var(--accent);font-family:var(--font-heading);font-size:1.35rem;letter-spacing:.02em;margin:1.5rem 0 .5rem}.legal-article h2:first-of-type{margin-top:.5rem}.legal-article h2[id],.legal-article h3[id]{scroll-margin-top:5.5rem}.legal-article p{margin:.5rem 0 .75rem}.legal-article ul{margin:.35rem 0 .85rem 1.1rem;padding:0}.legal-article li{margin:.35rem 0}.legal-article a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.legal-article code{background:rgba(0,0,0,.25);border-radius:4px;font-family:var(--font-mono,ui-monospace,monospace);font-size:.88em;padding:.12em .35em}.legal-updated{font-size:.88rem;margin-top:1.75rem;opacity:.75}.global-floating-wrap{align-items:flex-end;bottom:18px;display:flex;flex-direction:row;flex-wrap:wrap;gap:.65rem;justify-content:flex-end;max-width:calc(100vw - 36px);position:fixed;right:18px;z-index:120}.browse-confirm-strip{align-items:center;background:rgba(42,26,22,.94);border:1px solid rgba(255,215,0,.5);border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.45);display:flex;flex-wrap:wrap;gap:.45rem .5rem;max-width:min(320px,calc(100vw - 100px));padding:.45rem .65rem}.browse-confirm-strip--nudge{animation:browse-confirm-nudge .55s ease-out}@keyframes browse-confirm-nudge{0%,to{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(5px)}60%{transform:translateX(-3px)}80%{transform:translateX(2px)}}.browse-confirm-label{color:var(--text-soft);flex:1 1 140px;font-family:var(--font-body);font-size:.82rem;font-weight:600;line-height:1.35;min-width:0}.browse-confirm-label strong{color:var(--accent);font-weight:700}.browse-confirm-btn{border:1px solid var(--accent);border-radius:6px;cursor:pointer;font-family:var(--font-heading);font-size:.85rem;letter-spacing:.06em;padding:.28rem .65rem}.browse-confirm-yes{background:rgba(255,215,0,.2);color:var(--accent)}.browse-confirm-no{background:transparent;border-color:rgba(255,215,0,.35);color:var(--text-soft)}.browse-confirm-yes:hover{background:rgba(255,215,0,.32)}.browse-confirm-no:hover{border-color:rgba(255,215,0,.55);color:var(--accent)}.browse-delete-strip{align-items:center;background:rgba(48,18,18,.96);border:1px solid rgba(255,120,120,.65);border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.5),0 0 0 1px rgba(180,40,40,.35);display:flex;flex-wrap:wrap;gap:.45rem .5rem;max-width:min(340px,calc(100vw - 100px));padding:.45rem .65rem}.browse-delete-strip--nudge{animation:browse-confirm-nudge .55s ease-out}.browse-delete-label{color:#f5d4d4;flex:1 1 160px;font-family:var(--font-body);font-size:.8rem;font-weight:600;line-height:1.35;min-width:0}.browse-delete-label strong{color:#ffb3b3;font-weight:700}.browse-delete-btn{border:1px solid rgba(255,150,150,.55);border-radius:6px;cursor:pointer;font-family:var(--font-heading);font-size:.82rem;letter-spacing:.06em;padding:.28rem .65rem}.browse-delete-cancel{background:transparent;border-color:rgba(255,180,180,.4);color:#e8c4c4}.browse-delete-cancel:hover{border-color:rgba(255,200,200,.65);color:#fff}.browse-delete-confirm{background:rgba(180,45,45,.85);border-color:rgba(255,100,100,.9);color:#fff}.browse-delete-confirm:hover{background:rgba(210,55,55,.95);border-color:#ff8a8a}.global-transport{align-items:center;background:transparent;border:none;color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;font-size:1.4rem;font-weight:700;justify-content:center;line-height:1;padding:0;position:relative;transition:color .15s ease,transform .1s ease}.global-transport.transport-playing{color:#c62828}.global-transport:hover{color:#fff6c2;filter:brightness(1.12);transform:none}.global-transport--nav{font-size:1.2rem;height:auto;width:auto}.confirm-modal-message{color:var(--text-soft);font-size:.95rem;line-height:1.45;margin:0 0 1rem}.track-head{align-items:stretch;display:flex;flex-direction:column;flex-shrink:0;gap:0}.sample-picker-row{align-items:center;background:rgba(0,0,0,.2);border:1px solid rgba(255,215,0,.25);border-radius:6px;display:flex;gap:.5rem;padding:.35rem .45rem;width:100%}.sample-picker-row.is-selected{background:rgba(255,215,0,.08);border-color:var(--accent)}.sample-play-btn{background:rgba(47,29,25,.9);border:1px solid var(--accent);border-radius:6px;color:var(--accent);cursor:pointer;flex-shrink:0;font-size:.75rem;height:32px;line-height:1;padding:0;width:32px}.sample-play-btn:hover{background:rgba(255,215,0,.2)}.sample-picker-select{align-items:baseline;background:transparent;border:none;color:var(--accent);cursor:pointer;display:flex;flex:1;flex-wrap:wrap;font-family:var(--font-body);font-size:.82rem;gap:.35rem;min-width:0;padding:.2rem 0;text-align:left}.sample-picker-name{font-weight:600;word-break:break-word}.sample-tag{color:var(--text-soft);font-size:.78rem;white-space:nowrap}.track-edit-popover-wide{max-height:min(90vh,640px);overflow:hidden;width:min(96vw,520px)}.edit-sample-list-wrap{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem;max-height:min(45vh,280px);overflow-y:auto}@media (max-width:900px){.pattern-grid{gap:.8rem;grid-template-columns:1fr}.floating-header{border-radius:0;padding:.8rem;top:0;width:100%}.browse-toolbar{border-radius:0;padding:.85rem 1rem;width:100%}.sequencer-mode-toggle{margin-left:auto;margin-right:auto;max-width:calc(100% - 1rem);padding:.28rem;width:fit-content}.sequencer-container{padding:.6rem}}.hero{padding-top:2rem;position:relative;text-align:center}.hero-separator{border:0;border-top:1px solid hsla(0,0%,100%,.15);margin:3rem auto;max-width:800px;width:60%}.font-serif{font-family:Georgia,Times New Roman,Times,serif}.hero-dynamic-title{color:var(--app-text-body);font-size:clamp(2rem,5vw,4.5rem);font-weight:300;height:180px;margin-bottom:1rem;position:relative;text-transform:lowercase}.hero-dynamic-title,.hero-layer{align-items:center;display:flex;justify-content:center}.hero-layer{height:100%;left:0;position:absolute;top:0;transition:opacity .5s ease;width:100%}.gooey-text,.tw-cursor,.tw-text{font-weight:300;text-transform:lowercase}.gooey-svg{height:0;position:absolute;width:0}.gooey-text-wrapper{align-items:center;display:flex;filter:url(#threshold);height:100%;justify-content:center;width:100%}.gooey-text{font-size:inherit;letter-spacing:normal;position:absolute;text-align:center;user-select:none;width:100%}.tw-cursor{animation:blink 1s step-end infinite;margin-left:.2rem}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.tut-slider-wrap{--tut-slide-pad-x:2rem;background:#2d1b17;background-image:radial-gradient(circle at top left,rgba(255,215,0,.05),transparent 40%),radial-gradient(circle at bottom right,rgba(255,215,0,.03),transparent 40%);border:1px solid rgba(255,215,0,.12);border-radius:20px;box-shadow:0 40px 100px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.03);margin:0 auto 3rem;max-width:1100px;overflow:hidden;position:relative;transition:transform .3s ease;width:100%}.tut-nav-rail{display:flex;justify-content:center;padding:.65rem .75rem .35rem}.tut-nav-rail__inner{align-items:center;background:linear-gradient(180deg,rgba(26,18,15,.98),rgba(12,8,7,.98));border:1px solid rgba(255,215,0,.32);border-radius:999px;box-shadow:0 12px 32px rgba(0,0,0,.45),inset 0 1px 0 hsla(0,0%,100%,.06);display:inline-flex;flex-wrap:wrap;gap:.35rem;justify-content:center;max-width:100%;padding:.4rem .5rem}.tut-tab{background:transparent;border:1px solid transparent;border-radius:999px;color:rgba(234,220,160,.82);cursor:pointer;flex:0 1 auto;font-family:var(--font-heading);font-size:.88rem;letter-spacing:.06em;min-width:0;padding:.45rem .95rem;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.tut-tab:hover{background:rgba(47,29,25,.55);border-color:rgba(255,215,0,.2);color:var(--accent)}.tut-tab.active{background:linear-gradient(180deg,#ffe566,#e6c200);border-color:rgba(255,215,0,.55);box-shadow:0 2px 10px rgba(0,0,0,.35);color:#2f1d19}.tut-carousel-shell{align-items:center;display:flex;position:relative;width:100%}.tut-carousel__arrow{align-items:center;backdrop-filter:blur(12px);background:rgba(10,6,5,.7);border:1px solid rgba(255,215,0,.3);border-radius:50%;box-shadow:0 4px 15px rgba(0,0,0,.4);color:gold;cursor:pointer;display:flex;font-size:1.25rem;height:3rem;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:3rem;z-index:20}.tut-carousel__arrow--prev{left:1rem}.tut-carousel__arrow--next{right:1rem}.tut-carousel__arrow:hover:not(:disabled){background:rgba(255,215,0,.1);border-color:gold}.tut-carousel__viewport{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;width:100%;-ms-overflow-style:none}.tut-slide{background:transparent;box-sizing:border-box;flex:0 0 100%;padding:3rem var(--tut-slide-pad-x);scroll-snap-align:start}.tut-carousel__dots{align-items:center;display:flex;gap:.45rem;justify-content:center;padding:.55rem .75rem .75rem}.tut-carousel__dot{background:rgba(255,215,0,.22);border:none;border-radius:999px;cursor:pointer;height:.45rem;padding:0;transition:width .25s ease,background .2s,opacity .2s;width:.45rem}.tut-carousel__dot:hover{background:rgba(255,215,0,.45)}.tut-carousel__dot.is-active{background:var(--accent);opacity:1;width:1.35rem}#page-home .home-quick-cta{align-items:center;border-top:1px solid rgba(255,215,0,.08);display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding:2rem 1.5rem 3rem}#page-home .home-quick-cta__btn{align-items:center;background:linear-gradient(135deg,#ffd76a,#e6a317);border:1px solid rgba(255,215,0,.35);border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.25);color:#1a120f;display:inline-flex;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:600;justify-content:center;letter-spacing:.04em;min-height:44px;padding:.55rem 1.35rem;text-decoration:none;text-transform:uppercase;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}#page-home .home-quick-cta__btn:hover{filter:brightness(1.06);transform:translateY(-1px)}#page-home .home-quick-cta__btn--secondary{background:rgba(56,37,33,.95);border-color:rgba(255,215,0,.18);box-shadow:none;color:var(--text-primary)}.tut-slide--bento .tut-bento{display:flex;flex-direction:column;gap:1rem}.tut-bento__row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tut-bento__split{align-items:stretch;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:720px){.tut-bento__split{grid-template-columns:1fr}}.tut-card{background:#382521;border:1px solid rgba(255,215,0,.08);border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.2);padding:2rem;transition:transform .3s}.tut-card:hover{border-color:rgba(255,215,0,.2);transform:translateY(-3px)}.tut-card--panel{background:rgba(47,29,25,.92);border-color:rgba(255,215,0,.14);box-shadow:inset 0 0 0 1px rgba(0,0,0,.35);color:var(--text-soft)}.tut-card--narrow{min-height:100%}.tut-card--panel p{color:rgba(234,220,160,.9);font-size:.92rem;line-height:1.5;margin:0}.tut-kicker{color:rgba(255,215,0,.55);display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.14em;margin-bottom:.45rem;text-transform:uppercase}.tut-kicker--gold{color:rgba(255,215,0,.72)}.tut-title{color:var(--accent);font-family:var(--font-heading);font-size:1.35rem;letter-spacing:.03em;line-height:1.15;margin:0 0 .55rem}.tut-title--sm{font-size:1.15rem}.tut-lead{color:rgba(234,220,160,.92);font-size:.95rem;line-height:1.55;margin:0}.tut-muted{color:rgba(234,220,160,.78);font-size:.9rem;line-height:1.5;margin:0}.tut-hihat-strip{background:rgba(10,7,6,.92);border-bottom:1px solid rgba(255,215,0,.1);border-top:1px solid rgba(255,215,0,.18);box-sizing:border-box;margin:.5rem calc(var(--tut-slide-pad-x)*-1) 0;padding:.85rem var(--tut-slide-pad-x) 1rem;width:calc(100% + var(--tut-slide-pad-x)*2)}.tut-hihat-strip__bar{width:100%}.tut-hihat-label{color:rgba(255,215,0,.45);display:block;font-size:.68rem;font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.tut-hihat-row{align-items:stretch;display:grid;gap:clamp(.15rem,1vw,.35rem);grid-template-columns:repeat(16,minmax(0,1fr));width:100%}.tut-hihat-pad{aspect-ratio:1;background:rgba(34,21,18,.9);border:1px solid rgba(255,215,0,.15);border-radius:6px;cursor:pointer;min-width:0;padding:0;transition:background .12s,border-color .12s,box-shadow .12s;width:100%}.tut-hihat-pad:hover:not(.tut-hihat-pad--on){background:rgba(62,39,35,.95);border-color:rgba(255,215,0,.28)}.tut-hihat-pad--on,.tut-hihat-pad--on:hover{background:gold;border-color:#b8860b;box-shadow:inset 0 -2px 0 rgba(0,0,0,.12)}.tut-hihat-pad--playhead{outline:2px solid var(--accent);outline-offset:1px;z-index:1}.tut-hihat-actions{align-items:center;border-top:1px solid rgba(255,215,0,.1);display:flex;gap:.75rem;margin-top:.85rem;padding-top:.65rem}.tut-hihat-play{background:linear-gradient(180deg,#ffe566,#d4a800);border:1px solid rgba(255,215,0,.35);border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.35);color:#2f1d19;cursor:pointer;font-size:1rem;font-weight:700;height:2.75rem;min-width:2.75rem;transition:filter .15s,transform .08s}.tut-hihat-play:hover{filter:brightness(1.05)}.tut-hihat-play.is-tuto-playing{background:linear-gradient(180deg,#5a382f,#3d241f);border-color:rgba(255,215,0,.45);color:var(--accent)}.tut-hihat-hint{color:rgba(234,220,160,.55);font-size:.78rem}.tut-hihat-strip__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.tut-hihat-strip__header .tut-hihat-label{margin-bottom:0}.tut-page-chip{display:flex;gap:.2rem}.tut-page-btn{background:rgba(34,21,18,.8);border:1px solid rgba(196,155,80,.35);border-radius:5px;color:rgba(196,155,80,.65);cursor:pointer;font-size:.65rem;font-weight:700;letter-spacing:.08em;padding:.15rem .55rem;transition:background .12s,border-color .12s,color .12s}.tut-page-btn:hover{background:rgba(62,39,35,.95);border-color:rgba(196,155,80,.55);color:rgba(234,200,120,.9)}.tut-page-btn--active{background:rgba(196,155,80,.18);border-color:rgba(196,155,80,.6);color:#eac878}.tut-page-btn:focus-visible{outline:2px solid gold;outline-offset:2px}@keyframes slideInFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pattern-card-actions-wrap{align-items:center;display:flex;position:relative}.pattern-card-more{background:transparent;border:none;color:var(--text-soft);cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .5rem}.pattern-card-more:hover{color:var(--accent)}.pattern-card-menu{background:rgba(20,12,10,.95);border:1px solid var(--accent);border-radius:6px;box-shadow:0 8px 24px rgba(0,0,0,.5);display:flex;flex-direction:column;margin-top:.5rem;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.pattern-card-menu button{background:transparent;border:none;border-bottom:1px solid rgba(255,215,0,.1);color:var(--text-soft);cursor:pointer;font-family:var(--font-body);font-size:.85rem;font-weight:500;padding:.8rem 1rem;text-align:left}.pattern-card-menu button:last-child{border-bottom:none}.pattern-card-menu button:hover{background:rgba(255,215,0,.15);color:var(--accent)}.menu-action-delete{color:#ff8a8a!important}.menu-action-delete:hover{background:rgba(120,30,30,.75)!important;color:#fff!important}.pattern-card-title-wrap{margin-bottom:.2rem;min-height:1.4rem;position:relative}.pattern-card-title-edit{align-items:center;display:flex;gap:.2rem}.pattern-card-title-input{background:#1f1410;border:1px solid var(--accent);border-radius:4px;color:#fff;flex:1;font-family:var(--font-body);font-size:.9rem;min-width:0;padding:.2rem .4rem}.inline-cancel,.inline-save{align-items:center;background:rgba(0,0,0,.4);border:1px solid rgba(255,215,0,.3);border-radius:4px;color:var(--text-soft);cursor:pointer;display:flex;font-size:1rem;height:28px;justify-content:center;padding:0;width:28px}.inline-cancel:hover{background:rgba(255,100,100,.2);border-color:#ff8a8a;color:#ff8a8a}.inline-save:hover{background:rgba(100,255,100,.2);border-color:#8aff8a;color:#8aff8a}.visually-hidden{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}#page-profile.page{margin:0;max-width:none;min-height:calc(100vh - 3.5rem);padding:0}.profile-page-shell{--pf-bg-top:#4a332c;--pf-bg-bottom:#32221c;--pf-cream:#fff6df;--pf-cream-2:#f1e3a6;--pf-gold:gold;--pf-gold-dim:#e9c400;--pf-ink:#1f0f0c;--pf-muted:#5c4038;--pf-on-dark:#fcdbd4;--pf-on-dark-soft:#d0c6ab;--pf-surface-high:#44302b;--pf-surface-mid:#382521;--pf-surface-low:#281713;--pf-surface-lowest:#190a07;--pf-radius-xl:1.25rem;--pf-radius:0.75rem;--pf-font-display:"Epilogue","Bebas Neue",sans-serif;--pf-font-body:"Manrope","Inter",sans-serif;background:linear-gradient(180deg,var(--pf-bg-top) 0,#3a2620 22%,#2f1d19 50%,#261814 78%,var(--pf-bg-bottom) 100%);background-attachment:fixed;color:var(--pf-on-dark);font-family:var(--pf-font-body);min-height:calc(100vh - 3.5rem)}#page-profile .profile-container{margin:0 auto;max-width:min(1180px,100%);padding:1.25rem clamp(1rem,4vw,2.25rem) 3rem}.profile-guest-card{background:var(--pf-cream);border:1px solid rgba(255,215,0,.28);border-radius:var(--pf-radius-xl);box-shadow:0 12px 40px rgba(0,0,0,.35);color:var(--pf-ink);margin:2rem auto;max-width:28rem;padding:1.75rem 1.5rem}.profile-guest-card__title{color:var(--pf-ink);font-family:var(--pf-font-display);font-size:1.75rem;letter-spacing:.06em;margin:0 0 .75rem;text-transform:uppercase}.profile-guest-card .profile-lead{color:var(--pf-muted)}.tm-profile-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--pf-font-body);font-size:.75rem;font-weight:700;gap:.35rem;justify-content:center;letter-spacing:.12em;padding:.55rem 1.1rem;text-transform:uppercase;transition:transform .12s ease,background .15s ease,border-color .15s ease}.tm-profile-btn:active{transform:scale(.98)}.tm-profile-btn--primary{background:linear-gradient(90deg,var(--pf-gold),var(--pf-gold-dim));box-shadow:0 4px 14px rgba(0,0,0,.25);color:var(--pf-surface-lowest)}.tm-profile-btn--primary:hover{filter:brightness(1.05)}.tm-profile-btn--ghost{background:transparent;border:1px solid rgba(255,215,0,.35);color:var(--pf-gold)}.tm-profile-btn--ghost:hover{background:rgba(255,215,0,.08)}.tm-profile-btn--follow{background:rgba(168,85,247,.18);border:1.5px solid rgba(168,85,247,.45);color:#c084fc}.tm-profile-btn--follow:hover{background:rgba(168,85,247,.28)}.tm-profile-btn--follow.tm-profile-btn--following{background:rgba(168,85,247,.08);border-color:rgba(168,85,247,.25);color:rgba(192,132,252,.65)}.tm-profile-btn--follow.tm-profile-btn--following:hover{background:rgba(168,85,247,.14)}.tm-profile-btn--sm{font-size:.68rem;padding:.35rem .75rem}.tm-profile-btn:disabled{cursor:not-allowed;opacity:.45}.profile-api-error--banner{background:rgba(147,0,10,.35);border:1px solid hsla(8,100%,83%,.45);border-radius:var(--pf-radius);margin-bottom:1rem;padding:.65rem 1rem}.profile-hero{margin-bottom:1.25rem;position:relative}.profile-hero__row{display:flex;flex-direction:column;gap:1rem;margin-top:0;padding:0 .5rem;position:relative;z-index:2}@media (min-width:768px){.profile-hero__row{align-items:flex-end;flex-direction:row;justify-content:space-between;padding:0 1rem}}.profile-hero__left{align-items:flex-start;display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.profile-hero__left{align-items:flex-end;flex-direction:row;gap:1.25rem}}.profile-hero__avatar{align-items:center;background:linear-gradient(145deg,var(--pf-surface-high),var(--pf-surface-lowest));border:6px solid var(--pf-bg-top);border-radius:50%;box-shadow:0 12px 32px rgba(0,0,0,.45);color:var(--pf-gold);display:flex;flex-shrink:0;font-family:var(--pf-font-display);font-size:2.25rem;font-weight:900;height:7.5rem;justify-content:center;text-transform:uppercase;width:7.5rem}.profile-signed-label--hero{color:var(--pf-on-dark-soft);font-size:.72rem;letter-spacing:.14em;margin:0;text-transform:uppercase}.profile-hero__pseudo{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:clamp(2rem,5vw,3rem);font-weight:900;letter-spacing:-.02em;line-height:1;margin:.15rem 0 0;text-transform:uppercase}.profile-hero__email,.profile-hero__member{color:var(--pf-on-dark-soft);font-size:.88rem;margin:.2rem 0 0}.profile-hero__member{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.profile-hero__actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.25rem}.profile-page-switch{background:var(--pf-surface-low);border:1px solid rgba(153,144,119,.15);border-radius:var(--pf-radius-xl);display:flex;flex-wrap:nowrap;gap:.25rem;margin:1rem 0 .75rem;max-width:min(100%,38rem);padding:.35rem}.profile-tab-nowrap{display:inline-block;max-width:100%;white-space:nowrap}.profile-page-switch__btn--privacy{flex:0 1 auto;min-width:0}.profile-page-switch__btn{background:transparent;border:none;border-radius:var(--pf-radius);color:var(--pf-on-dark-soft);cursor:pointer;flex:1;font-family:var(--pf-font-body);font-size:.68rem;font-weight:700;letter-spacing:.12em;min-width:0;padding:.5rem .75rem;text-transform:uppercase;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.profile-page-switch__btn:hover{color:var(--pf-cream)}.profile-page-switch__btn[aria-selected=true]{background:var(--pf-gold);box-shadow:0 2px 8px rgba(0,0,0,.25);color:var(--pf-surface-lowest)}.profile-page-switch--tracks{margin-bottom:.5rem;margin-top:0;max-width:min(48rem,100%)}.profile-page-switch--tracks .profile-page-switch__btn{font-size:.62rem;letter-spacing:.08em;padding:.42rem .45rem}@keyframes profilePageSwitchBtnFlash{0%,to{box-shadow:0 2px 8px rgba(0,0,0,.25)}50%{box-shadow:0 0 0 2px rgba(255,215,0,.35),0 2px 12px rgba(0,0,0,.32)}}.profile-page-switch__btn.profile-page-switch__btn--flash{animation:profilePageSwitchBtnFlash .42s ease-out}@media (prefers-reduced-motion:reduce){.profile-page-switch__btn.profile-page-switch__btn--flash{animation:none}}.nav-profile-menu-wrap{align-items:stretch;display:inline-flex;position:relative;z-index:2}.nav-profile-dropdown{background:var(--stg-paper,#f4ede2);border:1px solid var(--stg-rule-soft,#e8dac8);border-radius:var(--stg-r-lg,12px);box-shadow:0 8px 24px rgba(42,26,19,.14);min-width:11rem;padding:.35rem;position:absolute;right:0;top:calc(100% + 6px);z-index:80}.nav-profile-dropdown__item{background:transparent;border:none;border-radius:8px;color:var(--stg-ink-2,#6b4a3c);cursor:pointer;display:block;font-family:var(--font-ui,"Inter Tight",sans-serif);font-size:var(--fs-small,.8rem);font-weight:500;margin:0;padding:.55rem .75rem;text-align:left;width:100%}.nav-profile-dropdown__item:hover{background:var(--stg-hover,rgba(42,26,19,.07));color:var(--stg-ink,#2a1a13)}.nav-profile-dropdown__item--danger:hover{background:rgba(220,80,70,.09);color:#c94040}.profile-main-toolbar{margin:0 0 1rem;padding:0 .15rem}.profile-main-grid{align-items:start;display:grid;gap:1.25rem;grid-template-columns:1fr}@media (min-width:1024px){.profile-main-grid{gap:.85rem;grid-template-columns:minmax(0,1fr) minmax(288px,360px)}.profile-sidebar__sticky{position:sticky;top:5.5rem}}.profile-main-column{max-width:100%;min-width:0}.profile-vis-toggle{background:rgba(0,0,0,.18);border:1px solid rgba(255,215,0,.28);border-radius:var(--pf-radius-xl);display:inline-flex;gap:.4rem;padding:.35rem}.profile-vis-toggle__btn{background:transparent;border:1px solid rgba(255,215,0,.32);border-radius:8px;color:hsla(36,77%,95%,.78);cursor:pointer;font-family:var(--pf-font-body);font-size:.65rem;font-weight:800;letter-spacing:.14em;padding:.48rem 1.15rem;text-transform:uppercase;transition:color .15s ease,background .15s ease,border-color .15s ease,box-shadow .15s ease}.profile-vis-toggle__btn:focus-visible{border-color:rgba(255,236,180,.85);box-shadow:0 0 0 2px rgba(255,215,0,.22);outline:none}.profile-vis-toggle__btn:hover{background:rgba(255,215,0,.08);border-color:rgba(255,215,0,.45);color:var(--pf-cream)}.profile-vis-toggle__btn--active{background:linear-gradient(90deg,var(--pf-gold),var(--pf-gold-dim));border:1px solid rgba(255,215,0,.5);box-shadow:0 2px 10px rgba(0,0,0,.28);color:var(--pf-surface-lowest)}.profile-vis-toggle__btn--active:hover{color:var(--pf-surface-lowest);filter:brightness(1.05)}@keyframes profileVisToggleFlash{0%,to{box-shadow:0 2px 10px rgba(0,0,0,.28)}50%{box-shadow:0 0 0 2px rgba(255,215,0,.35),0 2px 12px rgba(0,0,0,.32)}}.profile-vis-toggle__btn.profile-vis-toggle__btn--flash{animation:profileVisToggleFlash .42s ease-out}@media (prefers-reduced-motion:reduce){.profile-vis-toggle__btn{transition:color .15s ease,background .15s ease,border-color .15s ease}.profile-vis-toggle__btn.profile-vis-toggle__btn--flash{animation:none}}.profile-view--bio{padding:.25rem .15rem 2rem}.profile-bio-page-title{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:clamp(1.5rem,3.5vw,2rem);font-weight:900;letter-spacing:-.02em;margin:0 0 1rem;text-transform:uppercase}.profile-bio-page-canvas{background:rgba(0,0,0,.1);border:1px dashed rgba(255,215,0,.18);border-radius:var(--pf-radius-xl);min-height:6rem;padding:.9rem}.profile-bio-page-empty{color:var(--pf-on-dark-soft);font-size:.92rem;margin:0}.profile-bio-page-sheet{background:rgba(11,16,24,.72);border:1px solid rgba(255,215,0,.18);border-radius:var(--pf-radius-lg);padding:.95rem 1rem}.profile-bio-page-head{align-items:center;display:grid;gap:.3rem .75rem;grid-template-columns:1fr auto}.profile-bio-page-name{color:var(--pf-cream);font-family:var(--pf-font-display);font-size:1.1rem;margin:0}.profile-bio-page-role{color:var(--pf-gold);font-size:.67rem;letter-spacing:.14em;margin:0}.profile-bio-page-edit-btn{background:rgba(255,215,0,.12);border:1px solid rgba(255,215,0,.35);border-radius:999px;color:var(--pf-cream);font-size:.7rem;font-weight:700;grid-column:2;grid-row:1/span 2;letter-spacing:.04em;padding:.36rem .72rem}.profile-bio-page-body{margin-top:.8rem}.profile-bio-page-text{color:#eadca0;font-family:Manrope,Inter,system-ui,sans-serif;font-size:1.05rem;font-weight:400;letter-spacing:.01em;line-height:1.6;margin:0;max-width:38rem;white-space:pre-wrap}.profile-bio-page-meta{border-top:1px solid rgba(120,90,70,.2);margin-top:.85rem;padding-top:.7rem}.profile-bio-page-meta-row{color:#eadca0;font-family:Manrope,Inter,system-ui,sans-serif;font-size:.85rem;font-weight:600;letter-spacing:.08em;margin:.2rem 0;opacity:.8;text-transform:uppercase}.profile-feed-card{background:var(--pf-cream);border-radius:var(--pf-radius-xl);box-shadow:0 14px 36px rgba(0,0,0,.28);color:var(--pf-ink);overflow:hidden}.profile-feed-card__head{align-items:center;background:var(--pf-surface-lowest);border-bottom:1px solid rgba(255,215,0,.12);display:flex;justify-content:space-between;padding:.65rem 1rem}.profile-feed-card__head-title{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:.72rem;font-weight:800;letter-spacing:.2em;text-transform:uppercase}.profile-feed-card__head-icon{color:var(--pf-gold);font-size:1.1rem;opacity:.85}.profile-feed-card__body{padding:0}.profile-feed-empty{color:var(--pf-muted);font-size:.88rem;margin:0;padding:1rem 1.25rem 1.25rem}#page-profile .profile-patterns-sheet{gap:0;margin:0}#page-profile .profile-pattern-row{align-items:center;background:var(--pf-cream);border-bottom:1px solid rgba(80,55,45,.12);border-radius:10px;margin:0;padding:.2rem .45rem;transition:background .12s ease}#page-profile .profile-pattern-row:last-child{border-bottom:none}#page-profile .profile-pattern-row:hover{background:rgba(0,0,0,.03)}#page-profile .profile-pattern-row__title{font-family:var(--pf-font-display);font-size:1rem;font-weight:800;letter-spacing:.02em;text-transform:uppercase}#page-profile .profile-pattern-row__meta{color:var(--pf-muted);font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}#page-profile .profile-pattern-row__row2{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.2rem}#page-profile .tm-meta-pill{background:rgba(68,48,43,.12);border:1px solid rgba(80,55,45,.22);color:var(--pf-ink);vertical-align:middle}#page-profile .profile-pattern-thumb{border-radius:10px;height:3.5rem;width:3.5rem}#page-profile .profile-pattern-badge{border-radius:999px;display:inline-block;font-size:.58rem;font-weight:800;letter-spacing:.1em;padding:.2rem .55rem;text-transform:uppercase}#page-profile .profile-pattern-badge--public{background:var(--pf-surface-lowest);color:var(--pf-gold)}#page-profile .profile-pattern-badge--private{background:rgba(68,48,43,.2);color:var(--pf-surface-high)}#page-profile .profile-pattern-more-btn,#page-profile .profile-pattern-preview-btn{background:hsla(0,0%,100%,.5);border-color:rgba(80,55,45,.25);color:var(--pf-ink)}#page-profile .profile-pattern-dropdown{background:linear-gradient(165deg,#3e2723,#2a1814);border-color:rgba(255,215,0,.35)}.profile-side-card{border-radius:var(--pf-radius-xl);margin-bottom:1rem;padding:1.1rem 1.15rem}.profile-side-card--stats{background:var(--pf-surface-high);border:1px solid rgba(153,144,119,.12)}.profile-side-card--bio{background:var(--pf-cream);border:1px solid rgba(153,144,119,.15);box-shadow:0 8px 24px rgba(0,0,0,.2);overflow:hidden;padding:0}.profile-side-card__ribbon{background:var(--pf-surface-lowest);padding:.45rem 1rem}.profile-side-card__ribbon-title{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:.62rem;font-weight:800;letter-spacing:.18em;margin:0;text-transform:uppercase}.profile-side-card__bio-body{padding:1rem 1.1rem 1.15rem}.profile-side-card__label{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:.62rem;font-weight:800;letter-spacing:.16em;margin:0 0 .75rem;text-transform:uppercase}.profile-side-card--likes-preview{background:var(--pf-surface-low);border:1px solid rgba(153,144,119,.12)}.profile-side-card__likes-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:.65rem}.profile-side-card__likes-head .profile-side-card__label{margin:0}.profile-side-card__likes-head--row{align-items:baseline;display:flex;gap:.75rem;justify-content:space-between}.profile-side-card__likes-head--row .profile-see-all{flex-shrink:0}.profile-side-card__label--inline{font-size:.62rem;margin:0}.profile-side-card--likes-sidebar{background:var(--pf-cream);border:1px solid rgba(80,55,45,.12);box-shadow:0 10px 28px rgba(0,0,0,.2);color:var(--pf-ink);padding-top:.85rem}.profile-liked-list--sidebar{max-height:none;overflow:visible;padding-right:0}.profile-feed-empty--sidebar{margin:0;padding:.65rem .5rem .85rem}.profile-see-all{color:var(--pf-on-dark-soft);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-decoration:none;text-transform:uppercase}.profile-see-all:hover{color:var(--pf-gold)}.profile-stats-grid{display:grid;gap:.75rem 1rem}.profile-stats-grid,.profile-stats-grid--sidebar{grid-template-columns:1fr 1fr}.profile-stats-span2{grid-column:1/-1}.profile-stats-num{color:var(--pf-cream);display:block;font-family:var(--pf-font-display);font-size:1.85rem;font-weight:900;line-height:1}.profile-stats-cap{color:var(--pf-on-dark-soft);display:block;font-size:.58rem;font-weight:700;letter-spacing:.12em;margin-top:.25rem;text-transform:uppercase}.profile-side-muted{color:var(--pf-on-dark-soft);font-size:.8rem;margin:0}#page-profile .profile-bio-display{color:var(--pf-ink);font-size:.88rem;margin:0 0 .75rem;white-space:pre-wrap}.profile-likes-preview-stack{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:.35rem}.profile-likes-preview-orb{align-items:center;background:linear-gradient(135deg,#6b4d3e,#2a1814);border:2px solid var(--pf-surface-low);border-radius:50%;color:var(--pf-gold);display:flex;font-size:.62rem;font-weight:800;height:2.25rem;justify-content:center;margin-left:-.5rem;text-transform:uppercase;width:2.25rem}.profile-likes-preview-orb:first-child{margin-left:0}.profile-likes-preview-more{align-items:center;background:var(--pf-surface-high);border:2px solid var(--pf-surface-low);border-radius:50%;color:var(--pf-on-dark);display:flex;font-size:.58rem;font-weight:800;height:2.25rem;justify-content:center;margin-left:-.5rem;width:2.25rem}.profile-playlists-section{margin-top:2.5rem}.profile-playlists-head{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem .75rem;justify-content:flex-start;margin-bottom:1.25rem;padding:0 .25rem}.profile-playlists-head-spacer{flex:1;min-width:.5rem}.profile-playlists-view-all{align-self:center;flex-shrink:0}.profile-playlists-title{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:clamp(1.75rem,4vw,2.35rem);font-weight:900;letter-spacing:-.02em;line-height:1;margin:0;text-transform:uppercase}.profile-pl-add-btn{align-items:center;background:linear-gradient(145deg,var(--pf-gold),var(--pf-gold-dim));border:none;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.35);color:var(--pf-surface-lowest);cursor:pointer;display:inline-flex;font-size:1.35rem;height:3rem;justify-content:center;transition:transform .12s ease;width:3rem}.profile-pl-add-btn:hover{filter:brightness(1.06)}.profile-pl-add-btn:active{transform:scale(.95)}.profile-playlist-create-inline{background:var(--pf-surface-low);border:1px solid rgba(255,215,0,.15);border-radius:var(--pf-radius-xl);margin-bottom:1.25rem;padding:1rem 1.1rem}.profile-inline-label{color:var(--pf-on-dark-soft);display:block;font-size:.72rem;font-weight:700;letter-spacing:.1em;margin-bottom:.4rem;text-transform:uppercase}.profile-playlist-create-row{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.profile-playlist-create-input{flex:1;min-width:10rem}.profile-playlist-grid{align-items:start;display:grid;gap:.85rem;grid-template-columns:1fr}@media (min-width:520px){.profile-playlist-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1100px){.profile-playlist-grid{grid-template-columns:repeat(4,1fr)}#profilePlaylistsList.profile-playlist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-pl-block{align-items:stretch;background:rgba(0,0,0,.14);border:1px solid rgba(255,215,0,.12);border-radius:var(--pf-radius);padding:.75rem .6rem .5rem}.profile-pl-block,.profile-pl-tile{box-sizing:border-box;display:flex;flex-direction:column;min-width:0}.profile-pl-tile{align-items:center;cursor:default;gap:0;width:100%}.profile-pl-tile--interactive{cursor:pointer}.profile-pl-tile__content{align-items:center;display:flex;flex-direction:column;min-width:0;padding:0 .2rem;text-align:center;width:100%}.profile-pl-tile__mosaic{align-self:center;aspect-ratio:1;background:var(--pf-surface-high);border:1px solid rgba(153,144,119,.12);border-radius:var(--pf-radius-lg);box-shadow:0 8px 22px rgba(0,0,0,.3);display:grid;flex:0 0 auto;gap:2px;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;height:auto;max-width:9.25rem;min-width:0;overflow:hidden;width:min(9.25rem,100%)}.profile-pl-mosaic-cell{background:linear-gradient(145deg,#5c4038,#2a1814);min-height:0;min-width:0}.profile-pl-mosaic-cell--icon{align-items:center;background:var(--pf-surface-mid);color:var(--pf-on-dark-soft);display:flex;font-size:1.75rem;justify-content:center}.profile-pl-tile__content .profile-pl-tile__title{margin:.65rem 0 .1rem}.profile-pl-tile__title{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:.92rem;font-weight:800;letter-spacing:.02em;margin:.55rem 0 .1rem;text-transform:uppercase}.profile-pl-tile__meta{color:var(--pf-on-dark-soft);font-size:.62rem;font-weight:700;letter-spacing:.14em;margin:0;text-transform:uppercase}.profile-pl-tile__toggle{background:transparent;border:1px solid rgba(255,215,0,.35);border-radius:8px;color:var(--pf-gold);cursor:pointer;font-family:var(--pf-font-body);font-size:.65rem;font-weight:700;letter-spacing:.1em;margin-top:.5rem;padding:.35rem .75rem;text-transform:uppercase}.profile-pl-tile__toggle:hover{background:rgba(255,215,0,.08)}.profile-pl-tile__link-full{background:none;border:none;border-bottom:1px solid rgba(255,215,0,.22);color:var(--pf-on-dark-soft);cursor:pointer;font-family:var(--pf-font-body);font-size:.6rem;font-weight:700;letter-spacing:.1em;margin-top:.4rem;padding:.2rem .35rem;text-decoration:none;text-transform:uppercase}.profile-pl-tile__link-full:focus-visible,.profile-pl-tile__link-full:hover{border-bottom-color:rgba(255,215,0,.5);color:var(--pf-gold);outline:none}.profile-pl-tile__drawer,.profile-pl-tile__panel{background:var(--pf-surface-low);border:1px solid rgba(255,215,0,.12);border-radius:var(--pf-radius);margin-top:.65rem;padding:.5rem .65rem}.profile-pl-tile__drawer{box-sizing:border-box;max-height:22rem;overflow-y:auto;width:100%}.profile-pl-tile__drawer.hidden,.profile-pl-tile__panel.hidden{display:none!important}.profile-pl-drawer__toolbar{align-items:center;border-bottom:1px solid rgba(255,215,0,.1);display:flex;flex-wrap:wrap;gap:.4rem .75rem;margin:0 0 .5rem;padding-bottom:.4rem}.profile-pl-drawer__sort-label{color:var(--pf-on-dark-soft);cursor:default;font-size:.6rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.profile-pl-sort{background:rgba(0,0,0,.2);border:1px solid rgba(255,215,0,.2);border-radius:8px;color:var(--pf-on-dark);cursor:pointer;font-family:var(--pf-font-body);font-size:.7rem;font-weight:600;min-width:7.5rem;padding:.28rem .4rem}.profile-pl-sort:focus-visible{outline:2px solid rgba(255,215,0,.4);outline-offset:1px}#page-profile .profile-pl-tile__drawer .profile-playlist-track-title,#page-profile .profile-pl-tile__panel .profile-playlist-track-title{color:var(--pf-on-dark)}#page-profile .profile-pl-tile__drawer .profile-playlist-open-btn,#page-profile .profile-pl-tile__drawer .profile-playlist-preview-btn,#page-profile .profile-pl-tile__panel .profile-playlist-open-btn,#page-profile .profile-pl-tile__panel .profile-playlist-preview-btn,.profile-playlist-rem-btn{background:rgba(0,0,0,.22);border-color:rgba(255,215,0,.28);color:var(--pf-on-dark)}.profile-playlists-empty{color:var(--pf-on-dark-soft);font-size:.88rem;margin:.75rem 0 0}.profile-surface-card{background:var(--pf-cream);border:1px solid rgba(255,215,0,.2);border-radius:var(--pf-radius-xl);box-shadow:0 10px 28px rgba(0,0,0,.22);color:var(--pf-ink);margin-top:1.75rem;overflow:hidden}.profile-surface-card__head{background:var(--pf-surface-lowest);border-bottom:1px solid rgba(255,215,0,.1);padding:.55rem 1rem}.profile-surface-card__head-title{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:.78rem;font-weight:800;letter-spacing:.14em;margin:0;text-transform:uppercase}.profile-surface-card__body{padding:1rem 1.1rem 1.2rem}.profile-import-lead{color:var(--pf-muted);font-size:.88rem;line-height:1.45;margin:0 0 .75rem}#page-profile .profile-import-check{color:var(--pf-ink);margin:.4rem 0}.profile-liked-list{list-style:none;margin:0;padding:.5rem 0 0}.profile-liked-list li{margin:0;padding:0}.profile-liked-list__btn{background:hsla(0,0%,100%,.45);border:1px solid rgba(80,55,45,.15);border-radius:var(--pf-radius);color:var(--pf-ink);cursor:pointer;display:block;font-family:var(--pf-font-body);font-size:.86rem;margin-bottom:.35rem;padding:.55rem .85rem;text-align:left;transition:background .12s ease;width:100%}.profile-liked-list__btn:hover{background:var(--pf-cream-2)}#page-profile :focus-visible{outline:2px solid var(--pf-gold);outline-offset:2px}#page-profile .profile-feed-card{background:var(--pf-cream);border:1px solid rgba(80,55,45,.12);color:var(--pf-ink)}#page-profile .profile-feed-card__head{background:var(--pf-surface-lowest);border-bottom:1px solid rgba(255,215,0,.12)}#page-profile .profile-feed-card__head-title{color:var(--pf-gold)}#page-profile .profile-feed-card--patterns-brown{background:linear-gradient(165deg,#6d4c41,#4e342e 45%,#3e2723);border:1px solid rgba(255,200,150,.14);box-shadow:0 14px 36px rgba(0,0,0,.38);color:#fff8f0;overflow:visible}#page-profile .profile-feed-card--patterns-brown .profile-feed-card__head{background:rgba(0,0,0,.22);border-bottom-color:rgba(255,213,179,.15)}#page-profile .profile-feed-card--patterns-brown .profile-feed-card__head-title{color:#ffe0b2}.profile-patterns-expand-wrap{background:rgba(0,0,0,.15);border-top:1px solid rgba(255,213,179,.2);padding:.45rem .75rem .6rem;text-align:center}#page-profile .profile-feed-card--patterns-brown .profile-pattern-row{background:rgba(255,252,247,.07);border-bottom-color:rgba(255,236,210,.14)}#page-profile .profile-feed-card--patterns-brown .profile-pattern-row:hover{background:hsla(0,0%,100%,.1)}#page-profile .profile-feed-card--patterns-brown .profile-pattern-row__main,#page-profile .profile-feed-card--patterns-brown .profile-pattern-row__meta,#page-profile .profile-feed-card--patterns-brown .profile-pattern-row__title{color:#fff8f0}#page-profile .profile-feed-card--patterns-brown .profile-pattern-row__stats--icons{color:#ffccbc}#page-profile .profile-feed-card--patterns-brown .profile-stat-ic .stg-icon-host{color:rgba(255,215,160,.95)}.profile-pattern-row-actions--social{align-items:center;display:flex;flex-direction:column;gap:.4rem;justify-content:center;min-width:2.75rem}.profile-pattern-social-btn{align-items:center;background:rgba(0,0,0,.18);border:1px solid rgba(255,220,190,.35);border-radius:10px;color:#fff8f0;cursor:pointer;display:inline-flex;font-size:1rem;height:2.4rem;justify-content:center;padding:0;transition:background .12s ease,border-color .12s ease;width:2.4rem}.profile-pattern-social-btn:hover{background:rgba(255,215,160,.12);border-color:rgba(255,236,200,.45)}.profile-pattern-social-btn--liked,.profile-pattern-social-btn.is-liked{background:rgba(180,60,80,.25);border-color:rgba(255,180,170,.55)}#page-profile .profile-pattern-thumb-wrap{height:52px;width:52px}#page-profile .profile-pattern-thumb{border-radius:8px;height:52px;width:52px}.profile-sub-page{margin-top:.5rem;padding:.35rem .25rem 1.5rem}.profile-sub-page__toolbar{align-items:baseline;display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin-bottom:1rem}.profile-sub-page__back{text-decoration:none}.profile-sub-page__title{color:var(--pf-gold);font-family:var(--pf-font-display);font-size:clamp(1.35rem,3vw,1.85rem);font-weight:900;letter-spacing:-.02em;margin:0;text-transform:uppercase}.profile-liked-grid--full{max-width:40rem}.profile-liked-card__inner--simple{gap:.65rem;grid-template-columns:3rem 1fr auto;padding:.5rem .65rem}.profile-liked-card__inner--simple:hover{border-color:rgba(255,215,0,.22);box-shadow:0 4px 14px rgba(0,0,0,.18);transform:none}.profile-liked-card__thumb--play{position:relative}.profile-liked-card__thumb-icon{align-items:center;background:rgba(0,0,0,.35);color:#fff;display:flex;font-size:1rem;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .15s ease}.profile-liked-card__thumb--play.is-previewing .profile-liked-card__thumb-icon,.profile-liked-card__thumb--play:focus-visible .profile-liked-card__thumb-icon,.profile-liked-card__thumb--play:hover .profile-liked-card__thumb-icon{opacity:1}.profile-liked-card__thumb--play.is-previewing .profile-liked-card__thumb-icon{background:rgba(255,215,0,.35);color:#2a1814}.profile-liked-card__actions--simple{flex-direction:column;gap:.25rem}#page-profile .profile-sidebar .profile-side-card--likes-sidebar,#page-profile .profile-sidebar .profile-side-card--stats{background:transparent;border:none;box-shadow:none;color:inherit;padding-left:.35rem;padding-right:.35rem}#page-profile .profile-sidebar .profile-side-card--stats{margin-bottom:.2rem;padding-bottom:.75rem;padding-top:.55rem}#page-profile .profile-sidebar .profile-side-card--likes-sidebar{border-top:1px solid hsla(0,0%,100%,.08);margin-bottom:0;margin-top:0;padding-top:.65rem}#page-profile .profile-liked-rows--stream.profile-liked-grid{gap:.12rem;padding-top:.1rem}#profilePlaylistEmptyOverlay .profile-liked-rows--stream.profile-liked-grid{gap:.12rem;margin:0;max-height:min(52vh,24rem);overflow-y:auto;padding-top:.35rem}.profile-liked-rows--stream .profile-liked-card__inner--stream{align-items:start;background:transparent;border:none;border-bottom:1px solid hsla(0,0%,100%,.06);border-radius:0;box-shadow:none;gap:.45rem .55rem;grid-template-columns:2.45rem 1fr auto;padding:.4rem 0;transition:background .15s ease}.profile-liked-rows--stream .profile-liked-card--stream:last-child .profile-liked-card__inner--stream{border-bottom:none}.profile-liked-rows--stream .profile-liked-card__inner--stream:hover{background:hsla(0,0%,100%,.03);box-shadow:none;transform:none}.profile-liked-rows--stream .profile-liked-card__inner--stream .profile-liked-card__thumb{border-radius:6px;height:2.45rem;width:2.45rem}.profile-liked-rows--stream .profile-liked-card__inner--stream .profile-liked-card__thumb-icon{font-size:.82rem}.profile-liked-rows--stream .profile-liked-card__title--stream{color:hsla(36,77%,95%,.96);font-family:var(--pf-font-body,var(--font-heading));font-size:.82rem;font-weight:700;letter-spacing:.02em;line-height:1.25;margin:.1rem 0 0}.profile-liked-rows--stream .profile-liked-card__creator--stream{color:hsla(36,77%,95%,.78);font-size:.68rem;margin:0;opacity:.55}.profile-liked-rows--stream .profile-liked-card__stream-meta{color:hsla(36,77%,95%,.48);display:flex;flex-wrap:wrap;font-size:.65rem;font-weight:600;gap:.75rem;margin-top:.22rem}.profile-liked-rows--stream .profile-liked-stream-stat .stg-icon-host{flex-shrink:0;margin-right:.18rem;opacity:.88;vertical-align:-.05em}.profile-liked-rows--stream .profile-liked-card__btn--stream-open{border-radius:6px;font-size:.58rem;letter-spacing:.06em;padding:.22rem .48rem}.profile-liked-rows--stream .profile-liked-card__actions--stream{align-self:center}.profile-playlist-track-row--compact{align-items:center}.profile-playlist-track-left{align-items:center;display:flex;flex:1;gap:.5rem;min-width:0}.profile-pl-track-thumb-wrap{flex-shrink:0;height:2.35rem;position:relative;width:2.35rem}.profile-pl-track-thumb{border:none;border-radius:6px;cursor:pointer;height:100%;overflow:hidden;padding:0;position:relative;width:100%}.profile-pl-track-thumb,.profile-pl-track-thumb__icon{align-items:center;display:flex;justify-content:center}.profile-pl-track-thumb__icon{background:rgba(0,0,0,.32);color:#fff8f0;font-size:.85rem;inset:0;opacity:0;position:absolute;transition:opacity .15s ease}.profile-pl-track-thumb.is-previewing .profile-pl-track-thumb__icon,.profile-pl-track-thumb:focus-visible .profile-pl-track-thumb__icon,.profile-pl-track-thumb:hover .profile-pl-track-thumb__icon{opacity:1}.profile-pl-track-thumb.is-previewing .profile-pl-track-thumb__icon{background:rgba(255,215,0,.35);color:#2a1814}.profile-playlist-track-text{display:flex;flex-direction:column;gap:.08rem;min-width:0}.profile-playlist-track-name{color:rgba(255,248,240,.95);font-size:.84rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-playlist-track-sub{color:rgba(255,248,240,.55);font-size:.68rem}.profile-playlist-more-tracks{font-size:.72rem;margin:.35rem 0 0}#page-profile .profile-playlist-track-row--compact,#page-profile .profile-playlist-track-row--drawer{border-radius:8px;padding:.32rem .25rem}#page-profile .profile-playlist-track-row--compact:hover,#page-profile .profile-playlist-track-row--drawer:hover{background:rgba(0,0,0,.04)}.profile-playlist-track-row--drawer{align-items:center}#page-profile .profile-pattern-row__title{color:var(--pf-ink)}#page-profile .profile-pattern-row__main{align-items:flex-start;color:var(--pf-ink);display:flex;gap:.65rem}#page-profile .profile-pattern-row__stats{color:var(--pf-muted);display:block;font-size:.68rem;font-weight:700;letter-spacing:.06em;margin-top:.15rem;text-transform:uppercase}#page-profile .profile-pattern-row__stats--icons{color:var(--pf-muted)}#page-profile .profile-pattern-row__stats--icons .bi{color:rgba(74,45,39,.55)}.profile-pattern-title-block{max-width:22rem;min-width:0;width:100%}.profile-pattern-title-input{background:hsla(0,0%,100%,.75);border:1px solid rgba(80,55,45,.22);border-radius:8px;box-sizing:border-box;color:var(--pf-ink);display:block;font-family:var(--pf-font-display);font-size:.95rem;font-weight:800;letter-spacing:.04em;max-width:22rem;padding:.28rem .45rem;text-transform:uppercase;width:100%}.profile-inline-vis{background:rgba(0,0,0,.12);border:1px solid rgba(255,215,0,.12);border-radius:10px;box-shadow:none;display:inline-flex;gap:.28rem;margin-left:.35rem;padding:.2rem .25rem}.profile-inline-vis-pill{background:rgba(0,0,0,.08);border:1px solid rgba(80,55,45,.35);border-radius:8px;color:rgba(255,248,240,.7);cursor:pointer;font-family:var(--pf-font-body);font-size:.55rem;font-weight:800;letter-spacing:.1em;padding:.24rem .55rem;text-transform:uppercase;transition:color .16s ease,background .16s ease,border-color .16s ease}.profile-inline-vis-pill:focus-visible{box-shadow:0 0 0 1px rgba(255,215,0,.35);outline:none}.profile-inline-vis-pill:hover{background:rgba(0,0,0,.2);border-color:rgba(255,215,0,.3);color:#fff8f0}.profile-inline-vis-pill--active[data-vis=public]{background:#e6c200;border:1px solid #a89000;box-shadow:none;color:#0f0806;transform:none}.profile-inline-vis-pill--active[data-vis=private]{background:#0a0a0a;border:1px solid #1f1f1f;box-shadow:none;color:#e8ddc4;transform:none}@keyframes profileInlineVisFlash{0%{transform:scale(1.05)}45%{box-shadow:0 0 0 3px rgba(255,215,0,.55),0 0 18px rgba(255,215,0,.45),inset 0 1px 0 hsla(0,0%,100%,.5);transform:scale(1.12)}to{transform:scale(1.05)}}.profile-inline-vis-pill.profile-inline-vis-pill--flash{animation:profileInlineVisFlash .4s ease-out}@media (prefers-reduced-motion:reduce){.profile-inline-vis-pill{transition:color .15s ease,background .15s ease,border-color .15s ease}.profile-inline-vis-pill.profile-inline-vis-pill--flash{animation:none}.profile-inline-vis-pill--active[data-vis=private],.profile-inline-vis-pill--active[data-vis=public],.profile-inline-vis-pill:hover{transform:none}}.profile-side-card--likes-sidebar{background:var(--pf-surface-low);border:1px solid hsla(37,46%,69%,.12);box-shadow:0 12px 32px rgba(0,0,0,.35);color:var(--pf-on-dark)}.profile-liked-grid{display:flex;flex-direction:column;gap:.65rem;list-style:none;margin:0;padding:.25rem 0 0}.profile-liked-card{margin:0;padding:0}.profile-liked-card__inner{align-items:center;background:#2d1b17;border:1px solid rgba(255,215,0,.12);border-radius:12px;display:grid;gap:.8rem;grid-template-columns:3.25rem 1fr auto;padding:.65rem .8rem;transition:all .2s ease}.profile-liked-card__inner:hover{border-color:rgba(255,215,0,.35);box-shadow:0 4px 15px rgba(0,0,0,.25);transform:translateX(4px)}.profile-liked-card__thumb{border:none;border-radius:8px;cursor:pointer;flex-shrink:0;height:3.25rem;overflow:hidden;padding:0;position:relative;width:3.25rem}.profile-liked-card__thumb:after{align-items:center;background:rgba(0,0,0,.3);color:#fff;content:"▶";display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s}.profile-liked-card__thumb:hover:after{opacity:1}.profile-liked-card__thumb--play:after{content:none;display:none}.profile-liked-card__title{color:var(--accent);font-family:var(--font-heading);font-size:1.1rem;font-weight:800;letter-spacing:.04em;line-height:1.2;margin:0}.profile-liked-card__creator{color:var(--text-soft);font-size:.75rem;font-weight:500;margin:.12rem 0 0;opacity:.6}.profile-liked-card__meta{color:var(--text-soft);font-size:.75rem;margin:.25rem 0 0;opacity:.5}.profile-liked-card__actions{align-items:center;display:flex;gap:.5rem}.profile-liked-card__btn{background:rgba(255,215,0,.05);border:1px solid rgba(255,215,0,.2);border-radius:8px;color:var(--text-soft);cursor:pointer;font-size:.7rem;font-weight:800;letter-spacing:.05em;padding:.4rem .6rem;text-transform:uppercase;transition:all .2s}.profile-liked-card__btn:hover{background:rgba(255,215,0,.15);border-color:var(--accent);color:var(--accent)}.profile-bio-page-sheet{background:#2d1b17;border:1px solid rgba(255,215,0,.15);border-radius:20px;box-shadow:0 8px 25px rgba(0,0,0,.4)}.profile-bio-page-name{color:var(--accent);font-family:var(--font-heading);font-size:2.2rem;font-weight:800;letter-spacing:.02em}.profile-bio-page-role{color:var(--text-soft);font-size:.75rem;font-weight:700;letter-spacing:.2em;opacity:.6;text-transform:uppercase}.profile-bio-page-edit-btn{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.3);color:var(--accent)}.cookie-banner{background:gold;bottom:0;box-shadow:0 -4px 20px rgba(0,0,0,.4);color:#261814;left:0;padding:.85rem 1.5rem;position:fixed;right:0;z-index:9999}.cookie-banner__content{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1200px}.cookie-banner__content p{font-size:.88rem;font-weight:600;margin:0}.cookie-banner__content a{color:inherit;text-decoration:underline}.cookie-banner__btn{background:#261814;border:none;border-radius:6px;color:gold;cursor:pointer;font-size:.8rem;font-weight:700;padding:.5rem 1.25rem;text-transform:uppercase}.profile-privacy-shell{display:flex;flex-direction:column;gap:1.5rem;margin-top:1.5rem}.profile-privacy-card{background:hsla(0,0%,100%,.03);border:1px solid rgba(255,215,0,.1);border-radius:12px;padding:1.5rem}.profile-privacy-card h3{color:var(--accent);font-size:1.1rem;margin:0 0 .5rem}.profile-privacy-desc{color:var(--text-soft);font-size:.9rem;line-height:1.5;margin:0 0 1.25rem}.profile-privacy-card--danger{background:rgba(255,82,82,.02);border-color:rgba(255,82,82,.3)}.profile-privacy-card--danger h3{color:#ff5252}.danger-btn{border-color:rgba(255,82,82,.5)!important;color:#ff5252!important}.danger-btn:hover{background:rgba(255,82,82,.1)!important}.tm-profile-btn--warning{border-color:rgba(255,152,0,.5)!important;color:#ffb74d!important}.tm-profile-btn--warning:hover{background:rgba(255,152,0,.1)!important}.tm-profile-btn--success{border-color:rgba(76,175,80,.5)!important;color:#81c784!important}.tm-profile-btn--success:hover{background:rgba(76,175,80,.1)!important}.tm-modal-overlay{backdrop-filter:blur(calc(var(--tm-modal-overlay-blur)*2));background:var(--tm-modal-overlay-bg);display:flex;inset:0;justify-content:center;position:fixed;transition:opacity .3s ease;z-index:calc(var(--tm-modal-overlay-z) + 800)}.tm-modal-overlay,.tm-modal-overlay.tm-modal-overlay--pos-center{align-items:center}.tm-modal-overlay.tm-modal-overlay--pos-bottom{align-items:flex-end;padding-bottom:var(--tm-modal-panel-bottom-gap)}.tm-modal-overlay.hidden{display:none;opacity:0}.tm-modal-panel{animation:tm-modal-reveal .4s cubic-bezier(.16,1,.3,1);background:linear-gradient(165deg,#3e2723,#2a1814);border:1px solid rgba(255,215,0,.3);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.8);max-width:500px;padding:2rem;position:relative;width:90%}.tm-modal-panel.tm-modal-panel--size-sm{max-width:min(var(--tm-modal-panel-size-sm),92vw)}.tm-modal-panel.tm-modal-panel--size-lg{max-width:min(var(--tm-modal-panel-size-lg),96vw)}@keyframes tm-modal-reveal{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tm-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.tm-modal-header h3{color:var(--accent);font-family:var(--font-heading);font-size:1.5rem;letter-spacing:.05em;margin:0;text-transform:uppercase}.tm-modal-body{margin:0;padding:0}.tm-modal-close{background:transparent;border:none;color:var(--text-soft);cursor:pointer;font-size:2rem;line-height:1;transition:color .2s}.tm-modal-close:hover{color:#fff}.tm-modal-desc{color:var(--text-soft);font-size:1rem;line-height:1.6}.tm-modal-desc,.tm-modal-field-group{margin-bottom:1.5rem}.tm-modal-label{color:var(--accent);display:block;font-size:.8rem;font-weight:800;letter-spacing:.1em;margin-bottom:.5rem;text-transform:uppercase}.tm-modal-textarea{background:rgba(0,0,0,.3);border:1px solid rgba(255,215,0,.2);border-radius:12px;color:#fff;font-family:inherit;font-size:.9rem;min-height:100px;padding:1rem;resize:vertical;transition:border-color .2s;width:100%}.tm-modal-textarea:focus{border-color:var(--accent);outline:none}.tm-modal-footer{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.tm-modal-panel--mod{border-top:4px solid var(--accent)}.tm-modal-panel--danger{border-top-color:#ff5252}.tm-modal-panel--danger h3{color:#ff5252}.tm-modal-select{background:rgba(0,0,0,.35);border:1px solid rgba(255,215,0,.25);border-radius:10px;box-sizing:border-box;color:rgba(255,248,240,.95);cursor:pointer;font-family:inherit;font-size:.88rem;padding:.55rem .75rem;width:100%}.tm-modal-select:focus{border-color:var(--accent);outline:none}.tm-modal-input{background:rgba(0,0,0,.35);border:1px solid rgba(255,215,0,.25);border-radius:10px;box-sizing:border-box;color:rgba(255,248,240,.95);font-family:inherit;font-size:.88rem;padding:.55rem .75rem;width:100%}.tm-modal-input:focus{border-color:var(--accent);outline:none}.tm-modal-panel--report-user{max-width:min(32rem,94vw)}.tm-modal-panel--pattern-comments{display:flex;flex-direction:column;max-height:85vh;max-width:min(38rem,96vw);overflow:hidden;width:92%}.pattern-comments-modal-body{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;padding-right:.25rem}.pattern-comments-modal-body .pattern-comments-list{flex:1;margin-top:.75rem;min-height:0}.pattern-comments-modal-lead{margin-bottom:.65rem}#patternCommentsOverlay.tm-modal-overlay,#profileReportUserOverlay.tm-modal-overlay{z-index:455}.account-banned-reason-wrap{background:linear-gradient(165deg,rgba(62,39,35,.55),rgba(26,14,10,.75));border:1px solid rgba(255,215,0,.35);border-radius:14px;box-shadow:0 8px 28px rgba(0,0,0,.35);margin:0 0 1.25rem;padding:1rem 1.15rem}.account-banned-reason-wrap.hidden{display:none}.account-banned-reason-title{color:var(--accent);font-family:var(--font-heading);font-size:.95rem;letter-spacing:.12em;margin:0 0 .45rem;text-transform:uppercase}.account-banned-reason-body{color:rgba(255,248,240,.9);font-size:.95rem;line-height:1.55;margin:0;white-space:pre-wrap;word-break:break-word}.tm-toast-host{align-items:flex-end;bottom:1rem;display:flex;flex-direction:column;gap:.55rem;max-width:min(22rem,92vw);pointer-events:none;position:fixed;right:1rem;z-index:5000}.tm-toast{border:1px solid hsla(0,0%,100%,.12);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.45);font-size:.86rem;font-weight:600;line-height:1.35;opacity:0;padding:.65rem 1rem;pointer-events:none;transform:translateY(10px) scale(.98);transition:opacity .28s ease,transform .28s ease}.tm-toast--in{opacity:1;transform:translateY(0) scale(1)}.tm-toast--out{opacity:0;transform:translateY(6px) scale(.98)}.tm-toast--success{background:linear-gradient(165deg,#2e4a32,#1a2e1f);border-color:rgba(129,199,132,.45);color:#e8f5e9}.tm-toast--error{background:linear-gradient(165deg,#4a2323,#2a1212);border-color:hsla(5,100%,75%,.45);color:#ffebee}.tm-toast--info{background:linear-gradient(165deg,#3e2723,#221510);border-color:rgba(255,215,0,.35);color:rgba(255,248,240,.95)}[x-cloak]{display:none!important}.profile-forum-activity{background:rgba(47,29,25,.4);border:1px solid rgba(255,215,0,.1);border-radius:12px;margin-top:1.5rem;overflow:hidden}.profile-forum-activity__head{align-items:center;border-bottom:1px solid rgba(255,215,0,.08);display:flex;gap:.75rem;justify-content:space-between;padding:.75rem 1rem}.profile-forum-activity__title{color:var(--text-primary);font-family:var(--font-body);font-size:.9375rem;font-weight:700;margin:0}.profile-forum-activity__load-btn{background:transparent;border:1px solid rgba(255,215,0,.2);border-radius:6px;color:var(--app-text-muted);cursor:pointer;font-family:var(--font-body);font-size:.8rem;font-weight:600;padding:.3rem .65rem;transition:color .2s,border-color .2s}.profile-forum-activity__load-btn:hover{border-color:rgba(255,215,0,.45);color:var(--text-primary)}.profile-forum-activity__list{display:flex;flex-direction:column;gap:.5rem;min-height:2rem;padding:.5rem 1rem .75rem}.profile-forum-thread-row{border-bottom:1px solid hsla(0,0%,100%,.05);display:flex;flex-direction:column;font-size:.875rem;gap:.2rem;padding:.5rem 0}.profile-forum-thread-row:last-child{border-bottom:none}.profile-forum-thread-link{background:none;border:none;color:var(--text-primary);cursor:pointer;font-family:var(--font-body);font-size:inherit;font-weight:600;padding:0;text-align:left;text-decoration:none}.profile-forum-thread-link:hover{color:var(--accent);text-decoration:underline}.profile-forum-thread-meta{color:var(--app-text-muted);font-size:.75rem}.profile-forum-empty{color:var(--app-text-muted);font-size:.875rem;margin:0;padding:.5rem 0}.pattern-edit-panel{display:flex;flex-direction:column;gap:0;max-height:90vh;overflow-y:auto;padding:1.5rem}.pattern-edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.2rem}.pattern-edit-header .modal-title{margin:0}.pattern-edit-body{flex:1}.pattern-edit-row{display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.pattern-edit-row--3{grid-template-columns:1fr 1fr 1fr}@media (max-width:480px){.pattern-edit-row,.pattern-edit-row--3{grid-template-columns:1fr}}.pattern-edit-vis-row{display:flex;gap:.5rem;margin-top:.25rem}.pattern-edit-vis-pill{background:transparent;border:1px solid var(--accent);border-radius:20px;color:var(--text-soft);cursor:pointer;font-family:var(--font-heading);font-size:.8rem;letter-spacing:1px;padding:.35rem .9rem;transition:background .15s,color .15s}.pattern-edit-vis-pill.is-active,.pattern-edit-vis-pill[aria-pressed=true]{background:var(--accent);color:#2c1b17}.pattern-edit-remake-header{align-items:center;border-top:1px solid rgba(255,215,0,.15);display:flex;justify-content:space-between;margin-top:.5rem;padding:.6rem 0}.pattern-edit-remake-label{color:var(--text-soft);cursor:pointer;font-family:var(--font-heading);font-size:.82rem;letter-spacing:1px;text-transform:uppercase}.pattern-edit-remake-fields{border-bottom:1px solid rgba(255,215,0,.1);margin-bottom:.75rem;padding:.75rem 0 .25rem}.pattern-edit-remake-fields.hidden{display:none}.pattern-edit-status{font-size:.85rem;margin:.25rem 0 0;padding:.35rem 0}.pattern-edit-status.hidden{display:none}.pattern-edit-status--error{color:#e57373}.pattern-edit-status--ok{color:#81c784}.pattern-edit-required{color:#e57373;font-weight:600}.search-page-wrap{margin:0 auto;max-width:720px;padding:2rem 1rem 4rem}.search-page-header{margin-bottom:1.5rem}.search-page-input-row{align-items:center;display:flex;gap:.5rem}.search-page-input{background:hsla(0,0%,100%,.06);border:1px solid rgba(255,215,0,.2);border-radius:6px;color:var(--app-text-body);flex:1;font-size:1rem;outline:none;padding:.65rem 1rem;transition:border-color .15s}.search-page-input::placeholder{color:var(--app-text-muted)}.search-page-input:focus{border-color:var(--accent)}.search-page-btn{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.25);border-radius:6px;color:var(--accent);cursor:pointer;font-size:1.1rem;padding:.6rem .9rem;transition:background .15s}.search-page-btn:hover{background:rgba(255,215,0,.2)}.search-page-msg{color:var(--app-text-muted);font-size:.9rem;padding:2rem 0;text-align:center}.search-page-msg--error{color:#e0644a}.search-section{margin-bottom:1.75rem}.search-section-title{border-bottom:1px solid rgba(255,215,0,.12);color:var(--accent);font-size:.75rem;font-weight:600;letter-spacing:.08em;margin-bottom:.6rem;padding-bottom:.35rem;text-transform:uppercase}.search-section-title i{margin-right:.35rem}.search-section-list{display:flex;flex-direction:column;gap:.25rem;list-style:none;margin:0;padding:0}.search-item{border-radius:6px;transition:background .12s}.search-item:hover{background:hsla(0,0%,100%,.05)}.search-item-link{color:inherit;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;text-decoration:none;width:100%}.search-item-title{color:var(--app-text-body);font-size:.9rem;font-weight:500}.search-item-meta{color:var(--app-text-muted);font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-item--pattern{cursor:pointer}.search-item-link--btn{cursor:pointer;user-select:none}.search-item-tag{background:rgba(255,215,0,.1);border:1px solid rgba(255,215,0,.18);border-radius:3px;color:var(--accent);display:inline-block;font-size:.65rem;letter-spacing:.04em;margin-left:.5rem;padding:.1rem .4rem;vertical-align:middle}.nav-search-btn{background:none;border:none;color:var(--app-text-muted);cursor:pointer;font-size:1rem;padding:.3rem .5rem;transition:color .15s}.nav-search-btn:hover{color:var(--accent)}