:root{--bg: #f7f6fa;--ink: #15121f;--muted: #706a7e;--card: rgba(255, 255, 255, .94);--soft: #f2f0f6;--dark: #14121c;--violet: #7f55aa;--violet-soft: #ebe5f4;--amber: #ffd36a;--line: #e1ddea;--green: #1f9d6d;--danger: #d94848;--violet-hover: #9168bb;--surface-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(247, 244, 255, .98));--surface-panel-bg-alt: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(243, 240, 250, .98));--surface-soft-bg: linear-gradient(180deg, rgba(248, 246, 255, .98), rgba(241, 237, 248, .98));--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--focus-ring: 0 0 0 3px rgba(127, 85, 170, .2);--shadow: 0 20px 45px rgba(30, 20, 70, .1);--surface-shadow: 0 1px 0 rgba(255, 255, 255, .78), 0 10px 22px rgba(30, 20, 70, .06);--surface-shadow-hover: 0 1px 0 rgba(255, 255, 255, .88), 0 12px 26px rgba(30, 20, 70, .08);--motion-ease-standard: cubic-bezier(.22, 1, .36, 1);--motion-ease-enter: cubic-bezier(.16, 1, .3, 1);--motion-fast: .17s;--motion-medium: .26s;--motion-page: .36s;--piano-white-press: linear-gradient(180deg, #fff9e5, #f6db86);--piano-white-press-ink: #2c2209;--piano-white-press-ring: rgba(255, 211, 106, .62);--piano-black-press: linear-gradient(180deg, #352d51, #1d182c);--piano-black-press-ink: #faf6ff;--piano-black-press-ring: rgba(168, 140, 255, .32);--topbar-height: 92px;--font-ui: "Host", "Trebuchet MS", "SF Pro Rounded", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-reading: "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Host", "Trebuchet MS", "SF Pro Rounded", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif}body .feed-card .progression-token-box--preview{border-color:color-mix(in srgb,var(--violet) 30%,var(--line));background:transparent}body.theme-dark .feed-card .progression-token-box--preview{border-color:color-mix(in srgb,var(--violet) 38%,var(--line));background:transparent}@font-face{font-family:Host;src:url(../fonts/HostGrotesk-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:100 900;font-display:swap}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{min-width:320px;margin:0;font-family:var(--font-ui);font-synthesis:none;background:linear-gradient(180deg,#ffffff 0,var(--bg) 520px);color:var(--ink);font-size:var(--text-base);line-height:1.5;text-rendering:optimizeLegibility;transition:background-color var(--motion-fast) ease,color var(--motion-fast) ease}body.theme-dark{--bg: #11131a;--ink: #f4f2ff;--muted: #a7a1bc;--card: rgba(20, 23, 33, .94);--soft: #1a1d28;--dark: #f4f2ff;--violet: #7f55aa;--violet-soft: #2a2346;--amber: #f3c96b;--line: #2a2e3d;--green: #37d39e;--danger: #ff7575;--violet-hover: #9168bb;--surface-panel-bg: linear-gradient(180deg, rgba(21, 24, 34, .98), rgba(16, 19, 28, .98));--surface-panel-bg-alt: linear-gradient(180deg, rgba(24, 28, 39, .98), rgba(18, 21, 31, .98));--surface-soft-bg: linear-gradient(180deg, rgba(24, 28, 39, .98), rgba(18, 21, 31, .98));--shadow: 0 22px 48px rgba(0, 0, 0, .34);--surface-shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 12px 26px rgba(0, 0, 0, .26);--surface-shadow-hover: 0 1px 0 rgba(255, 255, 255, .05), 0 14px 30px rgba(0, 0, 0, .3);--piano-white-press: linear-gradient(180deg, #fff0bf, #d9bc4c);--piano-white-press-ink: #231800;--piano-white-press-ring: rgba(243, 201, 107, .5);--piano-black-press: linear-gradient(180deg, #44376d, #241d3c);--piano-black-press-ink: #f5f2ff;--piano-black-press-ring: rgba(168, 140, 255, .3);background:linear-gradient(180deg,#141722,var(--bg));color:var(--ink)}::selection{background:#6d4aff3d;color:#11131a}body.theme-dark ::selection{background:#8f6fff52;color:#fff}::-moz-selection{background:#6d4aff3d;color:#11131a}body.theme-dark ::-moz-selection{background:#8f6fff52;color:#fff}body.theme-dark .topbar:before{border-bottom-color:#2a2e3db8;background:#11131c1a}body.theme-dark .topbar{background:#11131c29}body.theme-dark .panel,body.theme-dark .card{border-color:var(--line);background:var(--surface-panel-bg);box-shadow:0 12px 30px #00000047}body.theme-dark .runtime-chip{border-color:var(--line);background:#202434;color:var(--muted)}body.theme-dark .brand-mark{display:none}body.theme-dark .burger-btn,body.theme-dark .sidebar-badge,body.theme-dark .piano-nav-indicator{background:#202434;color:var(--ink)}body.theme-dark .btn.active{background:#24283a;box-shadow:none;color:var(--ink)}body.theme-dark .progression-strip,body.theme-dark .browse-feed-stat,body.theme-dark .trend-item,body.theme-dark .contributor-item,body.theme-dark .comment-item,body.theme-dark .comments-panel,body.theme-dark .admin-item,body.theme-dark .empty,body.theme-dark .login-dialog{border-color:var(--line);background:var(--surface-soft-bg)}body.theme-dark .profile-stat,body.theme-dark .profile-panel,body.theme-dark .library-item,body.theme-dark .admin-home-card,body.theme-dark .admin-policy-card,body.theme-dark .admin-user-card,body.theme-dark .admin-message-card,body.theme-dark .admin-profile-card,body.theme-dark .admin-compose-panel,body.theme-dark .admin-section,body.theme-dark .library-hero-copy__stats span,body.theme-dark .profile-hero-copy__meta-row,body.theme-dark .library-item__meta span,body.theme-dark .profile-panel__meta span,body.theme-dark .auth-modal__hint{border-color:var(--line)}body.theme-dark .profile-stat,body.theme-dark .admin-home-card,body.theme-dark .admin-policy-card,body.theme-dark .admin-user-card,body.theme-dark .admin-message-card,body.theme-dark .admin-profile-card,body.theme-dark .admin-compose-panel,body.theme-dark .admin-section{background:var(--surface-soft-bg)}body.theme-dark .messages-panel,body.theme-dark .detail-card,body.theme-dark .library-card-shell,body.theme-dark .profile-card,body.theme-dark .browse-feed-panel,body.theme-dark .sidebar-section{background:var(--surface-panel-bg)}body.theme-dark .admin-home-card__icon,body.theme-dark .admin-item__icon{background:#a88cff1a;color:#c8bbef}body.theme-dark .profile-stat--accent{background:var(--surface-soft-bg)}body.theme-dark .rank-chip,body.theme-dark .role-chip,body.theme-dark .status-chip{border-color:var(--line);background:#202434;color:var(--ink)}body.theme-dark .rank-chip--newcomer{background:#3550d633;color:#dce3ff}body.theme-dark .rank-chip--builder{background:#0a698633;color:#c9f0ff}body.theme-dark .rank-chip--contributor{background:#176a4533;color:#cdf7dc}body.theme-dark .rank-chip--composer{background:#9a5e0033;color:#ffe0ab}body.theme-dark .rank-chip--curator{background:#6d28d933;color:#e4d2ff}body.theme-dark .rank-chip--maestro{background:#a61b4d33;color:#ffd6e5}body.theme-dark .role-chip--member,body.theme-dark .status-chip--neutral{background:#202434;color:var(--muted)}body.theme-dark .role-chip--moderator{background:#3550d633;color:#dce3ff}body.theme-dark .role-chip--admin{background:#2a2346;color:#fff}body.theme-dark .status-chip--live{background:#176a4533;color:#cdf7dc}body.theme-dark .status-chip--draft{background:#6d4aff2e;color:#d9cbff}body.theme-dark .status-chip--generated{background:#c2903433;color:#f0d48d}body.theme-dark .status-chip--advanced{background:#6d4aff2e;color:#d9cbff}body.theme-dark .browse-feed-panel,body.theme-dark .sidebar-section,body.theme-dark .feed-card,body.theme-dark .trend-item,body.theme-dark .contributor-item{border-color:var(--line);background-clip:padding-box;box-shadow:none}body.theme-dark .feed-card:hover{border-color:var(--line);background:linear-gradient(180deg,#1b1f2cfa,#161924fa);box-shadow:var(--surface-shadow-hover)}body.theme-dark .feed-card.clickable-card{border-color:var(--line);background:var(--surface-panel-bg);background-clip:padding-box}body.theme-dark .feed-card.clickable-card:hover{border-color:var(--line);background:linear-gradient(180deg,#1b1f2cfa,#161924fa);background-clip:padding-box}body.theme-dark .trend-item:hover,body.theme-dark .contributor-item:hover{border-color:var(--line);background:linear-gradient(180deg,#1b1f2cfa,#161924fa);box-shadow:var(--surface-shadow-hover)}body.theme-dark .filter-tag:not(.active):hover{border-color:var(--line);background:#202434;color:var(--ink);box-shadow:none}body.theme-dark .search:hover,body.theme-dark .field:hover,body.theme-dark select:hover,body.theme-dark textarea:hover{border-color:var(--line);background:#1a1d28;box-shadow:none}body.theme-dark .burger-menu{border-color:var(--line);background:#151923}body.theme-dark .burger-menu button{background:#171a24}body.theme-dark .btn,body.theme-dark .burger-menu button,body.theme-dark .creator-slot-remove,body.theme-dark .creator-bar-count,body.theme-dark .progression-strip__hint-bubble{background:#202434}body.theme-dark .btn.primary{border-color:#a88cff2e;background:#262b3d;color:var(--ink)}body.theme-dark .btn.violet,body.theme-dark .btn.create-btn,body.theme-dark .burger-menu .create-btn{background:var(--violet);color:#fff}body.theme-dark .login-btn{background:transparent}body.theme-dark .filter-tag{border-color:var(--line);background:#202434;color:var(--muted)}body.theme-dark .filter-tag.active{border-color:#a88cff66;background:var(--violet);color:#fff}body.theme-dark .filter-tag.more-tag{background:#202434;color:#d9cbff}body.theme-dark .tempo-filter__rail{border-color:#60657eb3;background:linear-gradient(180deg,#2b3040,#222736);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000094}body.theme-dark .tempo-filter__fill{background:var(--violet)}body.theme-dark .tempo-filter__thumb{border-color:#ffffff1f;background:var(--violet);box-shadow:0 8px 16px #00000059}body.theme-dark .tempo-filter__label{color:#a7a1bc}body.theme-dark .tempo-filter__value{color:#f4f2ff}body.theme-dark .tempo-filter__switch-track{border-color:var(--line);background:#202434}body.theme-dark .tempo-filter__switch.is-on .tempo-filter__switch-track{border-color:var(--violet);background:var(--violet)}body.theme-dark .contribution-copy__tag,body.theme-dark .trend-profile-tag{border-color:#a88cff33;background:#a88cff24;color:#f1e9ff}body.theme-dark .theme-toggle:hover .theme-toggle__track,body.theme-dark .filter-any-toggle__switch:hover .filter-any-toggle__track{border-color:#a579cf61;background:linear-gradient(180deg,#31374c,#202536);box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000008a,0 0 0 1px #a579cf1a}body.theme-dark .theme-toggle:hover .theme-toggle__thumb,body.theme-dark .filter-any-toggle__switch:hover .filter-any-toggle__thumb{box-shadow:0 8px 16px #0000006b}body.theme-dark .progression-token-box{border-color:var(--line);background:#171a24}body.theme-dark .profile-achievements__display{background:#171a24}body.theme-dark .profile-achievements__display--violet{background:#895ab72e}body.theme-dark .profile-achievements__display--gold{background:#f3c96b2e}body.theme-dark .profile-achievements__display--blue{background:#5f81ff2e}body.theme-dark .profile-achievements__display--green{background:#1f9d6d2e}body.theme-dark .profile-achievements__display--rose{background:#e758582e}body.theme-dark .profile-achievements__display--slate{background:#706a7e2e}body.theme-dark .progression-token-box--marquee{background:#171a24}body.theme-dark .meta span{border-color:var(--line);background:#202434}body.theme-dark .pill.warn{background:#40321a;color:#f3c96b}body.theme-dark .field,body.theme-dark .search{background:#171a24}body.theme-dark select,body.theme-dark textarea,body.theme-dark input:not([type=range]){border-color:var(--line);color:var(--ink)}body.theme-dark .search{border-color:var(--line)}body.theme-dark .search::placeholder,body.theme-dark .field::placeholder,body.theme-dark textarea::placeholder{color:#8f8aa4}body.theme-dark select option{background:#171a24;color:var(--ink)}body.theme-dark .filter-any-toggle__track{border-color:#a88cff38;background:linear-gradient(180deg,#2a3042,#1b2030);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000094}body.theme-dark .filter-any-toggle__thumb{border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#d9d3ef,#bfb7dd);box-shadow:0 8px 14px #0000006b}body.theme-dark .filter-any-toggle{color:#c7c1db}body.theme-dark .filter-any-toggle__text{color:#f4f2ff}body.theme-dark .filter-any-toggle__switch.is-on .filter-any-toggle__track{border-color:#a88cff59;background:linear-gradient(180deg,#232839,#171b28);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #0000009e,0 0 0 1px #a88cff14}body.theme-dark .filter-any-toggle__switch.is-on .filter-any-toggle__thumb{background:var(--violet);border-color:#ffffff1a}body.theme-dark .creator-chord-name-field__edit:hover,body.theme-dark .creator-chord-name-field.is-editable .creator-chord-name-field__edit{color:#17110a}body.theme-dark .creator-slot-remove{border-color:#e7585824;background:#e7585824;color:#ffb0b0}body.theme-dark .creator-slot-remove:hover:not(:disabled){background:#e758584d;color:#ffe3e3}body.theme-dark .creator-slot-add-icon{background:#a88cff29}body.theme-dark .creator-bar-count{color:var(--ink)}body.theme-dark .detail-card{border-color:var(--line);background:var(--surface-panel-bg)}body.theme-dark .detail-contribution__posted{color:var(--muted)}body.theme-dark .detail-contribution__posted time{color:var(--ink)}body.theme-dark .comments-panel__count{border-color:var(--line);background:#202434;color:var(--ink)}body.theme-dark .comment-thread__textarea{background:#171a24f5;box-shadow:none}body.theme-dark .comment-thread__textarea:hover,body.theme-dark .comment-thread__textarea:focus-visible{background:#1c2030fa}body.theme-dark .comment-thread__composer-feedback .field-feedback--helper,body.theme-dark .comment-thread__reply-feedback .field-feedback--helper{color:#d9ddefc2}body.theme-dark .comment-thread__reply-form{border-top-color:#a3aeff1f}body.theme-dark .comment-thread__children{border-left-color:#a3aeff1f}.comment-thread__textarea.field--invalid{background:#fff4f4d1}body.theme-dark .comment-thread__textarea.field--invalid{background:#3a191d8f;box-shadow:0 0 0 1px #ff75751a}body.theme-dark .comment-thread__action{color:var(--muted)}body.theme-dark .comment-thread__action:hover{border-color:var(--line);background:#202434;color:var(--ink)}body.theme-dark .comment-thread__action.is-active{border-color:#a88cff59;background:#a88cff29;color:#f1e9ff}body.theme-dark .comment-thread__action--reply{color:#d9cbff}body.theme-dark .comment-thread__action--report{color:#ffb6b6}body.theme-dark .comment-thread__children{border-left-color:var(--line)}body.theme-dark .comment-thread__meta strong,body.theme-dark .comment-thread__body{color:var(--ink)}body.theme-dark .classic-label{background:#f3c96b29;color:#f3c96b}body.theme-dark .classic-label--blue{background:#5f81ff2e;color:#c0ccff}body.theme-dark .creator-panel{border-color:var(--line);background:var(--surface-soft-bg)}body.theme-dark .creator-panel--sequencer{background:var(--surface-soft-bg)}body.theme-dark .creator-row,body.theme-dark .creator-bar-hint,body.theme-dark .creator-actions__status{color:var(--muted)}body.theme-dark .creator-slot{border-color:#60657eb3;background:linear-gradient(180deg,#1c202cfa,#161924fa);box-shadow:none}body.theme-dark .creator-slot:hover{border-color:var(--line);box-shadow:none}body.theme-dark .creator-slot-main:hover{background:#a579cf14}body.theme-dark .creator-slot-main:focus-visible{background:#a579cf1c}body.theme-dark .creator-bar-main{background:#60657e1f}body.theme-dark .creator-bar-card{border-color:#60657eb3;background:linear-gradient(180deg,#1c202cfa,#161924fa)}body.theme-dark .creator-bar-card.active{border-color:#f3c96b70;background:linear-gradient(180deg,#503f18f0,#372b11fa)}body.theme-dark .creator-slot-scroll{border-color:#a88cff3d;background:#1c202cf0;color:#d9cbff;box-shadow:0 12px 28px #00000047}body.theme-dark .creator-slot-scroll:hover:not(:disabled){background:var(--violet);color:#fff}body.theme-dark .creator-bar-head{border-bottom-color:#60657e38}body.theme-dark .creator-bar-split-toggle{border-color:#a88cff2e;background:#ffffff08;color:#bfb6da}body.theme-dark .creator-bar-split-slider-shell{border-color:#a88cff2e;background:#ffffff08}body.theme-dark .creator-bar-split-slider-stop{background:#bfb6da8f}body.theme-dark .creator-bar-split-slider-thumb{border-color:#ffffff1f;background:var(--violet);box-shadow:0 8px 16px #00000059}body.theme-dark .creator-bar-split-toggle:hover,body.theme-dark .creator-bar-split-toggle:focus-visible{border-color:#a88cff57;background:#a88cff1a;color:#f4efff}body.theme-dark .creator-bar-split-slider-shell:hover,body.theme-dark .creator-bar-split-slider-shell:focus-within{border-color:#a88cff57;background:#a88cff1a}body.theme-dark .creator-bar-gap-handle__line{background:#d4cbf066}body.theme-dark .creator-manual-piano-hint{filter:drop-shadow(0 8px 16px rgba(0,0,0,.24))}body.theme-dark .creator-manual-piano-hint__ring{border-color:#a88cff61;background:#212533d1}body.theme-dark .creator-manual-piano-hint__icon{color:#e0d6fff0}body.theme-dark .creator-time-switch{border-color:#a88cff2e;background:linear-gradient(180deg,#252b3b,#1b2130);box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000061}body.theme-dark .creator-time-switch__button{color:#ded8ee8a}body.theme-dark .creator-time-switch__button.active{color:#fff}body.theme-dark .creator-time-switch__thumb{background:var(--violet);box-shadow:0 8px 16px #895ab738}body.theme-dark .creator-easy-note{border-color:#a88cff38;background:#a88cff1a}body.theme-dark .creator-bar-grid-line{background:#a88cff14}body.theme-dark .creator-bar-grid-line.is-beat{background:#a88cff38}body.theme-dark .creator-bar-main--simple .creator-bar-grid-line.is-subdivision{opacity:0}body.theme-dark .creator-bar-grid-line.is-edge{background:#a88cff2e}body.theme-dark .creator-bar-beat{color:#b6afd0;opacity:.72}body.theme-dark .creator-segment{background:transparent;border-left-color:transparent}body.theme-dark .creator-segment:before{background:#a88cff4d}body.theme-dark .creator-segment.active{background:#f3c96b1a;box-shadow:inset 0 0 0 1.5px #f3c96b66}body.theme-dark .creator-segment--borrowed,body.theme-dark .creator-segment--outside-key,body.theme-dark .creator-segment--secondary,body.theme-dark .creator-segment--color{background:transparent;box-shadow:none}body.theme-dark .creator-segment--borrowed.active,body.theme-dark .creator-segment--outside-key.active,body.theme-dark .creator-segment--secondary.active,body.theme-dark .creator-segment--color.active{background:#f3c96b1a;box-shadow:inset 0 0 0 1.5px #f3c96b66}body.theme-dark .creator-bar-rhythm-row{border-top-color:#60657e1f}body.theme-dark .creator-rhythm-segment{border-left-color:#a88cff1f}body.theme-dark .creator-slot-rhythm{background:transparent;color:var(--muted)}body.theme-dark .creator-slot-rhythm:hover{background:#a579cf1a;color:var(--ink)}body.theme-dark .creator-metronome-btn{border-color:var(--line);background:#202434;color:var(--muted)}body.theme-dark .creator-metronome-btn:hover{color:var(--ink)}body.theme-dark .creator-metronome-btn.active{border-color:transparent;background:var(--violet);color:#fff}body.theme-dark .creator-metronome-btn--create{border-color:#9892af29;background:linear-gradient(180deg,#161922fa,#101219);color:#ece6f7;box-shadow:none}body.theme-dark .creator-metronome-btn--create:hover{border-color:#ae8fde47;background:linear-gradient(180deg,#1f2432fa,#151822);color:#fff}body.theme-dark .creator-metronome-btn--create.active{border-color:#debaff42;background:linear-gradient(180deg,#2a2545fa,#1c1731);box-shadow:none}body.theme-dark .creator-metronome-btn__icon-wrap{background:linear-gradient(180deg,#4e5260,#3d414e)}body.theme-dark .creator-metronome-volume{border-color:#a69df02e;background:#191b25f5;box-shadow:0 16px 34px #00000057}body.theme-dark .creator-metronome-volume__label{color:#e6eaffad}body.theme-dark .creator-slot-main:hover .creator-slot-timing{color:#e3d4f3}body.theme-dark .creator-slot--add{border-color:#a88cff3d;background:linear-gradient(180deg,#1b1f2cfa,#151823fa);color:#c9b9ff}body.theme-dark .creator-slot--add:hover{border-color:var(--line);background:linear-gradient(180deg,#1b1f2cfa,#161924fa)}body.theme-dark .creator-bar-beats{border-top-color:transparent}body.theme-dark .creator-slot-timing{color:#a7a1bc}body.theme-dark .creator-slot-name{color:var(--ink)}body.theme-dark .creator-slot-badge--function{background:#2d3040;color:#f3eefc}body.theme-dark .creator-slot-badge--chromatic{background:#323544}body.theme-dark .creator-slot-badge--borrowed{background:var(--violet);color:#fff}body.theme-dark .creator-slot-badge--outside-key,body.theme-dark .creator-slot-badge--secondary{background:#d87f34;color:#16100b}body.theme-dark .creator-slot-badge--color{background:#2c8377;color:#f4fffb}body.theme-dark .creator-slot-copy{background:#ffffff05;color:var(--muted)}body.theme-dark .creator-slot-copy:hover:not(:disabled){background:#ffffff0f;color:var(--ink)}body.theme-dark .creator-viz{border-color:var(--line)}body.theme-dark .creator-viz-header__spacer,body.theme-dark .creator-viz .visualizer,body.theme-dark .creator-viz{background:transparent}body.theme-dark .creator-viz .visualizer-switch,body.theme-dark .creator-viz .instrument-switch__controls,body.theme-dark .progression-viz .visualizer-switch,body.theme-dark .progression-viz .instrument-switch__controls{background:linear-gradient(180deg,#262b3b,#1a1f2d);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000080}body.theme-dark .creator-viz .instrument-switch__thumb,body.theme-dark .progression-viz .instrument-switch__thumb{border:1px solid rgba(255,255,255,.22);background:var(--violet);box-shadow:0 11px 20px #895ab76b,inset 0 1px #fff3}body.theme-dark .creator-viz .instrument-switch__button{color:#eceaf78c}body.theme-dark .creator-viz .instrument-switch__button.active{color:#fff}body.theme-dark .progression-viz .instrument-switch__button{color:#eceaf78c}body.theme-dark .progression-viz .instrument-switch__button.active{color:#fff}body.theme-dark .creator-viz .play-chord-btn,body.theme-dark .creator-row .btn.violet{background:var(--violet);color:#fff;margin:0}body.theme-dark .creator-actions{border-top:1px solid var(--line);padding-top:14px}body.theme-dark .creator-bar-count{background:#202434;border:1px solid var(--line)}body.theme-dark .creator-viz .piano{border-color:var(--line);background:#171a24;box-shadow:inset 0 0 0 1px #ffffff08}body.theme-dark .progression-strip{border-color:var(--line)}body.theme-dark .chord-block{border-color:var(--line);background:#171a24}body.theme-dark .chord-block:hover{border-color:var(--line);background:#1f2332}body.theme-dark .chord-block.active{border-color:#f3c96b7a;background:linear-gradient(180deg,#58451fe6,#392e16f5);box-shadow:0 1px #ffffff0a inset,0 12px 28px #00000047}a,button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}.clickable-card,.trend-item,.contributor-item,.filter-tag,.btn,.brand-button,.instrument-switch__button,.creator-guitar-fret-button,.piano-white-key,.piano-black-key,.social-link{-webkit-tap-highlight-color:transparent}button{border:0;cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55;transform:none!important;box-shadow:none!important}input[type=range]{--tonebud-range-track-height: 6px;--tonebud-range-track-background: linear-gradient(90deg, var(--violet), rgba(137, 90, 183, .58));--tonebud-range-progress-background: var(--violet);--tonebud-range-thumb-size: 18px;--tonebud-range-thumb-hover-size: 20px;--tonebud-range-thumb-active-size: 16px;--tonebud-range-thumb-background: var(--violet);--tonebud-range-thumb-border: 2px solid rgba(255, 255, 255, .92);--tonebud-range-thumb-shadow: 0 8px 16px rgba(20, 12, 40, .18);--tonebud-range-thumb-hover-shadow: 0 10px 20px rgba(20, 12, 40, .22);--tonebud-range-thumb-active-shadow: 0 5px 12px rgba(20, 12, 40, .18);width:100%;accent-color:var(--violet);box-sizing:border-box;background:transparent;border:0;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}input[type=range]::-webkit-slider-runnable-track{height:var(--tonebud-range-track-height);border-radius:999px;background:var(--tonebud-range-track-background)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--tonebud-range-thumb-size);height:var(--tonebud-range-thumb-size);margin-top:calc((var(--tonebud-range-track-height) - var(--tonebud-range-thumb-size)) / 2);border:var(--tonebud-range-thumb-border);border-radius:999px;background:var(--tonebud-range-thumb-background);box-shadow:var(--tonebud-range-thumb-shadow);transition:width .12s ease,height .12s ease,margin-top .12s ease,box-shadow .12s ease,background .12s ease}input[type=range]::-moz-range-track{height:var(--tonebud-range-track-height);border:0;border-radius:999px;background:var(--tonebud-range-track-background)}input[type=range]::-moz-range-progress{height:var(--tonebud-range-track-height);border:0;border-radius:999px;background:var(--tonebud-range-progress-background)}input[type=range]::-moz-range-thumb{width:var(--tonebud-range-thumb-size);height:var(--tonebud-range-thumb-size);border:var(--tonebud-range-thumb-border);border-radius:999px;background:var(--tonebud-range-thumb-background);box-shadow:var(--tonebud-range-thumb-shadow);transition:width .12s ease,height .12s ease,box-shadow .12s ease,background .12s ease}@media(hover:hover)and (pointer:fine){input[type=range]:hover::-webkit-slider-thumb{width:var(--tonebud-range-thumb-hover-size);height:var(--tonebud-range-thumb-hover-size);margin-top:calc((var(--tonebud-range-track-height) - var(--tonebud-range-thumb-hover-size)) / 2);box-shadow:var(--tonebud-range-thumb-hover-shadow)}input[type=range]:hover::-moz-range-thumb{width:var(--tonebud-range-thumb-hover-size);height:var(--tonebud-range-thumb-hover-size);box-shadow:var(--tonebud-range-thumb-hover-shadow)}}input[type=range]:active::-webkit-slider-thumb{width:var(--tonebud-range-thumb-active-size);height:var(--tonebud-range-thumb-active-size);margin-top:calc((var(--tonebud-range-track-height) - var(--tonebud-range-thumb-active-size)) / 2);box-shadow:var(--tonebud-range-thumb-active-shadow)}input[type=range]:active::-moz-range-thumb{width:var(--tonebud-range-thumb-active-size);height:var(--tonebud-range-thumb-active-size);box-shadow:var(--tonebud-range-thumb-active-shadow)}.topbar{position:sticky;top:0;z-index:60;isolation:isolate;overflow:hidden;background:#ffffff1a;backdrop-filter:blur(26px) saturate(1.35);-webkit-backdrop-filter:blur(26px) saturate(1.35);max-height:140px;transition:max-height .18s ease,opacity .18s ease,transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease;will-change:transform,opacity}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-bottom:1px solid #c5bcda;background:#ffffff0f;pointer-events:none}.topbar--hidden{max-height:0;opacity:0;transform:translateY(-100%);pointer-events:none}.topbar--hidden:before{border-bottom-color:transparent}.topbar-inner{position:relative;z-index:1;transition:min-height .18s ease,padding .18s ease}.topbar--hidden .topbar-inner{min-height:0;padding-top:0;padding-bottom:0}@media(min-width:901px){.topbar:before{border-bottom-color:#c5bcda;background:#ffffff0f}body.theme-dark .topbar:before{border-bottom-color:#2a2e3db8;background:#11131c1a}}.admin-section--wide{grid-column:1 / -1}.messages-bubble__head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.messages-bubble__report{flex:0 0 auto;align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:4px;border-radius:10px;background:transparent;color:var(--muted);transition:background-color .14s ease,color .14s ease,filter .14s ease}.messages-bubble__report:hover{background:#7f7f7f1a;color:var(--ink);filter:brightness(1.06)}body.theme-dark .messages-bubble__report:hover{background:#7f7f7f29;color:var(--ink)}.admin-message-report__body{word-break:break-word;overflow-wrap:anywhere}@media(hover:hover)and (pointer:fine){.btn:hover,.burger-menu button:hover{background:#ece7f2;box-shadow:none;transform:none}body.theme-dark .btn:hover,body.theme-dark .burger-menu button:hover{background:#222738}.btn.primary:hover{box-shadow:none}body.theme-dark .btn.primary:hover{background:#262a3b}.btn.violet:hover,.btn.blue:hover,.btn.create-btn:hover,.burger-menu .create-btn:hover,body.theme-dark .btn.violet:hover,body.theme-dark .btn.blue:hover,body.theme-dark .btn.create-btn:hover,body.theme-dark .burger-menu .create-btn:hover{background:var(--violet-hover);box-shadow:none}.btn.blue:hover{background:#7795ff}body.theme-dark .btn.blue:hover{background:#4b6de8}.btn.active:hover{background:#efebf6;box-shadow:none}body.theme-dark .btn.active:hover{background:#24283a}.filter-tag:not(.active):hover{background:var(--soft)}body.theme-dark .filter-tag:not(.active):hover{border-color:var(--line);background:#202434;color:var(--ink);box-shadow:none}.theme-toggle:hover .theme-toggle__track,.filter-any-toggle__switch:hover .filter-any-toggle__track{border-color:var(--line);box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #0c08120d}.theme-toggle.btn:hover,.theme-toggle.btn:active,.theme-toggle.btn.active{background:transparent!important;box-shadow:none!important}body.theme-dark .theme-toggle:hover .theme-toggle__track,body.theme-dark .filter-any-toggle__switch:hover .filter-any-toggle__track{border-color:var(--line);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000080}body.theme-dark .theme-toggle.btn:hover,body.theme-dark .theme-toggle.btn:active,body.theme-dark .theme-toggle.btn.active{background:transparent!important;box-shadow:none!important}.theme-toggle:hover .theme-toggle__thumb,.filter-any-toggle__switch:hover .filter-any-toggle__thumb{box-shadow:0 7px 14px #140c282e;filter:brightness(1.03)}.instrument-switch__controls:hover{border-color:#895ab73d;box-shadow:inset 0 1px #ffffffc7,inset 0 -1px #0c08120d}body.theme-dark .instrument-switch__controls:hover{border-color:#a579cf3d;box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000080}.instrument-switch__controls:hover .instrument-switch__thumb{box-shadow:0 11px 18px #140c282e;filter:brightness(1.04)}body.theme-dark .instrument-switch__controls:hover .instrument-switch__thumb{box-shadow:0 11px 20px #895ab775;filter:brightness(1.05)}.instrument-switch__controls:hover .instrument-switch__button{color:#2925309e;opacity:.86}.instrument-switch__controls:hover .instrument-switch__button.active{color:#fff;opacity:1}body.theme-dark .instrument-switch__controls:hover .instrument-switch__button{color:#eceaf7b8}body.theme-dark .instrument-switch__controls:hover .instrument-switch__button.active{color:#fff}.feed-card:hover,.clickable-card:hover,.library-item.clickable-card:hover,.profile-progression-link:hover,.messages-search-result:not(.active):hover,.messages-thread-card:not(.active):hover,.admin-home-card:hover,.admin-user-card:not(.active):hover,.admin-message-card:hover,.trend-item:hover,.contributor-item:hover,.creator-slot:not(.active):hover,.creator-slot--add:hover,.chord-block:not(.active):hover{border-color:var(--line);background:linear-gradient(180deg,#fffffffa,#f4f0f8fa);box-shadow:none}body.theme-dark .feed-card:hover,body.theme-dark .clickable-card:hover,body.theme-dark .library-item.clickable-card:hover,body.theme-dark .profile-progression-link:hover,body.theme-dark .messages-search-result:not(.active):hover,body.theme-dark .messages-thread-card:not(.active):hover,body.theme-dark .admin-home-card:hover,body.theme-dark .admin-user-card:not(.active):hover,body.theme-dark .admin-message-card:hover,body.theme-dark .trend-item:hover,body.theme-dark .contributor-item:hover,body.theme-dark .creator-slot:not(.active):hover,body.theme-dark .creator-slot--add:hover,body.theme-dark .chord-block:not(.active):hover{border-color:var(--line);background:var(--surface-soft-bg);box-shadow:none}.progression-card__flag:hover,.detail-report-btn:hover,.library-item__actions .btn:hover,.profile-panel .btn:hover,.admin-actions .btn:hover,.profile-panel__actions .btn:hover,.detail-header__actions .btn:hover,.profile-avatar-form__actions .btn:hover,.social-row .btn:hover,.creator-slot-remove:hover:not(:disabled),.creator-slot-timing:hover,.play-chord-btn:hover,.messages-profile-link:hover{background:#ece7f2;box-shadow:none;transform:none}body.theme-dark .progression-card__flag:hover,body.theme-dark .detail-report-btn:hover,body.theme-dark .library-item__actions .btn:hover,body.theme-dark .profile-panel .btn:hover,body.theme-dark .admin-actions .btn:hover,body.theme-dark .profile-panel__actions .btn:hover,body.theme-dark .detail-header__actions .btn:hover,body.theme-dark .profile-avatar-form__actions .btn:hover,body.theme-dark .social-row .btn:hover,body.theme-dark .creator-slot-remove:hover:not(:disabled),body.theme-dark .creator-slot-timing:hover,body.theme-dark .play-chord-btn:hover,body.theme-dark .messages-profile-link:hover{background:#222738}.library-item.clickable-card:hover,body.theme-dark .library-item.clickable-card:hover{box-shadow:var(--surface-shadow-hover)}.profile-avatar-picker:hover:before,.profile-avatar-picker:focus-visible:before{background:#0000006b}.profile-avatar-picker:hover .profile-avatar-picker__overlay,.profile-avatar-picker:focus-visible .profile-avatar-picker__overlay{opacity:1;background:#0000001f}}.topbar-inner,.app-shell--browse,.app-shell__content{max-width:1180px;margin:0 auto;padding-right:18px;padding-left:18px}.app-shell{width:100%}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:var(--topbar-height);padding-top:18px;padding-bottom:18px}.brand{display:flex;align-items:center;min-width:0;gap:0}.brand-button{display:inline-flex;align-items:center;justify-content:flex-start;max-width:100%;padding:0;background:transparent;color:inherit;text-align:left}.brand-wordmark{display:flex;align-items:center;flex:0 0 auto;min-width:0}.brand-wordmark__name{color:var(--ink);font-family:var(--font-display);font-size:clamp(21px,2.4vw,29px);font-weight:700;letter-spacing:-.055em;line-height:1;white-space:nowrap}.brand-wordmark img.brand-wordmark__mark,.footer-wordmark img.brand-wordmark__mark{display:block;width:18px;height:auto;margin-left:3px;flex:0 0 18px}.brand-mark{display:none;width:40px;flex:0 0 40px;min-width:0}.brand-mark img{display:block;width:100%;height:auto}.brand-beta{display:inline-flex;align-items:center;min-height:20px;margin-left:8px;padding:2px 7px;border:1px solid rgba(116,77,184,.24);border-radius:999px;background:#f2ecfb;color:#7047b8;font-size:9px;font-weight:850;letter-spacing:.09em;line-height:1;text-transform:uppercase;box-shadow:inset 0 1px #fffc}body.theme-dark .brand-beta{border-color:#bb9df442;background:#29243d;color:#d2c2ef;box-shadow:inset 0 1px #ffffff0d}.top-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:11px 15px;background:var(--soft);color:var(--ink);font-family:var(--font-ui);font-weight:850;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.login-btn{background:transparent;box-shadow:none}.theme-toggle{min-width:132px;justify-content:center;gap:8px;padding-inline:12px;background:transparent;box-shadow:none}.theme-toggle:hover,.theme-toggle:active,.theme-toggle.active,.top-actions>.btn.theme-toggle:hover,.top-actions>.btn.theme-toggle:active,.top-actions>.btn.theme-toggle.active,body.theme-dark .theme-toggle,body.theme-dark .theme-toggle:hover,body.theme-dark .theme-toggle:active,body.theme-dark .theme-toggle.active,body.theme-dark .top-actions>.btn.theme-toggle:hover,body.theme-dark .top-actions>.btn.theme-toggle:active,body.theme-dark .top-actions>.btn.theme-toggle.active{background:transparent;box-shadow:none}.theme-toggle--menu{width:100%;min-width:0}.theme-toggle__icon{display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px;color:var(--muted);transition:color .18s ease,opacity .18s ease}.theme-toggle__icon svg{width:16px;height:16px}.theme-toggle__switch{position:relative;display:inline-flex;align-items:center;flex:0 0 auto}.theme-toggle__track{position:relative;width:46px;height:24px;border:1px solid rgba(20,12,40,.12);border-radius:999px;background:linear-gradient(180deg,#f7f8fb,#e3e8ef);box-shadow:inset 0 1px #ffffffbd,inset 0 -1px #0c08120a;transition:background .14s cubic-bezier(.4,0,.2,1),border-color .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover .theme-toggle__track{border-color:#895ab752;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #0c08120d,0 0 0 1px #895ab70d}.theme-toggle__thumb{position:absolute;top:50%;left:25px;width:18px;height:18px;border-radius:999px;background:linear-gradient(180deg,#fff,#dfe4ee);box-shadow:0 7px 14px #140c282e;transform:translateY(-50%);transition:left .14s cubic-bezier(.4,0,.2,1),background .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover .theme-toggle__thumb{box-shadow:0 8px 16px #140c2833}.theme-toggle.is-dark .theme-toggle__track{border-color:#a88cff47;background:linear-gradient(180deg,#2a3042,#1b2030);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000094}.theme-toggle.is-dark .theme-toggle__thumb{left:3px;background:var(--violet)}.theme-toggle.is-light .theme-toggle__thumb{left:calc(100% - 21px)}.theme-toggle.is-dark .theme-toggle__icon--left,.theme-toggle.is-light .theme-toggle__icon--right{color:var(--violet);opacity:1}.theme-toggle.is-dark .theme-toggle__icon--right,.theme-toggle.is-light .theme-toggle__icon--left{color:var(--muted);opacity:.72}@media(min-width:761px),(max-width:960px)and (orientation:landscape){.top-actions>.btn.theme-toggle .theme-toggle__icon--right{transform:translate(3px)}}.btn.primary{background:var(--dark);color:#fff}.btn.violet{background:var(--violet);color:#fff}.btn.violet:disabled,.btn.create-btn:disabled{background:var(--violet);color:#fff}.btn.blue{background:#5f81ff;color:#fff}.btn.create-btn,.burger-menu .create-btn{position:relative;overflow:hidden;background:var(--violet);color:#fff;font-family:var(--font-ui);font-synthesis:none;font-weight:900;letter-spacing:0;text-rendering:geometricPrecision;box-shadow:0 0 0 2px #895ab72e,0 10px 20px #895ab73d}.top-actions>.btn.create-btn{min-height:34px;padding-inline:12px}.btn.create-btn:after,.burger-menu .create-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.18) 42%,transparent 66%);transform:translate(-120%);transition:transform .36s ease}.btn.create-btn:hover:after,.burger-menu .create-btn:hover:after,.btn.create-btn:focus-visible:after,.burger-menu .create-btn:focus-visible:after{transform:translate(120%)}.btn.create-btn>*,.burger-menu .create-btn>*{position:relative;z-index:1}.btn.active{background:#fff;box-shadow:none}body.theme-dark .btn.blue{background:#3557d9;color:#fff}.top-actions>.btn.header-browse-btn.active,.top-actions>.btn.header-library-btn.active,.top-actions>.btn.header-messages-btn.active,.top-actions>.btn.header-profile-btn.active{border:2px solid var(--violet);background:#e9ddf5;color:#251334;box-shadow:none}body.theme-dark .top-actions>.btn.header-browse-btn.active,body.theme-dark .top-actions>.btn.header-library-btn.active,body.theme-dark .top-actions>.btn.header-messages-btn.active,body.theme-dark .top-actions>.btn.header-profile-btn.active{border:2px solid var(--violet);background:#33263f;color:#f7efff;box-shadow:none}.btn.small{padding:8px 11px;font-size:13px}.trend-item,.contributor-item,.progression-token-box,.piano,.chord-diagram,.creator-slot,.meta span,.filter-any-toggle{font-family:var(--font-ui)}.top-actions>.btn,.burger-menu button{font-family:var(--font-ui)}.top-actions>.btn{min-height:34px;padding-top:5px;padding-bottom:5px}.btn.danger{color:var(--danger)}.btn.passive{cursor:default}.icon-btn{white-space:nowrap}.runtime-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:999px;padding:8px 11px;background:#ffffffb8;color:var(--muted);font-size:12px;font-weight:850}.status-dot{display:inline-block;width:8px;height:8px;border-radius:999px;background:var(--green)}.status-dot.offline{background:var(--amber)}.burger-btn{display:none;width:36px;height:36px;place-items:center;border-radius:999px;background:var(--soft);color:var(--ink)}.burger-btn--hidden{visibility:hidden;pointer-events:none}.burger-btn--topbar{position:absolute;top:50%;right:18px;z-index:3;transform:translateY(-50%)}.burger-menu{position:fixed;top:72px;right:18px;z-index:30;display:grid;min-width:190px;gap:8px;border:1px solid var(--line);border-radius:18px;padding:10px;background:#fff;box-shadow:var(--shadow)}.burger-menu button{border-radius:14px;min-height:34px;padding:7px 12px;background:var(--soft);color:var(--ink);font-weight:850;text-align:left}.burger-menu .theme-toggle{min-width:0;justify-content:center}.feed-main,.detail-view,.creator-page,.admin-page,.messages-page,.profile-page,.library-page,.support-page{margin-top:24px;padding-bottom:56px}.panel,.card{border:1px solid rgba(228,223,239,.95);border-radius:var(--radius);background:var(--card);background-clip:padding-box;box-shadow:var(--surface-shadow)}.panel{padding:18px}.detail-card{box-shadow:none}.browse-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,.85fr);gap:22px;align-items:start;min-height:0}.browse-feed-panel{display:grid;gap:22px;border-color:#c5bcda;background:var(--surface-panel-bg);background-clip:padding-box;box-shadow:none;min-width:0;min-height:0}.browse-feed-column{min-width:0;min-height:0;padding-top:0}.browse-feed-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.browse-feed-copy{min-width:0}.section-kicker{font-family:var(--font-display);color:var(--violet);font-size:11px;font-weight:500;letter-spacing:0;text-transform:uppercase}.browse-title{font-family:var(--font-display);margin:6px 0 0;font-size:clamp(32px,5vw,58px);line-height:.95;letter-spacing:-.03em}.browse-feed-copy p{margin:12px 0 0;color:var(--muted);font-size:14px;font-weight:500;letter-spacing:0}.browse-feed-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.browse-feed-stat{display:grid;gap:2px;min-width:92px;border:1px solid var(--line);border-radius:18px;padding:10px 12px;background:#faf9ff;box-shadow:0 8px 18px #140c280a}.browse-feed-stat strong{color:var(--ink);font-size:22px;line-height:1;font-weight:900}.browse-feed-stat span{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0;text-transform:uppercase}.feed-controls-shell{border:1px solid #c5bcda;border-radius:24px;padding:14px;background:var(--surface-panel-bg-alt);background-clip:padding-box}.browse-sidebar{display:grid;align-content:start;grid-auto-rows:max-content;gap:14px;align-self:start;padding:0 4px 0 0;min-height:0}.sidebar-section{display:grid;gap:14px;border-color:#c5bcda;background:var(--surface-panel-bg-alt);background-clip:padding-box;box-shadow:none;padding:16px}.sidebar-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.sidebar-head h2{font-family:var(--font-display);margin:4px 0 0;font-size:22px;line-height:1;letter-spacing:-.05em}.sidebar-badge{display:inline-flex;justify-content:center;align-items:center;gap:6px;min-width:92px;border-radius:999px;padding:7px 10px;background:var(--soft);color:var(--violet);font-size:11px;font-weight:500;letter-spacing:0;text-align:center;text-transform:uppercase}.sidebar-list{display:grid;gap:10px}.sidebar-list--trending{min-height:0}.sidebar-list--contributors{gap:10px}.trend-item,.contributor-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;width:100%;border:1px solid #c5bcda;border-radius:20px;padding:12px;background:#fff;background-clip:padding-box;box-shadow:none;color:inherit;text-align:left;font-family:var(--font-ui);transition:background .18s ease,border-color .18s ease,color .18s ease}.trend-item,.contributor-item{align-items:start}.trend-item:focus-visible,.contributor-item:focus-visible,.clickable-card:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.trend-copy,.contributor-copy{display:grid;gap:4px;min-width:0}.trend-copy strong,.contributor-copy strong{font-family:var(--font-ui);font-size:15px;font-weight:900;line-height:1.1}.feed-card h3,.trend-copy strong,.contributor-focus,.detail-header h1,.browse-title{letter-spacing:-.02em}.trend-kicker,.trend-author,.trend-meta,.trend-profile-tag,.contributor-meta,.contributor-focus{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}.contributor-focus{color:var(--ink);font-weight:850}.trend-profile-tag{display:inline-flex;align-items:center;justify-content:center;gap:3px;width:fit-content;border:1px solid rgba(109,74,255,.16);border-radius:999px;padding:2px 6px;background:#6d4aff1a;color:var(--violet);font-size:9px;font-weight:900;letter-spacing:.05em;line-height:1;text-transform:uppercase;white-space:nowrap}.trend-stats{display:grid;gap:8px;align-self:start}.trend-score{display:inline-flex;align-items:center;gap:5px;width:auto;min-width:0;min-height:46px;border-radius:16px;padding:6px 10px;background:var(--soft);color:var(--ink);font-family:var(--font-ui);font-size:10px;font-weight:900;text-align:center;white-space:nowrap}.contributor-chip{display:inline-grid;place-items:center;width:70px;min-width:70px;min-height:46px;border-radius:16px;padding:6px 8px;font-family:var(--font-ui);font-size:10px;font-weight:900;text-align:center}.trend-score__icon{display:inline-flex;flex:0 0 auto;color:currentColor;opacity:.72}.trend-score strong{font-size:13px;line-height:1}.trend-score--downloads,.trend-score--shares{background:var(--soft)}.contributor-chip{background:var(--soft);color:var(--ink)}.contributor-item .rank-chip{justify-self:start}.rank-chip,.role-chip,.status-chip{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:var(--soft);color:var(--ink);font-size:11px;font-weight:900;letter-spacing:-.02em;line-height:1;white-space:nowrap}.status-chip__icon{flex:0 0 auto}.rank-chip--newcomer{background:#eef2ff;color:#3550d6;border-color:#3550d629}.rank-chip--builder{background:#e4f6ff;color:#0a6986;border-color:#0a698629}.rank-chip--contributor{background:#e7f8ec;color:#176a45;border-color:#176a4529}.rank-chip--composer{background:#fff1d7;color:#9a5e00;border-color:#9a5e0029}.rank-chip--curator{background:#f2e8ff;color:#6d28d9;border-color:#6d28d929}.rank-chip--maestro{background:#ffe6ee;color:#a61b4d;border-color:#a61b4d29}.role-chip--member{background:var(--soft);color:var(--muted)}.role-chip--moderator{background:#eef2ff;color:#3550d6;border-color:#3550d629}.role-chip--admin{background:#171426;color:#fff;border-color:#6d4aff3d}.role-chip__icon{flex:0 0 auto}.status-chip--live{background:#e7f8ec;color:#176a45;border-color:#176a4529}.status-chip--draft{background:#f1ecff;color:var(--violet);border-color:#6d4aff29}.status-chip--neutral{background:#faf9ff;color:var(--muted)}.status-chip--generated{border-color:#c290342e;background:#c290341f;color:#9a6d1e}.status-chip--advanced{border-color:#895ab72e;background:#895ab71f;color:#7f52a8}.avatar-bubble{display:inline-grid;flex-shrink:0;place-items:center;width:40px;height:40px;border:1px solid rgba(109,74,255,.12);border-radius:999px;overflow:hidden;color:#261b36;font-size:12px;font-weight:900;letter-spacing:-.04em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff85}.avatar-bubble--sm{width:36px;height:36px;font-size:11px}.avatar-bubble--xs{width:28px;height:28px;font-size:9px}.avatar-bubble--xl{width:96px;height:96px;font-size:30px}.avatar-bubble__image{display:block;width:100%;height:100%;object-fit:cover}.contribution-line{display:inline-flex;align-items:center;gap:10px;margin-top:12px;color:var(--muted);font-size:12px;font-weight:700}.contribution-copy{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:4px}.contribution-copy strong{color:var(--ink)}.contribution-copy__label{white-space:nowrap}.contribution-copy__tag{display:inline-flex;align-items:center;justify-content:center;gap:3px;border:1px solid rgba(109,74,255,.16);border-radius:999px;padding:2px 6px;background:#6d4aff1a;color:var(--violet);font-size:9px;font-weight:900;letter-spacing:.05em;line-height:1;text-transform:uppercase;white-space:nowrap}.contribution-copy__tag--violet{border-color:#895ab72e;background:#895ab71f;color:#7f52a8}.contribution-copy__tag--gold{border-color:#c290342e;background:#c290341f;color:#9a6d1e}.contribution-copy__tag--blue{border-color:#4b81bf2e;background:#4b81bf1f;color:#3f69a8}.contribution-copy__tag--green{border-color:#238d662e;background:#238d661f;color:#1f7f5c}.contribution-copy__tag--rose{border-color:#bf5b782e;background:#bf5b781f;color:#a54f6a}.contribution-copy__tag--slate{border-color:#666d8b2e;background:#666d8b1f;color:#5c647f}body.theme-dark .contribution-copy__tag--violet{color:#dbcaf5}body.theme-dark .contribution-copy__tag--gold{color:#f0d48d}body.theme-dark .contribution-copy__tag--blue{color:#b7d3ff}body.theme-dark .contribution-copy__tag--green{color:#bdf4da}body.theme-dark .contribution-copy__tag--rose{color:#ffc4d5}body.theme-dark .contribution-copy__tag--slate{color:#d4d8ea}.contributor-copy__line{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.contribution-line--card{margin-top:10px;font-size:11px}.detail-contribution{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;margin-top:12px;color:var(--muted);font-size:13px;font-weight:700;width:100%}.detail-contribution__copy-wrap{display:grid;gap:4px;min-width:0;width:100%}.detail-contribution__tag{justify-self:start}.detail-contribution__copy strong{color:var(--ink)}.detail-contribution__posted{color:var(--muted);font-size:11px;font-weight:700;letter-spacing:.01em}.detail-contribution__posted time{color:var(--ink);font-weight:800}.detail-contribution__copy,.contribution-copy--button,.messages-profile-link{display:inline-flex;align-items:center;gap:6px;color:inherit;font:inherit;text-align:left}.contribution-copy--button,.messages-profile-link{border:0;padding:0;background:transparent}.messages-profile-link{border-radius:14px;padding:8px 10px;cursor:pointer;transition:background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}.filter-any-toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:11px;font-weight:500;letter-spacing:0;text-transform:uppercase;white-space:nowrap;cursor:pointer}.filter-any-toggle__switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.filter-any-toggle__switch input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.filter-any-toggle__track{position:relative;width:46px;height:24px;border:1px solid rgba(20,12,40,.12);border-radius:999px;background:linear-gradient(180deg,#f7f8fb,#e3e8ef);box-shadow:inset 0 1px #ffffffbd,inset 0 -1px #0c08120a;transition:background .14s cubic-bezier(.4,0,.2,1),border-color .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1);cursor:pointer}.filter-any-toggle__switch:hover .filter-any-toggle__track{border-color:#6d4aff52;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #0c08120d,0 0 0 1px #6d4aff0d}.filter-any-toggle__thumb{position:absolute;top:50%;left:25px;width:18px;height:18px;border-radius:999px;background:#fff;box-shadow:0 7px 14px #140c282e;transform:translateY(-50%);transition:left .14s cubic-bezier(.4,0,.2,1),background .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1);cursor:pointer}.filter-any-toggle__switch:hover .filter-any-toggle__thumb{box-shadow:0 8px 16px #140c2833}.filter-any-toggle__switch.is-on .filter-any-toggle__track{background:linear-gradient(180deg,#f6f7fa,#dfe5ee)}.filter-any-toggle__switch.is-on .filter-any-toggle__thumb{left:3px}.load-sentinel{display:grid;justify-items:center;gap:8px;padding:16px;color:var(--muted);font-weight:850;text-align:center}.load-sentinel p{margin:0}.section-head{display:grid;grid-template-columns:minmax(240px,.68fr) minmax(320px,1fr);gap:18px;align-items:start;margin-bottom:14px}.section-head h1,.section-head h2{margin:0;font-size:clamp(30px,6vw,56px);line-height:.98;letter-spacing:-.065em}.section-head p{margin:12px 0 0;color:var(--muted);font-size:14px;font-weight:650}.feed-controls{display:grid;gap:10px}.tag-feed-controls{gap:14px}.tag-feed-controls .filter-tag{min-width:32px;min-height:32px;padding:0 12px}.search,.field{width:100%;border:1px solid var(--line);border-radius:16px;outline:none;background:#fff;font-weight:700;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.search{min-width:260px;border-radius:999px;padding:12px 16px}.field{padding:9px 13px;border-radius:18px}.profile-name-form__field .field{height:44px;min-height:44px;border-radius:999px}.field--invalid{border-color:#d94848d1;background:#fff0f0fa;box-shadow:0 0 0 1px #d9484814}body.theme-dark .field--invalid{border-color:#ff7575c7;background:#3a191dfa;box-shadow:0 0 0 1px #ff757514}.field-stack{display:grid;gap:6px}.field-label{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.field-feedback{margin:0;font-size:12px;font-weight:700;line-height:1.4;animation:fieldFeedbackSlideIn .16s ease}.field-feedback--error{color:var(--danger)}.field-feedback--helper{color:var(--muted)}.field-feedback--list{display:grid;gap:4px;padding-left:18px;color:var(--muted);animation:fieldFeedbackSlideIn .16s ease}.field-feedback--list li{margin:0;animation:fieldFeedbackSlideIn .16s ease}@keyframes fieldFeedbackSlideIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.creator-chord-name-field{position:relative;display:grid;align-items:center}.creator-chord-name-field .field{margin-bottom:0;padding-right:34px}.creator-chord-name-field__edit{position:absolute;right:11px;top:50%;display:inline-grid;place-items:center;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--violet);box-shadow:none;transform:translateY(-50%);isolation:isolate;transition:color .18s ease}.creator-chord-name-field__edit:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;z-index:-1;border-radius:999px;background:#895ab724;opacity:0;transition:opacity .18s ease,background-color .18s ease}.creator-chord-name-field__edit:hover{color:#17110a}.creator-chord-name-field__edit:hover:before,.creator-chord-name-field__edit:focus-visible:before{opacity:1}.creator-chord-name-field__edit:focus-visible{outline:2px solid rgba(109,74,255,.28);outline-offset:2px}.creator-chord-name-field.is-editable .creator-chord-name-field__edit{color:#17110a}.creator-chord-name-field.is-locked .field[readonly]{cursor:default;color:var(--muted)}.creator-chord-name-field--viz{grid-column:2;z-index:8;width:clamp(158px,34vw,214px);justify-self:center;margin-inline:auto;color:#4e2600}.creator-chord-name-field--viz .creator-chord-name-field__stack{min-width:0}.creator-chord-name-field--viz .creator-chord-name-field__input{min-height:40px;width:100%;border:1px solid rgba(122,72,0,.52);border-radius:16px 16px 0 0;padding:7px 34px 7px 14px;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.48),transparent 42%),linear-gradient(180deg,#ffd86f,#ffb53f 46%,#e97e0b);background-clip:padding-box;color:inherit;box-shadow:inset 0 1px #ffffff8f,inset 0 -2px #84460042,0 9px 18px #643a002e;font-size:clamp(12px,2.2vw,15px);font-weight:700;line-height:1;text-align:center;text-shadow:0 1px 0 rgba(255,255,255,.24)}.creator-chord-name-field--viz .creator-chord-name-field__input[readonly]{color:inherit}.creator-chord-name-field--viz .creator-chord-name-field__edit{right:8px;color:inherit}.creator-chord-name-field--viz.is-locked .creator-chord-name-field__edit,.creator-chord-name-field--viz.is-editable .creator-chord-name-field__edit,.creator-chord-name-field--viz .creator-chord-name-field__edit:hover{color:inherit}.creator-chord-name-field--viz .creator-chord-name-field__edit svg{width:18px;height:18px;stroke-width:1.9}body.theme-dark .creator-chord-name-field--viz .creator-chord-name-field__input{border-color:#9b5400b3;background:radial-gradient(circle at 50% 8%,rgba(255,255,255,.2),transparent 44%),linear-gradient(180deg,#ffbc4d,#ff9f24 46%,#d67200);color:#3b1d00}body.theme-dark .creator-chord-name-field--viz .creator-chord-name-field__input[readonly],body.theme-dark .creator-chord-name-field--viz .creator-chord-name-field__edit,body.theme-dark .creator-chord-name-field--viz .creator-chord-name-field__edit:hover{color:#3b1d00}.creator-chord-name-field--viz .field-feedback{position:absolute;top:calc(100% + 5px);left:50%;width:max-content;max-width:min(320px,calc(100vw - 44px));transform:translate(-50%);padding:6px 10px;border-radius:999px;background:#fffffff5;box-shadow:0 10px 22px #3423541f;text-align:center}select{border:1px solid var(--line);border-radius:14px;outline:none;background:#fff;color:var(--ink);font:inherit;font-weight:700;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:12px 13px;box-shadow:0 6px 14px #140c280d;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}.search:hover,.field:hover,select:hover,textarea:hover{border-color:var(--line);background:#fbfbfd;box-shadow:none}select:focus-visible{border-color:#6d4aff73;box-shadow:0 0 0 3px #6d4aff1f}select option{background:#fff;color:var(--ink)}select option:checked{background:#6d4aff14}.compact-select{width:auto;min-width:116px;margin-bottom:0}.tag-filter-group{display:grid;min-width:0;max-width:100%;gap:8px;padding-top:0}.tag-filter-group+.tag-filter-group{padding-top:12px;margin-top:0;border-top:1px solid rgba(228,223,239,.95)}body.theme-dark .tag-filter-group+.tag-filter-group{border-top-color:#ffffff14}.filter-caption{font-family:var(--font-display);color:var(--ink);font-size:13px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.tag-options--difficulty .filter-tag{min-width:64px;justify-content:center;text-transform:uppercase}.tag-options{display:flex;flex-wrap:wrap;gap:7px;min-width:0;max-width:100%}.tag-options--mood,.tag-options--key{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:min(100%,760px);padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tag-options--mood .filter-tag,.tag-options--key .filter-tag{flex:0 0 auto}.tag-options--mood-desktop{flex-wrap:nowrap;overflow:hidden;max-width:100%;padding-bottom:0}.tag-options--mood-desktop .filter-tag{flex:0 0 auto}.tag-options--key .filter-tag:not(.more-tag){min-width:30px;width:30px;height:30px;min-height:30px;padding:0;border-radius:999px;justify-content:center;text-align:center;line-height:1}.tag-options--key .filter-tag:first-child{width:auto;min-width:30px;padding-inline:10px}.tag-options--mood::-webkit-scrollbar,.tag-options--key::-webkit-scrollbar{display:none}.tag-options--genre{flex-wrap:nowrap;overflow:hidden;max-width:100%;padding-bottom:0}.tag-options--genre .filter-tag{flex:0 0 auto}.tag-options--genre-expanded{flex-wrap:wrap;overflow:visible;max-width:100%}.tag-options--mood-expanded{max-width:100%;flex-wrap:wrap;overflow:visible}.tag-options--fade-left{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26px,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 26px,#000 100%)}.tag-options--fade-right{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 26px),transparent 100%)}.tag-options--fade-left.tag-options--fade-right{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 26px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 26px,#000 calc(100% - 26px),transparent 100%)}.tag-options--fade-left,.tag-options--fade-right,.tag-options--fade-left.tag-options--fade-right,.scroll-edge-fade--left,.scroll-edge-fade--right,.scroll-edge-fade--left.scroll-edge-fade--right{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.scroll-edge-fade--left{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 100%)}.scroll-edge-fade--right{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%)}.scroll-edge-fade--left.scroll-edge-fade--right{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 calc(100% - 28px),transparent 100%)}.tag-options--sort{flex-wrap:wrap}.tag-options--sort{max-width:100%}.tag-filter-group--sort{min-width:0}.tag-filter-group__sort-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:end;gap:14px;min-width:0}.tag-filter-group__sort-stack{display:grid;grid-template-rows:auto 32px;gap:6px;min-width:0;align-self:end;min-height:54px}.tempo-filter{display:grid;grid-template-columns:auto auto minmax(92px,1fr) auto;align-items:center;gap:8px;min-width:0;margin-left:auto;width:min(100%,320px);align-self:end;height:32px}.tempo-filter__head{display:contents}.tempo-filter__label{min-width:0;overflow:hidden;text-overflow:ellipsis;grid-column:1}.tempo-filter__label,.tempo-filter__value{display:inline-flex;align-items:center;height:32px}.tempo-filter__label,.tempo-filter__value{color:var(--muted);font-size:10px;font-weight:850;letter-spacing:0;text-transform:uppercase;white-space:nowrap}.tempo-filter__value{color:var(--ink);grid-column:4;justify-self:end;width:8ch;justify-content:flex-end;font-variant-numeric:tabular-nums;text-align:right}.tempo-filter__control{position:relative;grid-column:3;grid-row:1;display:grid;align-items:center;min-width:0;height:32px;opacity:.52;filter:saturate(.7);transition:opacity .16s ease}.tempo-filter__control.is-enabled{opacity:1;filter:none}.tempo-filter__control.is-disabled{opacity:.36}.tempo-filter__rail{position:relative;height:8px;border:1px solid rgba(20,12,40,.08);border-radius:999px;overflow:visible;background:linear-gradient(180deg,#ece8f4,#e2dcea);box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0c08120d;pointer-events:none}.tempo-filter__fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--violet)}.tempo-filter__thumb{position:absolute;top:50%;z-index:1;width:18px;height:18px;border:2px solid rgba(255,255,255,.96);border-radius:999px;background:var(--violet);box-shadow:0 8px 16px #140c282e;transform:translate(-50%,-50%);pointer-events:none}.tempo-filter__input{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;margin:0;opacity:0;cursor:pointer}.tempo-filter__input:disabled{cursor:default}.tempo-filter__switch{display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;width:36px;height:20px;flex:0 0 36px;padding:0;border:0;background:transparent}.tempo-filter__switch-track{position:relative;width:34px;height:18px;border:1px solid var(--line);border-radius:999px;background:#e9e5f0;transition:background .16s ease,border-color .16s ease}.tempo-filter__switch-thumb{position:absolute;top:50%;left:3px;width:12px;height:12px;border-radius:999px;background:#fff;box-shadow:0 3px 8px #1e144629;transform:translateY(-50%);transition:left .16s ease,background .16s ease}.tempo-filter__switch.is-on .tempo-filter__switch-track{border-color:var(--violet);background:var(--violet)}.tempo-filter__switch.is-on .tempo-filter__switch-thumb{left:19px}.tag-filter-group__sort-row:focus-within .tempo-filter__rail{border-color:#895ab757;box-shadow:inset 0 1px #ffffffb3,inset 0 -1px #0c08120d,0 0 0 3px #895ab714}.filter-tag{display:inline-flex;align-items:center;justify-content:center;min-height:30px;border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:#fff;color:var(--muted);font-size:11px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:none;transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.filter-tag.active{border-color:var(--violet);background:var(--violet);color:#fff}.filter-tag.more-tag{border-style:dashed;background:#faf9ff;color:var(--violet);flex:0 0 auto}.filter-tag:not(.active):hover{border-color:#6d4aff52;background:var(--violet-soft);color:var(--violet);box-shadow:inset 0 0 0 1px #6d4aff0f}.feed{display:grid;gap:20px}.feed-card{position:relative;z-index:1;min-width:0;border:1px solid #c5bcda;padding:18px;transition:border-color .18s ease,background .18s ease,color .18s ease;overflow:hidden;background:#fff;background-clip:padding-box;box-shadow:none}.feed-card:hover{border-color:var(--line);background:linear-gradient(180deg,#fff,#f7f4ff);box-shadow:var(--surface-shadow-hover)}.clickable-card{text-align:left;background:transparent;color:inherit;cursor:pointer;padding:18px;width:100%;min-width:0}.feed-card.clickable-card{border:1px solid #c5bcda;background:#fff;background-clip:padding-box}.feed-card.clickable-card:hover{border-color:var(--line);background:linear-gradient(180deg,#fff,#f7f4ff)}.clickable-card:focus{border-radius:var(--radius)}.feed-top{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:15px}.feed-top__copy{min-width:0}.classic-label{display:inline-flex;align-items:center;gap:7px;border-radius:999px;margin-bottom:9px;padding:6px 10px;background:#ffd36a29;color:#8b6400;font-size:12px;font-weight:900}.classic-label--blue{background:#5f81ff24;color:#3557d9}.feed-card h3{font-family:var(--font-display);margin:0;font-size:24px;font-weight:900;letter-spacing:-.025em}.feed-card p{margin:7px 0 0;color:var(--muted);font-size:14px;line-height:1.45}.progression-card__flag{gap:6px;padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:var(--soft);color:var(--ink);box-shadow:none;justify-self:end;align-self:start}.progression-card__flag,.detail-report-btn,.btn.danger,.library-item__actions .btn.danger,.profile-panel .btn.danger,.admin-actions .btn.danger{box-shadow:none}.progression-card__flag-label{display:inline}.progression-token-grid,.meta,.social-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px;min-width:0;max-width:100%}.progression-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));grid-auto-flow:dense;gap:8px;width:100%;min-width:0;max-width:100%}.progression-token-grid--preview,.progression-token-grid--probe{grid-template-columns:repeat(var(--preview-chord-count, 4),minmax(0,1fr))}.progression-token-grid--preview>.progression-token-box,.progression-token-grid--probe>.progression-token-box{width:100%;min-width:0;max-width:none}.progression-token-preview{position:relative;width:100%;min-width:0;overflow:hidden}.progression-token-preview:before,.progression-token-preview:after{content:"";position:absolute;top:14px;bottom:0;width:18px;pointer-events:none;opacity:0;transition:opacity .16s ease;z-index:1}.progression-token-preview:before{left:0;background:linear-gradient(90deg,var(--card) 0%,rgba(247,244,255,0) 100%)}.progression-token-preview:after{right:0;background:linear-gradient(270deg,var(--card) 0%,rgba(247,244,255,0) 100%)}.progression-token-preview--fade-left:before{opacity:1}.progression-token-preview--fade-right:after{opacity:1}.progression-token-preview--fade-loop:before,.progression-token-preview--fade-loop:after{opacity:1}.progression-card__tags-wrap{position:relative;isolation:isolate}.progression-card__tags{width:100%}.progression-card__tags-wrap:before,.progression-card__tags-wrap:after,.detail-header__tags-wrap:before,.detail-header__tags-wrap:after{content:"";position:absolute;top:0;bottom:0;width:26px;pointer-events:none;opacity:0;transition:opacity .16s ease;z-index:1}.progression-card__tags-wrap:before,.detail-header__tags-wrap:before{left:0;background:linear-gradient(90deg,var(--card) 0%,rgba(255,255,255,0) 100%)}.progression-card__tags-wrap:after,.detail-header__tags-wrap:after{right:0;background:linear-gradient(270deg,var(--card) 0%,rgba(255,255,255,0) 100%)}.progression-card__tags-wrap.progression-card__tags--fade-left{-webkit-mask-image:none;mask-image:none}.progression-card__tags-wrap.progression-card__tags--fade-left:before{opacity:1}.progression-card__tags-wrap.progression-card__tags--fade-right{-webkit-mask-image:none;mask-image:none}.progression-card__tags-wrap.progression-card__tags--fade-right:after{opacity:1}.progression-card__tags-wrap.progression-card__tags--fade-left.progression-card__tags--fade-right{-webkit-mask-image:none;mask-image:none}.progression-token-scroller{display:block;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-y;margin-top:14px;padding-bottom:2px;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:auto}.progression-token-scroller--static{overflow:hidden;touch-action:auto;overscroll-behavior:auto}.progression-token-scroller__track{display:grid;grid-template-columns:repeat(var(--preview-grid-total, 4),minmax(0,1fr));gap:8px;align-items:stretch;width:var(--preview-scroll-width, 100%);min-width:var(--preview-scroll-width, 100%)}.progression-token-scroller__track .progression-token-box--preview{width:100%;min-width:0;max-width:none}.progression-token-scroller__track .progression-token-box--preview.progression-token-box--preview-wide{width:max-content;min-width:max-content;max-width:none}.progression-token-scroller::-webkit-scrollbar{display:none}.progression-token-grid--probe{position:absolute;inset:0 auto auto 0;visibility:hidden;pointer-events:none}.progression-token-grid--measure{position:absolute;inset:0 auto auto 0;width:100%;margin-top:14px;visibility:hidden;pointer-events:none}.progression-token-marquee{position:relative;width:100%;min-width:0;max-width:100%;overflow:hidden;margin-top:14px;box-sizing:border-box}.progression-token-marquee--measure{position:absolute;inset:0 auto auto 0;width:100%;margin-top:14px;visibility:hidden;pointer-events:none}.progression-token-marquee__track{position:relative;display:inline-flex;align-items:center;width:max-content;gap:0;flex-wrap:nowrap;white-space:nowrap}.progression-token-marquee:not(.progression-token-marquee--measure)>.progression-token-marquee__track{backface-visibility:hidden;transform:translateZ(0);will-change:transform}.progression-token-marquee__unit{display:inline-flex;align-items:center;flex:0 0 auto;min-width:max-content;white-space:nowrap}.progression-token-marquee__sequence{display:flex;align-items:center;flex:0 0 auto;min-width:max-content;flex-wrap:nowrap;gap:10px;padding-inline:10px;white-space:nowrap}.progression-token-box--marquee{flex:0 0 92px;width:92px;min-width:92px;max-width:92px}.progression-token-marquee__repeat{display:grid;flex:0 0 24px;place-items:center;height:24px;width:24px;margin:0 10px;padding:0;border:1px solid rgba(109,74,255,.16);border-radius:999px;background:#6d4aff1a;color:var(--violet);box-sizing:border-box;z-index:2;pointer-events:none}.progression-token-marquee__repeat--ghost{visibility:hidden}@keyframes progressionMarquee{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--progression-marquee-shift, 0px)))}}.progression-token-box{display:grid;align-content:start;gap:2px;min-width:0;border:1px solid var(--line);border-radius:14px;padding:8px 10px 9px;background:#fff;box-shadow:none;font-family:var(--font-ui);text-align:center}.progression-token-box--preview{min-width:var(--progression-preview-width, 92px);width:var(--progression-preview-width, 92px);max-width:var(--progression-preview-width, 92px);white-space:nowrap}.progression-token-box--preview-wide{width:max-content;max-width:none}.progression-token-roman{min-height:1em;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:none;transform:translateY(-1px)}.progression-token-chord{display:block;min-width:0;color:var(--ink);font-size:14px;font-weight:900;line-height:1.1;letter-spacing:0;white-space:nowrap}.auto-marquee-text{position:relative;display:block;width:100%;min-width:0;max-width:100%;overflow:hidden}.auto-marquee-text:before,.auto-marquee-text:after{display:none}.auto-marquee-text:before{left:0;background:linear-gradient(90deg,currentColor 0%,rgba(255,255,255,0) 100%)}.auto-marquee-text:after{right:0;background:linear-gradient(270deg,currentColor 0%,rgba(255,255,255,0) 100%)}.auto-marquee-text--fade-left:before,.auto-marquee-text--fade-right:after{opacity:0}.auto-marquee-text__scroller{display:block;min-width:0;max-width:100%;overflow:hidden;scrollbar-width:none;white-space:nowrap}.auto-marquee-text--fade-left .auto-marquee-text__scroller{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18px,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 18px,#000 100%)}.auto-marquee-text--fade-right .auto-marquee-text__scroller{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 18px),transparent 100%)}.auto-marquee-text--fade-left.auto-marquee-text--fade-right .auto-marquee-text__scroller{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18px,#000 calc(100% - 18px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 18px,#000 calc(100% - 18px),transparent 100%)}.auto-marquee-text__scroller::-webkit-scrollbar{display:none}.auto-marquee-text__content{display:inline-block;min-width:max-content;white-space:nowrap;line-height:1.15;padding-bottom:1px}.pill.warn{background:#fff2bd;color:#744d00}.meta span{border:1px solid var(--line);border-radius:999px;padding:7px 10px;background:#faf9ff;color:var(--muted);font-family:var(--font-ui);font-size:12px;font-weight:800}.detail-card{padding:22px;background:var(--surface-panel-bg)}.detail-header{--detail-header-action-width: 116px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px;margin-bottom:18px}.detail-header>div>.section-kicker,.detail-header>.detail-header__copy>.section-kicker{display:block;margin-top:16px}.detail-header__copy,.detail-header__hero{min-width:0}.detail-header__actions{display:flex;flex-direction:column;align-items:flex-end;gap:10px;justify-self:end;justify-items:end;width:116px}.detail-own-actions,.detail-admin-actions{display:grid;gap:10px;width:116px;justify-items:end}.detail-own-actions .btn,.detail-admin-actions .btn{width:100%;min-width:0}.detail-header__actions>.btn,.detail-header__actions>.detail-own-actions,.detail-header__actions>.detail-admin-actions,.detail-header__actions>.detail-header__badges{align-self:flex-end}.detail-header__badges{display:flex;flex-direction:column;align-items:flex-end;gap:8px;width:100%}.detail-header__badges .role-chip,.detail-header__badges .contribution-copy__tag{max-width:100%}.detail-header__actions .btn{white-space:nowrap}.detail-header h1{margin:18px 0 0;font-size:clamp(34px,5vw,58px);font-weight:900;line-height:.98;letter-spacing:-.03em}.detail-header__title{min-width:0}.detail-header__title .auto-marquee-text__content{font:inherit;letter-spacing:inherit;line-height:inherit;color:inherit;padding-bottom:0}.detail-header__tags-wrap{position:relative;isolation:isolate}.detail-header__tags{width:100%}.detail-header__tags-wrap.detail-header__tags--fade-left{-webkit-mask-image:none;mask-image:none}.detail-header__tags-wrap.detail-header__tags--fade-left:before{opacity:1}.detail-header__tags-wrap.detail-header__tags--fade-right{-webkit-mask-image:none;mask-image:none}.detail-header__tags-wrap.detail-header__tags--fade-right:after{opacity:1}.detail-header__tags-wrap.detail-header__tags--fade-left.detail-header__tags--fade-right{-webkit-mask-image:none;mask-image:none}.detail-header__posted{margin-top:6px}.detail-description{margin:14px 0 0;max-width:760px;color:var(--muted);font-weight:650;line-height:1.45}.creator-import-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.creator-import-btn{min-width:0}.detail-actions{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;margin-top:14px}.detail-actions__primary{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.detail-actions__primary>.btn.violet{background:var(--violet);color:#fff;box-shadow:none}.detail-download-btn{height:42px;min-width:0;justify-content:center;padding:0 14px}.detail-metronome-btn{min-height:42px;width:42px;height:42px;flex:0 0 42px}.detail-actions .bpm-control{margin-left:auto}.progression-versions{margin-top:12px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-soft-bg)}.progression-versions__header,.progression-version{display:flex;align-items:center;justify-content:space-between;gap:12px}.progression-versions__header h2{margin:2px 0 0;font-size:20px}.progression-versions__header .section-kicker{margin:0}.progression-versions__list{display:grid;gap:8px;margin-top:12px}.progression-version{width:100%;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-panel-bg);color:inherit;text-align:left}.progression-version--selected{border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}.progression-version__copy,.progression-version__status{display:grid;min-width:0;gap:2px}.progression-version__copy strong,.progression-version__copy span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progression-version__copy span{color:var(--muted);font-size:12px}.progression-version__status{justify-items:end;flex:0 0 auto;color:var(--muted);font-size:11px}.progression-version__status span{padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--violet) 12%,transparent)}.bpm-control{display:grid;min-width:220px;gap:4px;color:var(--muted);font-size:12px;font-weight:850}.social-row--detail-comments{margin-bottom:0}.detail-discussion{display:grid;gap:12px;margin-top:18px}.instrument-switch{display:inline-flex;gap:6px;border-radius:999px;margin:14px 0;padding:5px;background:var(--soft)}.icon-switch .btn{width:42px;height:38px;padding:0}.visualizer-switch{display:inline-flex;align-items:center;justify-content:space-between;gap:0;position:relative;width:92px;height:48px;margin:12px auto 0;padding:4px;border-radius:999px;background:linear-gradient(180deg,#f7f8fb,#e4e9f1);box-shadow:inset 0 1px #ffffffbd,inset 0 -1px #0c08120a}.instrument-switch__controls{display:inline-flex;align-items:center;justify-content:space-between;gap:0;position:relative;width:92px;height:48px;margin:0;padding:4px;border-radius:999px;background:linear-gradient(180deg,#f7f8fb,#e4e9f1);box-shadow:inset 0 1px #ffffffbd,inset 0 -1px #0c08120a;justify-self:center;isolation:isolate;overflow:hidden}.instrument-switch__position{display:flex;justify-content:flex-end;align-items:center;position:absolute;top:12px;right:18px;z-index:1}.progression-position-select{margin:0}.progression-viz .instrument-switch__controls.instrument-switch--detail{margin:0 auto}.progression-viz .instrument-switch__position .progression-position-select{width:108px;min-width:0;padding:10px 24px 10px 10px;text-align:center;text-align-last:center}.instrument-switch__button{position:relative;z-index:2;display:inline-grid;width:40px;height:40px;place-items:center;border-radius:999px;background:transparent;color:#29253061;transition:color .18s ease,opacity .18s ease}.instrument-switch__button.active{color:#fff}.instrument-switch__button:not(.active){opacity:.56}.instrument-switch--creator.is-locked .instrument-switch__button:not(.active){color:#55576294}.instrument-switch--creator.is-locked .instrument-switch__button{opacity:1}.instrument-switch--creator.is-locked .instrument-switch__button:not(.active){opacity:.76}.instrument-switch__thumb{position:absolute;top:2px;left:2px;z-index:1;width:44px;height:44px;border-radius:999px;background:var(--violet);border:1px solid rgba(255,255,255,.42);box-shadow:0 9px 16px #895ab747;transform:translate(0);transition:transform .16s cubic-bezier(.4,0,.2,1),background .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1);pointer-events:none;will-change:transform}.instrument-switch.is-guitar .instrument-switch__thumb,.instrument-switch--creator.is-guitar .instrument-switch__thumb,.instrument-switch--detail.is-guitar .instrument-switch__thumb{transform:translate(44px)}#visual-bpm{flex:0 1 220px;max-width:220px}.progression-strip{position:relative;display:grid;grid-template-columns:repeat(var(--progression-grid-columns, 4),minmax(0,1fr));grid-auto-flow:dense;gap:10px;border:1px solid var(--line);border-radius:20px;margin:16px 0;padding:14px;background:#faf9ff;overflow:hidden}.chord-block{display:grid;align-content:center;justify-items:center;gap:3px;min-width:0;border:1px solid var(--line);border-radius:18px;padding:10px 12px 11px;background:#fff;box-shadow:none;text-align:center;transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease}.chord-block:hover{border-color:var(--line);background:linear-gradient(180deg,#fff,#f7f4ff)}.chord-block.active{border-color:#f2bd41;background:linear-gradient(180deg,#fff1bffa,#ffeaa1fa);box-shadow:none}.chord-block .roman{min-height:1em;margin-top:0;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1;text-transform:none}.chord-block .chord{color:var(--ink);font-size:15px;font-weight:900;line-height:1.1;letter-spacing:0;width:100%;min-width:0}.progression-strip--scroll{display:block;width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;overscroll-behavior-x:contain;overscroll-behavior-y:contain;scrollbar-width:thin;scroll-behavior:auto}.progression-strip__track{display:grid;grid-template-columns:repeat(var(--progression-grid-total, 4),minmax(0,1fr));gap:10px;width:var(--progression-scroll-width, 100%);min-width:var(--progression-scroll-width, 100%)}.progression-strip--compact .progression-strip__track{grid-column:1 / -1;width:100%;min-width:0}.progression-strip__track .chord-block{min-width:0;width:100%}.progression-strip__hint{position:absolute;right:12px;top:50%;z-index:2;pointer-events:none;transform:translateY(-50%);animation:progressionStripHintBlink 1.1s ease-in-out infinite}.progression-strip__hint-bubble{display:grid;place-items:center;width:30px;height:30px;border-radius:999px;background:#00000061;color:#fffffffa;box-shadow:0 6px 14px #0000001f}@keyframes progressionStripHintBlink{0%,to{opacity:.28;transform:translateY(-50%) translate(0)}50%{opacity:1;transform:translateY(-50%) translate(3px)}}.visualizer{overflow:hidden;border:1px solid var(--line);border-radius:26px;margin-top:14px;padding:14px;background:var(--soft)}.creator-viz{display:flex;flex-direction:column;align-items:stretch;gap:10px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;overflow:hidden}.creator-viz-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;column-gap:10px;width:100%;min-height:0}.creator-viz-body{display:flex;flex-direction:column;gap:0;min-width:0}.creator-viz-header .instrument-switch--creator{justify-self:center;align-self:center;margin:0!important}.creator-viz-header .instrument-switch.visualizer-switch.instrument-switch--creator{margin:0!important}.creator-viz-header__spacer{min-width:1px}.creator-viz-play{grid-column:1;justify-self:start;align-self:flex-start;width:fit-content;margin:2px 0 6px}.creator-viz-footer{display:flex;align-items:center;justify-content:center;width:100%;min-width:0}.creator-viz-footer .instrument-switch--creator{margin:0!important}.creator-viz-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:clamp(300px,62vw,380px);width:100%;min-width:0;overflow:hidden}.creator-viz-stage>*{width:100%;min-width:0;max-width:100%;max-height:100%}.creator-viz-stage>.creator-manual-piano-hint{width:42px;min-width:42px;max-width:none;height:42px;max-height:none}.progression-viz{position:relative;display:flex;flex-direction:column;gap:12px;overflow:hidden}.progression-viz-stage{display:flex;align-items:center;justify-content:center;min-height:0;width:100%;overflow:hidden;transition:height .36s cubic-bezier(.22,.76,.26,1),min-height .36s cubic-bezier(.22,.76,.26,1)}.progression-viz-stage>*{width:100%}.progression-viz-stage__content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;animation:progression-viz-instrument-swap .36s cubic-bezier(.22,.76,.26,1) both}.progression-viz-stage__content>*{width:100%;height:100%;min-width:0}@keyframes progression-viz-instrument-swap{0%{opacity:0;filter:blur(7px);transform:scale(.965)}to{opacity:1;filter:blur(0);transform:scale(1)}}@media(prefers-reduced-motion:reduce){.progression-viz-stage,.progression-viz-stage__content{animation:none;transition:none}}.admin-home-card,.feed-card,.feed-card.clickable-card,.trend-item,.contributor-item{background-color:var(--surface-panel-bg);background-image:radial-gradient(circle at calc(100% - 22px) 22px,#6d4aff29 0,#6d4aff17 24px,#6d4aff00 58px);background-repeat:no-repeat}.admin-home-card--featured{border-color:#6d4aff47;background-image:radial-gradient(circle at calc(100% - 22px) 22px,#6d4aff3d 0,#6d4aff1f 30px,#6d4aff00 68px)}.admin-home-card__icon{border:1px solid rgba(109,74,255,.12);background:#6d4aff1a;color:var(--violet);box-shadow:none}.admin-home-card--featured .admin-home-card__icon{border-color:#6d4aff33;background:var(--violet);color:#fff;box-shadow:0 8px 18px #5c36e82e}.browse-feed-panel,.sidebar-section{box-shadow:var(--surface-shadow)}.trend-stats{justify-self:end;width:62px}.trend-score{justify-content:space-between;width:100%;min-height:38px;padding:6px 9px}.trend-score__icon{flex:0 0 auto;margin-left:auto}body.theme-dark .admin-home-card,body.theme-dark .feed-card,body.theme-dark .feed-card.clickable-card,body.theme-dark .trend-item,body.theme-dark .contributor-item{background-color:var(--surface-panel-bg);background-image:radial-gradient(circle at calc(100% - 22px) 22px,#8b6cff33 0,#8b6cff1a 26px,#8b6cff00 62px)}.messages-shell{gap:14px;box-shadow:var(--surface-shadow)}.messages-shell__header{padding-bottom:14px;border-bottom:1px solid var(--line)}.messages-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:12px;min-height:500px}.messages-search-panel,.messages-panel{border-radius:18px}.messages-search-panel{gap:9px;padding:12px;background:var(--surface-soft-bg)}.messages-search-panel__title{color:var(--muted);font-size:11px;letter-spacing:.04em}.messages-search-panel>.field{min-height:40px;border-radius:12px;background:var(--surface-panel-bg)}.messages-search-panel__threads{margin-top:2px;padding-top:10px}.messages-search-result,.messages-thread-card{border-color:transparent;border-radius:14px;padding:9px 10px;background:transparent;box-shadow:none}.messages-search-result.active,.messages-thread-card.active,body.theme-dark .messages-search-result.active,body.theme-dark .messages-thread-card.active{border-width:1px;border-color:#6d4aff38;background:#6d4aff1a;box-shadow:inset 3px 0 0 var(--violet)}.messages-panel{gap:0;overflow:hidden;padding:0;background:var(--surface-panel-bg)}.messages-panel__head{min-height:58px;padding:10px 14px;border-bottom:1px solid var(--line)}.messages-profile-link{padding:6px 8px}.messages-log{gap:8px;padding:16px}.messages-bubble{gap:4px;max-width:min(520px,82%);border-radius:15px;padding:10px 12px;box-shadow:none}.messages-bubble strong{font-size:10px;letter-spacing:.045em}.messages-bubble p{font-size:13px;line-height:1.45}.messages-bubble--sent{border-color:#6d4aff33;background:#6d4aff1c}.messages-bubble--received{border-color:var(--line);background:var(--surface-soft-bg)}.messages-compose{padding:12px 14px 14px;border-top:1px solid var(--line);background:var(--surface-panel-bg)}.messages-compose__input{min-height:72px;padding:11px 132px 11px 12px;border-radius:14px;resize:none}.messages-compose__send{right:7px;bottom:7px;border-radius:10px}.admin-shell--feedback,.admin-shell--feedback .detail-view--admin-review,.admin-shell--feedback .detail-card--admin-review,.admin-shell--feedback .detail-header--admin-review,.admin-shell--feedback .admin-feedback-rapid,.admin-shell--feedback .creator-review-main__row,.admin-shell--feedback .creator-review-strip-wrap,.admin-shell--feedback .creator-review-strip,.admin-shell--feedback .creator-viz--admin-review,.admin-shell--feedback .admin-feedback-inline--compact{box-sizing:border-box;width:100%;max-width:none;min-width:0}.detail-view--admin-review .creator-review-strip .progression-strip__track{width:max(100%,var(--progression-scroll-width, 100%));min-width:max(100%,var(--progression-scroll-width, 100%))}@media(max-width:760px)and (orientation:portrait){.topbar-inner,.app-shell,.app-shell--browse{padding-inline:12px}.app-shell__content,.app-shell__content:not(.app-shell__content--create){box-sizing:border-box;width:100%;max-width:none;padding-inline:0}.feed-main,.detail-view,.creator-page,.admin-page,.messages-page,.profile-page,.library-page,.support-page{box-sizing:border-box;width:100%;max-width:none;margin-inline:0}.browse-feed-panel,.sidebar-section{box-shadow:var(--surface-shadow)}.trend-item{grid-template-columns:auto minmax(0,1fr) 58px}.trend-stats{width:58px}.messages-shell{padding:14px}.messages-shell__header{padding:0 0 12px}.messages-layout{grid-template-columns:minmax(0,1fr);min-height:0}.messages-search-panel{max-height:none;overflow:visible}.messages-panel{min-height:min(58vh,620px);padding:0}.messages-log{padding:12px}.messages-bubble{max-width:88%}.messages-compose{padding:10px}.messages-compose__input{min-height:64px;padding-right:48px}.messages-compose__send{width:36px;min-width:36px;padding-inline:0}.messages-compose__send span{display:none}.admin-shell--feedback{padding-inline:12px}.admin-shell--feedback>.admin-shell__header{padding-inline:0}.detail-view--admin-review .creator-review-strip,.detail-view--admin-review .creator-review-strip-wrap{margin-inline:0}}.trend-copy{gap:6px}.trend-tags{display:flex;flex-wrap:wrap;gap:4px;min-width:0}.trend-tag{display:inline-flex;align-items:center;width:fit-content;max-width:100%;min-height:19px;border:1px solid color-mix(in srgb,var(--violet) 24%,var(--line));border-radius:999px;padding:2px 7px;background:color-mix(in srgb,var(--violet) 8%,var(--surface-panel-bg));color:var(--violet);font-size:9px;font-weight:800;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-tag--mood{border-color:color-mix(in srgb,var(--ink) 14%,var(--line));background:color-mix(in srgb,var(--ink) 5%,var(--surface-panel-bg));color:var(--muted)}.trend-copy .trend-title{font-size:12px;font-weight:750;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trend-chords{display:flex;gap:4px;min-width:0;overflow:hidden}.trend-chord{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;min-width:30px;min-height:31px;border:1px solid color-mix(in srgb,var(--violet) 30%,var(--line));border-radius:9px;padding:4px 6px;background:color-mix(in srgb,var(--violet) 7%,var(--surface-soft-bg));color:var(--ink);font-size:11px;font-weight:850;line-height:1;white-space:nowrap}.trend-chord--more{flex:0 0 auto;min-width:25px;color:var(--muted);font-size:9px}@media(max-width:760px)and (orientation:portrait){body .sidebar-list--trending .trend-item{grid-template-columns:auto minmax(0,1fr) 46px;gap:8px;padding:10px}body .trend-copy{gap:5px}body .trend-tag{max-width:82px}body .trend-chords{gap:3px}body .trend-chord{min-width:26px;min-height:28px;padding-inline:4px;font-size:10px}body .trend-author{font-size:10px}}.page-loading{position:fixed;inset:var(--topbar-height) 0 0;z-index:59;min-width:320px;display:grid;place-items:center;background:var(--bg);color:var(--ink)}.detail-volume-control,.admin-feedback-volume-control{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.detail-volume-control input{width:96px}body:has(.topbar--hidden) .page-loading{top:0;right:0;bottom:0;left:0}.page-loading__content{display:grid;justify-items:center;gap:12px}.page-loading__mark{position:relative;width:34px;height:34px;border-radius:50%}.page-loading__mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid color-mix(in srgb,var(--ink) 16%,transparent);border-top-color:var(--violet);border-radius:inherit;animation:tonebud-route-loading-spin .78s linear infinite}.page-loading__label{font-size:.78rem;font-weight:700;letter-spacing:.12em}@keyframes tonebud-route-loading-spin{to{transform:rotate(1turn)}}@media(prefers-reduced-motion:reduce){.page-loading__mark:before{animation:none}}@supports (content-visibility: auto){.browse-main .feed>.feed-card:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 280px}.library-list>.library-item:nth-child(n+4){content-visibility:auto;contain-intrinsic-size:auto 320px}.profile-progressions>.profile-progression-link:nth-child(n+7),.admin-list>:nth-child(n+7){content-visibility:auto;contain-intrinsic-size:auto 112px}}.admin-home-card--featured{border-color:#6d4aff38;background:radial-gradient(circle at 100% 0,rgba(109,74,255,.12),transparent 42%),var(--surface-panel-bg)}.admin-home-card--featured .admin-home-card__icon{color:#fff;background:linear-gradient(145deg,#7d5cff,#5c36e8);box-shadow:0 10px 24px #5c36e833}.admin-access-control{display:grid;gap:14px;border-top:1px solid var(--line);padding-top:16px}.admin-access-control__head{display:flex;align-items:end;justify-content:space-between;gap:12px}.admin-access-control__head strong{display:block;margin-top:3px;color:var(--ink);font-size:15px}.admin-access-control .admin-role-presets{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-access-control .admin-role-card{min-width:0;padding:13px}.admin-access-control .admin-role-card p{font-size:11px;line-height:1.45}.admin-permission-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-permission-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface-panel-bg)}.admin-permission-row>div{display:grid;gap:3px;min-width:0}.admin-permission-row strong{color:var(--ink);font-size:13px}.admin-permission-row span{color:var(--muted);font-size:11px;font-weight:650;line-height:1.35}.generator-rating-analytics{display:grid;gap:13px;border:1px solid rgba(109,74,255,.2);border-radius:20px;padding:15px;background:radial-gradient(circle at 0 0,rgba(109,74,255,.1),transparent 36%),var(--surface-panel-bg)}.generator-rating-analytics__head,.generator-rating-analytics__title{display:flex;align-items:center}.generator-rating-analytics__head{justify-content:space-between;gap:12px}.generator-rating-analytics__title{gap:10px;min-width:0}.generator-rating-analytics__icon{display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;color:var(--violet);background:#6d4aff1a}.generator-rating-analytics h2{margin:2px 0 0;color:var(--ink);font-size:18px;letter-spacing:-.035em}.is-spinning{animation:tonebud-control-spin .7s linear infinite}@keyframes tonebud-control-spin{to{transform:rotate(360deg)}}.detail-actions .btn.is-loading:disabled,.creator-row__play.is-loading:disabled,.play-chord-btn.is-loading:disabled,.familiar-variation__preview.is-loading:disabled,.generation-comparison__candidate.is-loading:disabled,.admin-feedback-candidate.is-loading{cursor:wait;filter:grayscale(.35) saturate(.55);opacity:.62}.detail-actions .btn.is-loading,.creator-row__play.is-loading,.play-chord-btn.is-loading,.familiar-variation__preview.is-loading{min-width:44px;justify-content:center}.generator-rating-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.generator-rating-metric{display:grid;gap:2px;min-width:0;border:1px solid var(--line);border-radius:15px;padding:11px 12px;background:var(--surface-soft-bg)}.generator-rating-metric--primary{border-color:#6d4aff3d;background:#6d4aff14}.generator-rating-metric strong{color:var(--ink);font-size:22px;line-height:1;letter-spacing:-.05em}.generator-rating-metric span{overflow:hidden;color:var(--muted);font-size:10px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.generator-rating-analytics__detail{display:grid;grid-template-columns:minmax(170px,.8fr) minmax(0,1.2fr);gap:10px}.generator-rating-distribution,.generator-rating-insight{display:grid;gap:7px;border:1px solid var(--line);border-radius:15px;padding:11px 12px;background:var(--surface-soft-bg)}.generator-rating-distribution__row{display:grid;grid-template-columns:10px minmax(0,1fr) 18px;align-items:center;gap:7px;color:var(--muted);font-size:10px;font-weight:800}.generator-rating-distribution__track{height:6px;overflow:hidden;border-radius:999px;background:#6d4aff17}.generator-rating-distribution__track>span{display:block;min-width:3px;height:100%;border-radius:inherit;background:linear-gradient(90deg,#8b6cff,#5e39e8)}.generator-rating-insight{align-content:start}.generator-rating-insight strong{color:var(--ink);font-size:14px}.generator-rating-insight p,.generator-rating-analytics__empty{margin:0;color:var(--muted);font-size:11px;font-weight:650;line-height:1.45}.generator-rating-insight__updated{color:var(--muted);font-size:10px;font-weight:750}body.theme-dark .admin-home-card--featured,body.theme-dark .generator-rating-analytics{background:radial-gradient(circle 150px at 0 0,rgba(139,108,255,.12),rgba(139,108,255,.05) 46%,transparent 100%),var(--surface-panel-bg)}body.theme-dark .generator-rating-metric--primary{background:#8b6cff1c}@media(max-width:980px){.admin-access-control .admin-role-presets,.generator-rating-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.admin-home-grid,.admin-permission-list,.generator-rating-analytics__detail{grid-template-columns:minmax(0,1fr)}.admin-home-card{padding:15px;border-radius:18px}.admin-home-card__icon{width:48px;height:48px;border-radius:15px}.admin-access-control__head{align-items:start;flex-direction:column}.admin-access-control .admin-role-presets{grid-template-columns:minmax(0,1fr)}.admin-access-control .admin-role-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.admin-access-control .admin-role-card p{grid-column:2}.generator-rating-analytics{padding:13px;border-radius:18px}.generator-rating-analytics__refresh span{display:none}.generator-rating-analytics__refresh{width:38px;padding-inline:0}.generator-rating-metric strong{font-size:20px}}@media(max-width:390px){.generator-rating-metrics{grid-template-columns:minmax(0,1fr)}.generator-rating-metric{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:9px}.generator-rating-metric span{white-space:normal}}.progression-viz .legend{margin-top:0}.detail-legend{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.detail-legend__text{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;min-width:0}.detail-legend__position{display:flex;justify-content:flex-end;align-items:flex-end;margin-left:auto}@media(min-width:761px){.creator-viz .piano,.creator-viz .creator-guitar-diagram{margin:0 auto}.creator-viz .piano,.creator-viz .creator-guitar-diagram{width:100%;max-height:100%}.creator-viz-stage{height:220px;min-height:220px}.creator-viz-header{justify-content:flex-start;height:auto;margin-bottom:-9px}.creator-viz-header .instrument-switch__position{width:144px;height:42px;min-height:42px}.progression-viz-stage{height:220px;min-height:220px}.progression-viz-stage>*{height:100%}.creator-viz-stage .piano,.creator-viz-stage .creator-guitar-fade-frame,.creator-viz-stage .creator-guitar-diagram,.progression-viz-stage .piano,.progression-viz-stage .progression-guitar-diagram{height:100%}.progression-viz-stage .progression-guitar-diagram .chord-horizontal-board{gap:4px;padding:0 18px 12px}.progression-viz-stage .progression-guitar-diagram .chord-horizontal-board:before{top:18px;bottom:8px;left:42px;width:18px}.progression-viz-stage .progression-guitar-diagram .chord-string-row{grid-template-columns:40px minmax(0,1fr)}.progression-viz-stage .progression-guitar-diagram .chord-string-track{min-height:22px}.progression-viz-stage .progression-guitar-diagram .chord-finger,.progression-viz-stage .progression-guitar-diagram .chord-finger.open{width:18px;height:18px}.progression-viz-stage .progression-guitar-diagram .chord-finger--inline.open{left:-9px!important}.progression-viz-stage .progression-guitar-diagram .chord-finger__label{font-size:7px}.progression-viz-stage .progression-guitar-diagram .chord-mute-mark,.progression-viz-stage .progression-guitar-diagram .chord-unplayed-mark{left:-9px;min-width:18px;height:18px;font-size:8px}.progression-viz .piano,.progression-viz .guitar-visualizer,.progression-viz .creator-guitar-diagram{margin:0 auto;width:100%}.progression-viz .guitar-visualizer,.progression-viz .progression-guitar-diagram{max-width:none}}.legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:9px;color:var(--muted);font-size:12px;font-weight:750}.legend b{color:var(--ink)}.mode-switch{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;width:100%}.piano{position:relative;width:100%;height:clamp(156px,24vw,196px);border-radius:10px 10px 18px 18px;padding:8px;overflow:hidden;background:#111;box-shadow:inset 0 0 20px #00000073}.piano:before,.piano:after{content:"";position:absolute;top:0;bottom:0;width:34px;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:4}.piano:before{left:0;background:linear-gradient(90deg,#111,#1110)}.piano:after{right:0;background:linear-gradient(270deg,#111,#1110)}.piano.visualizer-scroll-fade--left:before{opacity:1}.piano.visualizer-scroll-fade--right:after{opacity:1}.piano-scroll{width:100%;height:100%;min-width:0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:none;cursor:grab}.piano-scroll::-webkit-scrollbar{display:none}.piano-keys{position:relative;width:100%;height:100%}.piano--display .piano-scroll{overflow-x:auto;touch-action:pan-x pan-y}.piano--display .piano-keys{width:100%;min-width:100%}.piano--interactive .piano-scroll{overflow-x:auto;touch-action:pan-x pan-y}.piano.is-dragging .piano-scroll{cursor:grabbing;-webkit-user-select:none;user-select:none}.piano-scroll-arrow{position:absolute;z-index:6;top:50%;display:inline-grid;width:34px;height:42px;padding:0;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:#0d0d11bd;color:#fffffff0;box-shadow:0 5px 14px #00000042;cursor:pointer;transform:translateY(-50%);transition:opacity .14s ease,background .14s ease,border-color .14s ease}.piano-scroll-arrow:hover,.piano-scroll-arrow:focus-visible{border-color:#e1d5ffd1;background:#483377e0;outline:none}.piano-scroll-arrow:disabled{opacity:.28;cursor:default}.piano-scroll-arrow--left{left:14px}.piano-scroll-arrow--right{right:14px}@media(min-width:761px){.piano{height:clamp(178px,21vw,250px)}.piano--display .piano-scroll{cursor:default;pointer-events:none}.piano-black-key{top:8px;height:58%}}.piano-nav-indicator{position:absolute;top:8px;font-size:10px;color:var(--muted);background:#ffffffe6;padding:4px 8px;border-radius:8px;z-index:10;pointer-events:none}.piano-nav-indicator.right{right:8px}.piano-nav-indicator:not(.right){left:8px}.piano-white-key,.piano-black-key{position:absolute;border:0;padding:0;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-clip:padding-box;touch-action:pan-x pan-y;transition:background-color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.piano-white-key{bottom:8px;height:calc(100% - 16px);border:1px solid #d8d4df;border-radius:0 0 10px 10px;background:linear-gradient(180deg,#fefefe,#f3f0f8);box-shadow:inset 0 -8px 14px #0000000f}.piano-white-key.active{background:linear-gradient(180deg,#fff0bf,#f0cf5a);box-shadow:inset 0 -8px 14px #0000001a,inset 0 0 0 1px #ffd36a94}.piano-white-key.creator-pressed{background:var(--piano-white-press);box-shadow:inset 0 -10px 16px #00000024,inset 0 0 0 1px #ffe3a08f,0 0 0 1px var(--piano-white-press-ring)}.piano-white-key.active.creator-pressed{background:linear-gradient(180deg,#f4dc7d,#c79637);box-shadow:inset 0 -10px 16px #00000029,inset 0 0 0 1px #ffebb88f,0 0 0 1px #ffd36a70}.piano-black-key{top:8px;z-index:3;height:52%;border-radius:0 0 6px 6px;background:linear-gradient(180deg,#282336,#171321);box-shadow:inset 0 1px #ffffff0d,0 8px 12px #0000003d}.piano-black-key.active{background:linear-gradient(180deg,#6e5bd0,#43349d);box-shadow:0 0 0 3px #6d4aff33,0 8px 12px #00000047}.piano-black-key.creator-pressed{background:var(--piano-black-press);box-shadow:inset 0 1px #ffffff14,0 10px 16px #00000057,0 0 0 1px var(--piano-black-press-ring)}.piano-black-key.active.creator-pressed{background:linear-gradient(180deg,#5a47ae,#2f2751);box-shadow:inset 0 1px #ffffff14,0 10px 16px #00000061,0 0 0 1px #a88cff47}.piano-note-label,.piano-c-label{position:absolute;bottom:3px;left:50%;transform:translate(-50%);color:#292530;font-size:10px;font-weight:900}.piano-black-key .piano-note-label{color:#fff;font-size:9px;bottom:3px}.piano-c-label{color:#a8a2b3;font-size:9px;bottom:3px}.piano-white-key.active .piano-note-label,.piano-white-key.active .piano-c-label,.piano-white-key.creator-pressed .piano-note-label,.piano-white-key.creator-pressed .piano-c-label{color:var(--piano-white-press-ink)}.piano-black-key.active .piano-note-label,.piano-black-key.creator-pressed .piano-note-label{color:var(--piano-black-press-ink)}.creator-note,.creator-fret{cursor:pointer}.chord-diagram{padding:14px;background:radial-gradient(circle at top left,rgba(109,74,255,.1),transparent 30%),radial-gradient(circle at bottom right,rgba(242,189,65,.1),transparent 28%),linear-gradient(180deg,#fffffffa,#f7f8fff0);border-radius:24px;border:1px solid rgba(109,74,255,.08);box-shadow:0 18px 40px #16122414;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.chord-diagram.unavailable{max-width:420px;background:#faf9ff;border-color:var(--line);box-shadow:none}.guitar-position-select{display:block;width:min(160px,100%);height:34px;margin:0 auto 10px;padding:5px 34px 5px 12px;background:#ffffffe6;color:var(--ink);font-size:13px;line-height:1}.chord-horizontal-board{padding:14px 14px 12px;border:1px solid rgba(64,33,14,.45);border-radius:28px;background:linear-gradient(180deg,#ffffff24,#00000014),repeating-linear-gradient(92deg,#ffffff0f 0,#ffffff0f 4px,#00000008 4px,#00000008 8px),linear-gradient(180deg,#b65f25,#9d4f1c 40%,#803a11);box-shadow:inset 0 1px #ffffff47,inset 0 -18px 30px #35120042,0 14px 30px #1b12241f}.chord-horizontal-board:before{top:10px;bottom:10px;left:14px;width:24px;background:linear-gradient(180deg,#ffffff3d,#fff0 35%),linear-gradient(180deg,#f6ead4,#eadbb8 48%,#d0b48b);box-shadow:inset 0 0 0 1px #b496668c,0 0 0 1px #ffffff1f,2px 0 8px #2512062e}.chord-inlays{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.chord-horizontal-head{display:grid;align-items:end;gap:8px;position:relative;z-index:2}.chord-horizontal-corner{min-height:18px;display:flex;align-items:flex-start;justify-content:flex-start}.chord-start-fret{font-size:12px;font-weight:900;color:var(--muted);letter-spacing:.01em}.chord-fret-numbers-horizontal{display:grid;grid-template-columns:repeat(var(--fret-count),minmax(0,1fr));gap:0;color:var(--muted);font-size:11px;font-weight:850}.chord-fret-numbers-horizontal span{text-align:center}.chord-horizontal-strings{z-index:1;padding-left:0}.chord-string-row.status-not-played .chord-string-marker,.chord-string-row.status-not-played .chord-string-track{opacity:.42}.chord-string-row.status-muted .chord-string-marker{opacity:.72}.chord-string-marker{display:grid;place-items:center;width:18px;height:18px;border-radius:999px;font-size:12px;font-weight:900;color:#fff8ede0}.chord-string-marker.open{border:1px solid rgba(255,255,255,.42);background:#ffffff38;color:#fff8ede6;box-shadow:inset 0 0 0 1px #ffffff14}.chord-string-marker.muted{background:transparent;color:#ffefe2d1}.chord-string-marker.dimmed{background:transparent}.chord-string-track{min-height:32px;border:1px solid rgba(90,45,18,.16);background:linear-gradient(180deg,#ffffff24,#0000000a),repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0,rgba(255,255,255,.06) 1px,transparent 1px,transparent calc(100% / var(--fret-count)));box-shadow:inset 0 1px #ffffff38,inset 0 -1px #0000001f}.chord-string-track.status-not-played{border-color:#fff8ed14}.chord-string-wire{right:0;left:0;background:linear-gradient(90deg,#fff8ec59,#4a2c12b8 18%,#b0814ef2,#4a2c12b8 82%,#fff8ec59);box-shadow:0 1px 1px #ffffff29,0 -1px 1px #0000002e}.chord-string-wave{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.chord-string-wave-path{fill:none;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(255,255,255,.08))}.chord-string-wave-path.treble{stroke:#f4f4f0eb}.chord-string-wave-path.bass{stroke:#e8bc63f2}.chord-string-wave-path.played{opacity:.95}.chord-string-wave-path.muted{stroke:#ebe5dcc7;stroke-dasharray:2 3;opacity:.55}.chord-mute-mark{fill:#fff6ece6;font-size:15px;opacity:.85}.chord-mute-mark.pulse{opacity:1;filter:drop-shadow(0 0 8px rgba(255,255,255,.34))}.chord-finger{display:block;width:21px;height:21px;border:2px solid rgba(255,255,255,.9);background:radial-gradient(circle at 35% 30%,#fffffff2,#ffffffb8 45%,#faf8f2d6 68%,#e0dbd0f0);box-shadow:0 0 0 2px #ffffff2e,0 6px 12px #1e12082e}.chord-finger.root{background:radial-gradient(circle at 35% 30%,#fffffffa,#ffffffc7 45%,#f6d37beb 72%,#e9b432fa);box-shadow:0 0 0 2px #ffeab133,0 6px 12px #1e12082e}.chord-finger.lit{animation:fretPulse 1.7s ease-in-out infinite}@keyframes fretPulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}.chord-finger.open{border-color:#ffffffbf;background:#ffffffd1}.guitar-visualizer{width:100%;display:grid;gap:12px}.guitar-visualizer__bar{display:flex;align-items:center;justify-content:center;gap:8px}.guitar-visualizer__label{display:none}.chord-diagram{width:100%;max-width:760px;margin:0 auto;padding:0;background:transparent;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.chord-diagram-horizontal{display:grid;gap:10px}.guitar-position-select{width:min(132px,100%);margin:0 auto;padding:10px 28px 10px 12px;text-align:center;text-align-last:center;font-size:12px;border-radius:10px}body.theme-dark .guitar-position-select{background:#171a24}.chord-horizontal-board{display:grid;gap:8px;position:relative;padding:16px 18px 14px 16px;border:1px solid rgba(78,41,18,.35);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.16),transparent 24%),radial-gradient(circle at 82% 92%,rgba(0,0,0,.16),transparent 30%),linear-gradient(180deg,#ffffff1a,#fff0 18%),linear-gradient(90deg,#ffffff0a,#00000005),linear-gradient(180deg,#aa5928,#95421a 44%,#763010);box-shadow:inset 0 1px #ffffff38,inset 0 -18px 34px #2610064d,0 18px 38px #1b12241f}.chord-horizontal-board:before{content:"";position:absolute;top:12px;bottom:12px;left:39px;width:18px;border-radius:7px;background:linear-gradient(180deg,#ffffff42,#fff0 42%),linear-gradient(180deg,#f7ecd7,#ead8b5 48%,#d2b88d);box-shadow:inset 0 0 0 1px #b4966699,0 0 0 1px #ffffff14,2px 0 8px #2512062e;z-index:0}.chord-fret-header{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:end;gap:0;position:relative;z-index:2}.chord-fret-header__spacer{min-height:14px}.chord-inlays,.chord-fret-lines{position:absolute;left:44px;right:18px;pointer-events:none}.chord-inlays,.chord-fret-lines{top:24px;bottom:10px;z-index:1}.chord-fret-line{position:absolute;top:0;bottom:0;width:1.5px;background:linear-gradient(180deg,#ffffff6b,#82583aeb 38%,#4e2e17db 62%,#ffffff42);box-shadow:0 0 0 1px #ffffff0a}.chord-fret-line.nut{width:4px;border-radius:999px;background:linear-gradient(180deg,#fff8ecf0,#f2e2c5f5);box-shadow:0 0 0 1px #ffffff1a,2px 0 10px #ffffff14}.chord-inlay{position:absolute;top:50%;width:10px;height:10px;border-radius:999px;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fffffffa,#ffffffb8 42%,#f3f1ecf0 72%,#d6d0c5fa);box-shadow:0 0 0 1px #ffffff52,0 2px 6px #22100626;opacity:.92}.chord-fret-number-overlay{position:absolute;inset:4px 11px auto 0px;height:20px;pointer-events:none;z-index:2}.chord-fret-number-overlay span{position:absolute;top:0;transform:translate(-50%);color:#fff8edbd;font-size:10px;font-weight:850;letter-spacing:.03em}.chord-note-overlay{position:absolute;top:34px;right:18px;bottom:14px;left:44px;z-index:3;pointer-events:none}.chord-note-overlay .chord-finger{position:absolute;transform:translate(-50%,-50%);pointer-events:auto}.chord-horizontal-strings{display:grid;gap:8px;position:relative;z-index:2}.chord-string-row{display:grid;align-items:center;gap:8px;min-width:0}.chord-string-label{position:relative;z-index:2;font-size:11px;font-weight:900;color:#fff;letter-spacing:.08em;text-shadow:none}.chord-string-marker{width:16px;height:16px;opacity:0}.chord-string-marker.muted,.chord-string-marker.dimmed{background:transparent;opacity:1}.chord-string-track{position:relative;min-height:34px;border:0;border-radius:999px;background:transparent;box-shadow:none;overflow:visible}.chord-string-track.status-not-played{opacity:1}.chord-string-wire{position:absolute;top:50%;right:-8px;left:-12px;height:2px;transform:translateY(-50%);background:#cfd6df;box-shadow:none}.chord-string-row.bass-string .chord-string-wire{background:#d2a24d}.chord-string-row.treble-string .chord-string-wire{background:#e7ebf0}.chord-finger{position:absolute;z-index:4;display:grid;place-items:center;width:22px;height:22px;padding:0;border:2px solid rgba(255,255,255,.92);border-radius:999px;top:54%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fffffffa,#ffffffd6 42%,#ece7dcfa);box-shadow:0 0 0 2px #ffffff29,0 7px 14px #1e12082e}.chord-finger.root{background:radial-gradient(circle at 35% 30%,#fffffffa,#ffffffd6 40%,#f8d987f5 76%,#e3a82ffa);box-shadow:0 0 0 2px #ffeab12e,0 7px 14px #1e12082e}.chord-finger.open{width:22px;height:22px;border-color:#ffffffc7;background:#ffffffdb;box-shadow:0 0 0 2px #ffffff14}.chord-finger__label{position:relative;z-index:1;color:#50341a;font-size:8px;font-weight:900;line-height:1;letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.chord-mute-mark{position:absolute;left:-6px;top:50%;width:20px;height:20px;display:grid;place-items:center;transform:translate(-50%,-50%);color:transparent;font-size:14px;font-weight:900;letter-spacing:.02em;text-shadow:none;z-index:4}.chord-mute-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#00000073;box-shadow:0 0 0 1px #00000014;z-index:0}.chord-mute-mark:after{content:"X";position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2;color:currentColor;line-height:1;transform:translateY(-1px)}.chord-mute-mark.muted:after{color:#fffffffa}.chord-mute-mark.dimmed:after{color:#d8dfe8cc}.chord-mute-mark.dimmed:before{background:#00000047}.chord-finger.open,.chord-finger.fretted{cursor:pointer}.guitar-wrap{--fretboard-min-width: 392px;--string-label-gutter: 18px;width:100%;overflow-x:auto;border:1px solid rgba(64,33,14,.45);border-radius:24px;padding:10px 10px 12px;background:linear-gradient(180deg,#ffffff1f,#00000014),repeating-linear-gradient(92deg,#ffffff0f 0,#ffffff0f 4px,#00000008 4px,#00000008 8px),linear-gradient(180deg,#b65f25,#9d4f1c 40%,#803a11);position:relative;box-shadow:inset 0 1px #ffffff47,inset 0 -18px 30px #35120042,0 14px 30px #1b12241f}.creator-guitar-wrap{--fretboard-min-width: 392px;padding:16px 18px 14px 16px;border:1px solid rgba(78,41,18,.35);border-radius:30px;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.16),transparent 24%),radial-gradient(circle at 82% 92%,rgba(0,0,0,.16),transparent 30%),linear-gradient(180deg,#ffffff1a,#fff0 18%),linear-gradient(90deg,#ffffff0a,#00000005),linear-gradient(180deg,#aa5928,#95421a 44%,#763010);box-shadow:inset 0 1px #ffffff38,inset 0 -18px 34px #2610064d,0 18px 38px #1b12241f}.creator-guitar-wrap .fretboard{width:calc(100% - var(--string-label-gutter));min-width:var(--fretboard-min-width);margin-left:var(--string-label-gutter);border:0;border-radius:0;background:transparent;box-shadow:none}.creator-guitar-wrap .fret-numbers{width:calc(100% - var(--string-label-gutter));min-width:var(--fretboard-min-width);margin-left:var(--string-label-gutter);color:#fff8edb8}.creator-guitar-wrap .fret-cell{min-height:clamp(22px,2.35vw,28px)}.creator-guitar-wrap .string-line{background:#fff8ed2e}.progression-guitar-shell{position:relative;width:100%;height:100%;overflow:hidden;--guitar-edge-fade-width: 22px;--guitar-edge-fade-bg: linear-gradient(90deg, rgba(122, 67, 26, .8) 0%, rgba(122, 67, 26, .28) 46%, rgba(122, 67, 26, 0) 100%)}@property --creator-guitar-left-fade{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --creator-guitar-right-fade{syntax: "<length>"; inherits: true; initial-value: 0px;}.creator-guitar-fade-frame{position:relative;width:100%;height:100%;min-width:0;overflow:hidden;isolation:isolate;border:1px solid rgba(78,41,18,.35);border-radius:30px;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.16),transparent 24%),radial-gradient(circle at 82% 92%,rgba(0,0,0,.16),transparent 30%),linear-gradient(180deg,#ffffff1a,#fff0 18%),linear-gradient(90deg,#ffffff0a,#00000005),linear-gradient(180deg,#aa5928,#95421a 44%,#763010);box-shadow:inset 0 1px #ffffff38,inset 0 -18px 34px #2610064d,0 18px 38px #1b12241f;--creator-guitar-content-fade-width: 42px;--creator-guitar-left-fade: 0px;--creator-guitar-right-fade: 0px}.creator-guitar-diagram{width:100%;height:100%;border-radius:inherit;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 var(--creator-guitar-left-fade),#000 calc(100% - var(--creator-guitar-right-fade)),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 var(--creator-guitar-left-fade),#000 calc(100% - var(--creator-guitar-right-fade)),transparent 100%);transition:--creator-guitar-left-fade .18s ease,--creator-guitar-right-fade .18s ease}.progression-guitar-diagram{width:100%;--progression-string-label-width: 42px}.progression-guitar-shell:before,.progression-guitar-shell:after{content:"";position:absolute;top:-1px;bottom:-1px;width:var(--guitar-edge-fade-width);opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:4;background:var(--guitar-edge-fade-bg);background-size:100% 100%}.progression-guitar-shell:before{left:-2px;border-radius:28px 0 0 28px;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 46%,transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 46%,transparent 100%)}.progression-guitar-shell:after{right:-2px;border-radius:0 28px 28px 0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#000 46%,transparent 100%);mask-image:linear-gradient(270deg,#000 0%,#000 46%,transparent 100%)}.progression-guitar-shell.visualizer-scroll-fade--left:before{opacity:1}.progression-guitar-shell.visualizer-scroll-fade--right:after{opacity:1}.progression-guitar-shell--unavailable{position:relative;isolation:isolate;overflow:hidden;border-radius:30px}.progression-guitar-shell--empty{border-radius:30px}.progression-guitar-shell--empty .chord-horizontal-board{overflow:hidden}.progression-guitar-shell--empty .chord-string-label{color:#fff8ede6}.progression-guitar-shell--empty .chord-string-track,.progression-guitar-shell--empty .chord-string-track .chord-string-wire,.progression-guitar-shell--empty .chord-fret-number-overlay,.progression-guitar-shell--empty .chord-inlay,.progression-guitar-shell--empty .chord-fret-line{opacity:.86}.progression-guitar-diagram--ghost{pointer-events:none}.progression-guitar-board--ghost{filter:grayscale(.9) saturate(.42) blur(1.6px);opacity:.42;transform:scale(1.015);transform-origin:center}.progression-guitar-board--ghost:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 44%,rgba(255,255,255,.14),transparent 28%),linear-gradient(180deg,#0e101414,#0e101447)}.progression-guitar-shell--unavailable .chord-string-track,.progression-guitar-shell--unavailable .chord-string-track .chord-string-wire,.progression-guitar-shell--unavailable .chord-string-label,.progression-guitar-shell--unavailable .chord-fret-number-overlay,.progression-guitar-shell--unavailable .chord-inlay,.progression-guitar-shell--unavailable .chord-fret-line{opacity:.72}.progression-guitar-unavailable-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:grid;align-content:center;justify-items:center;gap:8px;padding:28px 24px;text-align:center;background:radial-gradient(circle at 50% 50%,rgba(255,248,237,.08),transparent 30%),linear-gradient(180deg,#16120e2e,#16120e5c)}.progression-guitar-unavailable-overlay__eyebrow{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#18161485;color:#fff4e5e0;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;box-shadow:0 10px 22px #0a08062e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.progression-guitar-unavailable-overlay__title{max-width:100%;color:#fff6ea;font-family:var(--font-display);font-size:clamp(24px,4vw,32px);font-weight:900;line-height:1;letter-spacing:-.04em;text-shadow:0 6px 20px rgba(0,0,0,.28)}.progression-guitar-unavailable-overlay__copy{max-width:28ch;margin:0;color:#fff1e0db;font-size:13px;font-weight:700;line-height:1.4;text-wrap:balance}.creator-guitar-fade-frame.visualizer-scroll-fade--left .creator-guitar-diagram{--creator-guitar-left-fade: var(--creator-guitar-content-fade-width)}.creator-guitar-fade-frame.visualizer-scroll-fade--right .creator-guitar-diagram{--creator-guitar-right-fade: var(--creator-guitar-content-fade-width)}.creator-guitar-board{width:100%;min-width:0;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none;--creator-fretboard-left: 60px;--creator-fretboard-right: 18px}.creator-guitar-row{align-items:stretch;gap:0}.creator-guitar-row .chord-string-label{display:flex;align-items:center;justify-content:flex-start;transform:none;pointer-events:none}.creator-guitar-board:before{left:38px;width:22px}.creator-guitar-track{display:grid;grid-template-columns:repeat(14,minmax(0,1fr));align-items:center;position:relative;min-height:20px;border-radius:999px;overflow:visible}.creator-guitar-strings{gap:4px}.creator-guitar-track .chord-string-wire{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none}.creator-guitar-cell{position:relative;display:grid;width:100%;height:100%;place-items:center;min-height:20px;border:0;padding:0;background:transparent;cursor:pointer}.creator-guitar-cell:hover{background:transparent}.creator-guitar-cell.active{cursor:pointer}.creator-guitar-row.status-not-played .chord-string-label,.creator-guitar-row.status-not-played .chord-string-wire,.creator-guitar-row.status-not-played .creator-guitar-fret-button,.creator-guitar-row.status-muted .chord-string-wire{opacity:.28}.creator-guitar-row.status-not-played .creator-guitar-nut.not-played{opacity:1}.creator-guitar-nut{position:absolute;left:-21px;top:50%;display:inline-flex;justify-self:center;align-self:center;width:20px;height:20px!important;min-height:20px!important;-moz-appearance:none;appearance:none;-webkit-appearance:none;line-height:1;transform:translateY(-50%);z-index:6;pointer-events:auto;background:transparent;border:0;box-shadow:none;color:#fff8edf5;padding:0}.creator-guitar-nut:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:#0000;box-shadow:none;transition:background-color .18s ease,box-shadow .18s ease;pointer-events:none}.creator-guitar-nut:hover:before,.creator-guitar-nut:focus-visible:before{background:#00000080;box-shadow:0 5px 10px #0003}.creator-guitar-marker{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;height:20px;font-size:10px;font-weight:900;letter-spacing:.02em;line-height:1;color:#fff;pointer-events:none;opacity:0;transition:opacity .18s ease}.creator-guitar-marker.open-symbol,.creator-guitar-marker.muted-symbol{border:1px solid rgba(96,57,18,.72);background:radial-gradient(circle at 35% 30%,#fffbf3fa,#ffedc1eb 36%,#e4b04cf5 72%,#965a1afa);color:#50341a;box-shadow:0 0 0 2px #aa73222e,0 5px 10px #00000024;text-shadow:none}.creator-guitar-nut.not-played .creator-guitar-marker.open-symbol,.creator-guitar-nut.open .creator-guitar-marker.open-symbol,.creator-guitar-nut.not-played .creator-guitar-marker.muted-symbol{opacity:0}.creator-guitar-nut.not-played:hover:before,.creator-guitar-nut.not-played:focus-visible:before{background:#00000080;box-shadow:0 5px 10px #0003}.creator-guitar-nut.not-played:hover .creator-guitar-marker.open-symbol,.creator-guitar-nut.not-played:focus-visible .creator-guitar-marker.open-symbol{opacity:0}.creator-guitar-nut.not-played:hover .creator-guitar-marker.muted-symbol,.creator-guitar-nut.not-played:focus-visible .creator-guitar-marker.muted-symbol{opacity:0}.creator-guitar-nut.muted:hover .creator-guitar-marker.muted-symbol,.creator-guitar-nut.muted:focus-visible .creator-guitar-marker.muted-symbol{opacity:1}.creator-guitar-nut.muted .creator-guitar-marker.muted-symbol{opacity:1}.creator-guitar-marker.muted-symbol.is-active{opacity:0}.creator-guitar-marker.muted-symbol{font-size:9px;top:0;transform:none}.creator-guitar-marker.not-played-symbol{opacity:1;background:#fff8ed29;color:#fff8edb8;box-shadow:none;border:1px solid rgba(255,248,237,.15);font-size:9px}.creator-guitar-cell .fret-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(calc(-50% + var(--fret-shift, 0px)),-50%)}.creator-guitar-cell .fret-dot.root,.creator-guitar-cell .fret-dot.voice{color:#50341a}.creator-guitar-hover-dot{opacity:0}.creator-guitar-row.status-not-played .creator-guitar-fret-button:hover:not(.active),.creator-guitar-row.status-not-played .creator-guitar-fret-button:focus-visible:not(.active){opacity:1}.creator-guitar-fret-button:hover:not(.active) .creator-guitar-hover-dot{opacity:.9}.creator-guitar-fret-button:focus-visible:not(.active) .creator-guitar-hover-dot{opacity:.9}.creator-guitar-fret-button:hover:not(.active) .fret-dot:not(.creator-guitar-hover-dot){opacity:.6}.creator-guitar-fret-button.active .fret-dot,.creator-guitar-fret-button.active:hover .fret-dot{opacity:1}.creator-fret-number-overlay{left:var(--creator-fretboard-left);right:var(--creator-fretboard-right);top:0;display:grid;grid-template-columns:repeat(24,minmax(0,1fr));height:15px;padding:0}.creator-fret-number-overlay span{position:static;transform:none;justify-self:center;text-align:center}.creator-guitar-inlays,.creator-fret-lines.creator-fret-lines{top:16px;bottom:14px;left:60px}.creator-guitar-inlays .chord-inlay{background:radial-gradient(circle at 35% 30%,#fffffffa,#ffffffb8 42%,#f3f1ecf0 72%,#d6d0c5fa);box-shadow:0 0 0 1px #ffffff52,0 2px 6px #22100626}.creator-guitar-inlays .chord-inlay--double{position:relative;width:14px;height:100%;background:transparent;box-shadow:none}.creator-guitar-inlays .chord-inlay__dot{position:absolute;left:50%;display:block;width:10px;height:10px;border-radius:999px;background:radial-gradient(circle at 35% 30%,#fffffffa,#ffffffb8 42%,#f3f1ecf0 72%,#d6d0c5fa);box-shadow:0 0 0 1px #ffffff52,0 2px 6px #22100626}.creator-guitar-inlays .chord-inlay__dot--upper{top:12px;transform:translate(-50%)}.creator-guitar-inlays .chord-inlay__dot--lower{bottom:12px;transform:translate(-50%)}.creator-guitar-fret-button{justify-self:stretch;align-self:stretch;width:100%;height:100%;z-index:2}.progression-guitar-diagram .chord-horizontal-board{display:grid;gap:8px;position:relative;padding:0 12px 20px 16px;border:1px solid rgba(78,41,18,.35);border-radius:30px;overflow:hidden;background:radial-gradient(circle at 20% 14%,rgba(255,255,255,.16),transparent 24%),radial-gradient(circle at 82% 92%,rgba(0,0,0,.16),transparent 30%),linear-gradient(180deg,#ffffff1a,#fff0 18%),linear-gradient(90deg,#ffffff0a,#00000005),linear-gradient(180deg,#aa5928,#95421a 44%,#763010);box-shadow:inset 0 1px #ffffff38,inset 0 -18px 34px #2610064d}.progression-guitar-diagram .chord-horizontal-board:before{content:"";position:absolute;top:22px;bottom:10px;left:38px;width:22px;border-radius:7px;background:linear-gradient(180deg,#ffffff42,#fff0 42%),linear-gradient(180deg,#f7ecd7,#ead8b5 48%,#d2b88d);box-shadow:inset 0 0 0 1px #b4966699,0 0 0 1px #ffffff14,2px 0 8px #2512062e;z-index:0}.progression-guitar-diagram .chord-string-row{align-items:stretch;gap:0;grid-template-columns:44px minmax(0,1fr)}.progression-guitar-diagram .chord-string-label{position:relative;display:flex;align-items:center;justify-content:flex-start;transform:none;pointer-events:none}.progression-guitar-diagram .chord-string-track{display:grid;align-items:center;position:relative;min-height:34px;border-radius:999px;overflow:visible}.progression-guitar-diagram .chord-string-track .chord-string-wire{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none}.progression-guitar-diagram .chord-string-track.status-not-played,.progression-guitar-diagram .chord-string-track.status-muted{opacity:.28}.progression-guitar-diagram .chord-string-row.status-muted .chord-string-label,.progression-guitar-diagram .chord-string-row.status-muted .chord-string-wire{opacity:.62}.progression-guitar-diagram .chord-string-row.status-muted .chord-string-label,.progression-guitar-diagram .chord-string-row.status-not-played .chord-string-label{color:#93959beb;opacity:1;letter-spacing:.04em}.progression-guitar-diagram .chord-string-row.status-muted .chord-string-label:after,.progression-guitar-diagram .chord-string-row.status-not-played .chord-string-label:after{content:"×";left:50%;top:48%;font-size:12px;transform:translate(-18%,-52%);text-shadow:0 1px 0 rgba(255,255,255,.55)}.progression-guitar-diagram .chord-string-row.status-muted .chord-string-label:after,.progression-guitar-diagram .chord-string-row.status-not-played .chord-string-label:after{content:none;position:absolute;left:-2px;top:50%;color:#ef4444;font-size:16px;font-weight:900;line-height:1;transform:translateY(-50%);text-shadow:none;pointer-events:none}.progression-guitar-diagram .chord-finger{position:absolute;z-index:4;display:grid;place-items:center;width:22px;height:22px;padding:0;border:1px solid rgba(96,57,18,.72);border-radius:999px;top:54%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fffbf3fa,#ffedc1eb 36%,#e4b04cf5 72%,#965a1afa);box-shadow:0 0 0 2px #aa73222e,0 7px 14px #1e12082e}.progression-guitar-diagram .chord-finger.root,.progression-guitar-diagram .chord-finger.voice{background:radial-gradient(circle at 35% 30%,#fffbf3fa,#ffedc1eb 36%,#e4b04cf5 72%,#965a1afa);box-shadow:0 0 0 2px #aa73222e,0 7px 14px #1e12082e}.progression-guitar-diagram .chord-finger.open{width:22px;height:22px;border-color:#603912b8;background:radial-gradient(circle at 35% 30%,#fffbf3fa,#ffedc1eb 36%,#e4b04cf5 72%,#965a1afa);box-shadow:0 0 0 2px #aa73222e,0 7px 14px #1e12082e}.progression-guitar-diagram .chord-finger--inline.open{left:-11px!important}.progression-guitar-diagram .chord-finger__label{position:relative;z-index:1;color:#50341a;font-size:8px;font-weight:900;line-height:1;letter-spacing:-.02em;pointer-events:none;-webkit-user-select:none;user-select:none}.progression-guitar-diagram .chord-mute-mark{position:absolute;left:-11px;top:50%;width:20px;aspect-ratio:1 / 1;display:grid;place-items:center;transform:translate(-50%,-50%);color:transparent;font-size:14px;font-weight:900;letter-spacing:.02em;text-shadow:none;z-index:4;border:2px solid rgba(255,255,255,.82);border-radius:999px;background:#ffffff0a;box-shadow:0 0 0 2px #ffffff14,0 7px 14px #1e12082e;pointer-events:none}.progression-guitar-diagram .chord-mute-mark:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:radial-gradient(circle at 35% 24%,#06060a,#06060afa 28%,#050508fa 68%,#030306);box-shadow:inset 0 1px #ffffff14,0 0 0 1px #0000001f;z-index:0}.progression-guitar-diagram .chord-mute-mark:after{content:none;position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:2;color:currentColor;line-height:1;transform:translateY(-1px);font-size:11px}.progression-guitar-diagram .chord-mute-mark.muted:after{color:#fffffffa}.progression-guitar-diagram .chord-mute-mark.dimmed:after{color:#d8dfe8cc}.progression-guitar-diagram .chord-mute-mark.dimmed:before{background:#00000047}.progression-guitar-diagram .chord-unplayed-mark{position:absolute;left:-10px;top:50%;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:999px;transform:translate(-50%,-50%);background:#ffffff1f;color:#d8dfe8ad;font-size:9px;font-weight:900;letter-spacing:.06em;line-height:1;text-transform:uppercase;z-index:4}.progression-guitar-diagram .chord-fret-lines{left:57px}.progression-guitar-diagram .chord-inlays{left:60px}.progression-guitar-diagram .progression-guitar-inlays{top:24px;bottom:10px;left:60px;right:16px}.progression-guitar-diagram .chord-fret-number-overlay{left:60px;right:16px}.start-fret-indicator{position:absolute;left:4px;top:50px;font-size:11px;font-weight:700;color:var(--muted);text-align:right;z-index:1}.barre-fret .string-line{background-color:#1f1a2f66;height:2px}.guitar-shape-selector{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px;background:var(--soft);border-radius:12px;border:1px solid var(--line)}.guitar-shape-selector label{font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap}.guitar-shape-selector select{min-width:100px}.fret-numbers{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));width:calc(100% - var(--string-label-gutter));min-width:var(--fretboard-min-width);margin:0 0 4px var(--string-label-gutter);color:#fff8edb8;font-size:10px;font-weight:850;line-height:1;text-align:center}.fretboard{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));width:calc(100% - var(--string-label-gutter));min-width:var(--fretboard-min-width);margin-left:var(--string-label-gutter);overflow:visible;border:1px solid rgba(64,33,14,.45);border-radius:18px;background:linear-gradient(180deg,#ffffff24,#0000000f),repeating-linear-gradient(92deg,#ffffff0f 0,#ffffff0f 4px,#00000008 4px,#00000008 8px),linear-gradient(180deg,#b65f25,#9d4f1c 40%,#803a11);box-shadow:inset 0 1px #ffffff47,inset 0 -18px 30px #35120038}.fret-cell{position:relative;min-height:clamp(20px,2.25vw,27px);border-left:1px solid rgba(255,248,237,.18);background:transparent}.fret-cell.first-fret{border-left:3px solid rgba(255,248,237,.38)}.string-name{position:absolute;top:50%;left:calc(-1 * var(--string-label-gutter));z-index:4;width:calc(var(--string-label-gutter) - 4px);transform:translateY(-50%);color:#fff8edd1;font-size:9px;font-weight:900;text-align:center;text-shadow:0 1px 1px rgba(37,18,6,.45);pointer-events:none}.string-line{position:absolute;top:50%;right:0;left:0;height:1px;transform:translateY(-50%);background:linear-gradient(90deg,#fff8ec59,#4a2c12b8 18%,#b0814ef2,#4a2c12b8 82%,#fff8ec59)}.fret-dot{position:absolute;top:50%;left:50%;z-index:3;display:grid;width:clamp(11px,1.35vw,16px);height:clamp(11px,1.35vw,16px);place-items:center;border-radius:999px;border:1px solid rgba(96,57,18,.72);transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#fffbf3fa,#ffedc1eb 36%,#e4b04cf5 72%,#965a1afa);color:#50341a;font-size:9px;font-weight:900;box-shadow:0 0 0 2px #aa73222e,0 5px 10px #00000024}.fret-dot.root,.fret-dot.voice{background:radial-gradient(circle at 35% 30%,#fffbf3fa,#ffedc1eb 36%,#e4b04cf5 72%,#965a1afa);color:#50341a;box-shadow:0 0 0 2px #aa73222e,0 5px 10px #00000024}.fret-dot.muted{background:radial-gradient(circle at 35% 30%,#fffbf3fa,#ffedc1eb 36%,#e4b04cf5 72%,#965a1afa);color:#50341a;border:1px solid rgba(96,57,18,.72);box-shadow:0 0 0 2px #aa73222e,0 5px 10px #00000024;opacity:1}.nut-marker{left:50%}.creator-layout{display:grid;grid-template-columns:1fr;gap:16px}.creator-layout,.guided-builder,.creator-meta-grid,.guided-mode-panels,.creator-editor{animation:creator-mode-panel-in .22s cubic-bezier(.2,0,.2,1)}@keyframes creator-mode-panel-in{0%{opacity:0;transform:translateY(6px) scale(.994)}to{opacity:1;transform:translateY(0) scale(1)}}.creator-panel--sequencer{grid-column:1 / -1;width:100%}.creator-viz .chord-diagram{max-width:none}.creator-panel{border:1px solid var(--line);border-radius:22px;padding:14px;background:#faf9ff;min-width:0;overflow:visible}.creator-editor{display:grid;min-width:0;margin-top:20px;overflow:visible}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px;align-items:start}.creator-title-field{grid-area:title;align-self:end;min-width:0;width:100%;max-width:none;justify-self:start;justify-items:stretch;text-align:left}.creator-title-field>.filter-caption,.guided-builder__title-field>.filter-caption,.creator-title-key-row__label{width:100%;justify-self:start;text-align:left}.creator-title-field .field-feedback{text-align:left}.creator-title-key-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;justify-items:stretch;gap:10px 12px;min-width:0;text-align:left}.creator-title-field__caption--stack{display:block}.creator-title-key-row__label{display:none;min-width:0;text-align:left}.creator-meta-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title title" "genre mood";align-items:start;gap:10px 14px;margin-top:10px;min-width:0}.creator-title-input{min-height:38px;padding-block:10px;border-radius:999px;font-size:13px;font-weight:850;direction:ltr;text-align:left!important}.creator-title-input-wrap{position:relative;display:grid;min-width:0;width:100%;justify-self:stretch;justify-items:stretch;text-align:left}.creator-title-key-row__title-stack{display:grid;gap:6px;min-width:0;width:100%;justify-self:start;text-align:left}.creator-title-key-row .creator-title-input-wrap{grid-area:auto}.creator-title-input--with-action{padding-right:46px}.creator-title-shuffle{position:absolute;top:50%;right:5px;display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid rgba(137,90,183,.16);border-radius:999px;background:#ffffffdb;color:var(--violet);box-shadow:0 8px 16px #1f183014;transform:translateY(-50%);transition:background .14s ease,border-color .14s ease,color .14s ease,transform .14s ease}.creator-title-shuffle:hover,.creator-title-shuffle:focus-visible{border-color:#895ab757;background:#f5f1fffa;color:#6f46c8;transform:translateY(-50%) scale(1.03);outline:none}.creator-tag-field{display:grid;gap:6px;min-width:0}.creator-tag-field--genre{grid-area:genre}.creator-tag-row{display:grid;gap:10px 12px;min-width:0}.creator-tag-row--mood-key{grid-area:mood;grid-template-columns:minmax(0,1fr) auto;align-items:start}.creator-tag-custom-wrap{display:inline-flex;align-items:center;gap:4px;flex:0 0 auto;min-height:32px;padding:6px 7px;border:1px dashed var(--line);border-radius:999px;background:#fff;box-sizing:border-box;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}.creator-tag-field__scroller{display:flex;align-items:center;gap:6px;min-width:0;width:100%;position:relative;isolation:isolate}.creator-tag-field__scroller.tag-options--fade-left,.creator-tag-field__scroller.tag-options--fade-right{-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}.creator-tag-field__scroller.tag-options--fade-left:before,.creator-tag-field__scroller.tag-options--fade-right:after{content:none;display:none}.creator-tag-field__scroller--static{overflow:visible;flex-wrap:wrap;align-items:flex-start;align-content:flex-start;touch-action:auto;max-height:70px}.creator-tag-field--genre .creator-tag-field__scroller--static{overflow:hidden}.creator-tag-field__scroller--static::-webkit-scrollbar{display:none}.creator-tag-field__scroller--scrollable{overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.creator-tag-field__scroller--scrollable::-webkit-scrollbar{display:none}.creator-tag-field__scroller .filter-tag{flex:0 0 auto;min-height:32px}.creator-tag-custom{flex:0 0 auto;width:auto;min-width:0;max-width:none;min-height:0;border:0;border-radius:0;padding:0;background:transparent;color:var(--ink);font-size:11px;font-weight:900;line-height:1;white-space:nowrap;box-shadow:none}.creator-tag-custom-wrap:hover .creator-tag-custom__icon,.creator-tag-custom-wrap:focus-within .creator-tag-custom__icon{opacity:1}.creator-tag-custom-wrap:focus-within{border-color:#895ab785;box-shadow:0 0 0 3px #895ab71a}.creator-tag-custom-wrap--invalid{border-color:#d94848d1;background:#fff0f0fa;box-shadow:0 0 0 1px #d9484814}.creator-tag-custom__icon{display:inline-flex;align-items:center;justify-content:center;color:var(--violet);opacity:.7;pointer-events:none;transition:opacity .18s ease,color .18s ease}.creator-tag-custom::placeholder{color:var(--violet);opacity:.85}.creator-tag-custom:focus{outline:none}.creator-tag-custom--invalid,body.theme-dark .creator-tag-custom{color:var(--ink)}body.theme-dark .creator-tag-custom-wrap{border-color:var(--line);background:#202434}body.theme-dark .creator-tag-custom__icon{color:#d9cbff}body.theme-dark .creator-tag-custom::placeholder{color:#d9cbff}body.theme-dark .creator-tag-field__scroller.tag-options--fade-left:before{background:linear-gradient(90deg,#202434fa,#20243400)}body.theme-dark .creator-tag-field__scroller.tag-options--fade-right:after{background:linear-gradient(90deg,#20243400,#202434fa)}body.theme-dark .creator-row--bpm{border-color:var(--line)}body.theme-dark .creator-tag-custom-wrap--invalid{border-color:#ff7575c7;background:#3a191dfa;box-shadow:0 0 0 1px #ff757514}.creator-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:10px 0 0;color:var(--muted);font-size:13px;font-weight:800}.creator-row__play{margin-left:0}.creator-row--bpm{display:grid;grid-template-columns:auto minmax(88px,auto) auto minmax(260px,1fr);grid-template-areas:"play bars guide bpm";align-items:center;gap:12px 16px;margin-block:20px 6px;padding:0;border:0;border-radius:0;background:transparent}.creator-row--bpm--easy{grid-template-columns:auto minmax(88px,auto) auto minmax(260px,1fr);grid-template-areas:"play bars guide bpm"}.creator-row__bpm{grid-area:bpm;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;justify-self:stretch}.creator-mode-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:14px;padding:0}.creator-mode-scene{--creator-mode-entry-y: 24px;position:relative;isolation:isolate;min-width:0}.creator-mode-scene--manual{--creator-mode-entry-y: -22px}.creator-mode-scene__content{position:relative;z-index:1;min-width:0}.creator-mode-body{position:relative;min-width:0;margin-top:18px;padding:18px;overflow:clip;border:1px solid rgba(137,90,183,.14);border-radius:22px;background:radial-gradient(circle at top left,rgba(137,90,183,.08),transparent 38%),linear-gradient(180deg,#fffffffa,#f9f6fffa);transition:height .44s cubic-bezier(.16,1,.3,1)}.creator-mode-body__content{min-width:0;min-height:0;animation:creator-mode-scene-content-up .36s cubic-bezier(.16,1,.3,1) both;will-change:opacity,transform}.creator-mode-body--manual .creator-mode-body__content{animation-name:creator-mode-scene-content-down}.creator-work-area{position:relative;min-width:0}.creator-mode-workspace{position:relative;min-width:0;transform-origin:50% 0}.creator-mode-scene .guided-builder,.creator-mode-scene .creator-meta-grid,.creator-mode-workspace .guided-mode-panels,.creator-mode-workspace .creator-editor{animation:none}.creator-mode-scene--guided .creator-mode-workspace{animation:creator-mode-scene-section-focus-up .58s cubic-bezier(.16,1,.3,1) 55ms both}.creator-mode-scene--manual .creator-mode-workspace{animation:creator-mode-scene-section-focus-down .58s cubic-bezier(.16,1,.3,1) 55ms both}@keyframes creator-mode-scene-content-down{0%{opacity:0;filter:blur(5px);transform:translateY(var(--creator-mode-entry-y)) scale(.994)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes creator-mode-scene-content-up{0%{opacity:0;filter:blur(5px);transform:translateY(var(--creator-mode-entry-y)) scale(.994)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes creator-mode-scene-section-focus-up{0%{opacity:0;filter:blur(8px);transform:translateY(34px) scale(.985)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@keyframes creator-mode-scene-section-focus-down{0%{opacity:0;filter:blur(8px);transform:translateY(-38px) scale(.985)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.creator-mode-scene,.creator-mode-scene__content,.creator-mode-body,.creator-mode-body__content,.creator-mode-scene .creator-mode-workspace{animation:none;filter:none;transform:none}.creator-mode-body{transition:none}}.creator-mode-copy{display:grid;gap:4px;min-width:0}.creator-mode-help{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.creator-mode-switch{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex:0 0 auto;min-width:0;padding:0;background:transparent;box-shadow:none;-webkit-tap-highlight-color:transparent}.creator-mode-switch:hover,.creator-mode-switch:active,.creator-mode-switch.active{background:transparent;box-shadow:none}.creator-mode-switch__label{display:inline-flex;align-items:center;gap:8px;color:var(--ink);font-size:13px;font-weight:760;letter-spacing:.06em;line-height:1;text-transform:uppercase;white-space:nowrap}.creator-mode-switch__label-icon{display:inline-grid;place-items:center;width:16px;height:16px;flex:0 0 16px;color:var(--violet);opacity:.92}.creator-mode-switch__label-icon svg{width:16px;height:16px}.creator-mode-switch__label-text{display:inline-flex;align-items:center}.creator-mode-switch__control{display:inline-flex;align-items:center;gap:8px}.creator-mode-switch__state{min-width:24px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.08em;line-height:1;text-transform:uppercase;transition:color .16s ease,opacity .16s ease}.creator-mode-switch__track{position:relative;width:46px;height:24px;border:1px solid rgba(20,12,40,.12);border-radius:999px;background:linear-gradient(180deg,#f7f8fb,#e3e8ef);box-shadow:inset 0 1px #ffffffbd,inset 0 -1px #0c08120a;transition:background .14s cubic-bezier(.4,0,.2,1),border-color .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1)}.creator-mode-switch:hover .creator-mode-switch__track{border-color:#895ab752;box-shadow:inset 0 1px #ffffffd1,inset 0 -1px #0c08120d,0 0 0 1px #895ab70d}.creator-mode-switch__thumb{position:absolute;top:50%;left:3px;width:18px;height:18px;border-radius:999px;background:linear-gradient(180deg,#fff,#dfe4ee);box-shadow:0 7px 14px #140c282e;transform:translateY(-50%);transition:left .14s cubic-bezier(.4,0,.2,1),background .14s cubic-bezier(.4,0,.2,1),box-shadow .14s cubic-bezier(.4,0,.2,1)}.creator-mode-switch:hover .creator-mode-switch__thumb{box-shadow:0 8px 16px #140c2833}.creator-mode-switch.is-on .creator-mode-switch__track{border-color:#895ab747;background:linear-gradient(180deg,#f6f7fa,#dfe5ee)}.creator-mode-switch.is-on .creator-mode-switch__thumb{left:25px;background:var(--violet)}.creator-mode-switch.is-on .creator-mode-switch__state--on{color:var(--violet);opacity:1}.creator-mode-switch.is-on .creator-mode-switch__state--off{opacity:.68}.creator-mode-switch.is-off .creator-mode-switch__state--off{color:var(--violet);opacity:1}.creator-mode-switch.is-off .creator-mode-switch__state--on{opacity:.68}body.theme-dark .creator-mode-switch__track{border-color:#a88cff47;background:linear-gradient(180deg,#2a3042,#1b2030);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000094}body.theme-dark .creator-mode-switch:hover .creator-mode-switch__track{border-color:#a88cff57;box-shadow:inset 0 1px #ffffff14,inset 0 -1px #0000009e,0 0 0 1px #a88cff0f}body.theme-dark .creator-mode-switch__thumb{background:linear-gradient(180deg,#99a6cb,#667395);box-shadow:0 7px 14px #00000047}body.theme-dark .creator-mode-switch.is-off .creator-mode-switch__thumb{background:linear-gradient(180deg,#8f9cc0,#5e6b8b)}body.theme-dark .creator-mode-switch,body.theme-dark .creator-mode-switch__control{background:transparent}body.theme-dark .creator-mode-switch__label{color:#eee8ff}body.theme-dark .creator-mode-switch__label-icon{color:#c9b6ff}body.theme-dark .creator-mode-switch__state{color:#e6e0f8d1}body.theme-dark .creator-mode-switch.is-on .creator-mode-switch__state--on,body.theme-dark .creator-mode-switch.is-off .creator-mode-switch__state--off{color:#c9b6ff}body.theme-dark .creator-mode-switch.is-on .creator-mode-switch__track{border-color:#a88cff5c;background:linear-gradient(180deg,#2f3550,#20263b)}body.theme-dark .creator-mode-switch.is-on .creator-mode-switch__thumb{background:var(--violet)}body.theme-dark .creator-title-shuffle{border-color:#a88cff3d;background:#1f2436eb;color:#c9b6ff}body.theme-dark .creator-title-shuffle:hover,body.theme-dark .creator-title-shuffle:focus-visible{border-color:#a88cff66;background:#2c2644fa;color:#efe8ff}body.theme-dark .guided-question__tag--resolved:not(.active){border-color:#a88cff57;background:#30294cdb;color:#d6c9ff}.guided-builder,.creator-manual-builder{display:grid;gap:16px;margin:0;padding:0;border:0;background:transparent}.guided-question{display:grid;gap:10px}.guided-builder__title-field{display:grid;grid-template-columns:minmax(0,1fr);min-width:0;width:min(420px,100%);max-width:100%;justify-self:start;align-self:start;justify-items:stretch;align-items:start;margin-left:0;margin-right:auto;gap:6px;text-align:left}.guided-builder__title-input{display:block;min-width:0;width:100%;min-height:38px;padding-block:10px;border-radius:999px;font-size:13px;font-weight:850;justify-self:stretch;text-align:left;direction:ltr;margin-left:0;margin-right:auto}.guided-builder__title-input-wrap{justify-self:stretch}.guided-builder .filter-caption,.guided-builder .field-label{text-align:left}.guided-builder__title-field .field-feedback{width:100%;text-align:left}.guided-question__prompt{color:var(--ink);font-size:14px;font-weight:760;line-height:1.35}.guided-question__tags{display:flex;flex-wrap:wrap;gap:8px}.guided-question__tags--scroll{width:100%;max-width:100%;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.guided-question__tags--scroll::-webkit-scrollbar{display:none}.guided-question__tags--scroll .filter-tag{flex:0 0 auto}.guided-question__tag--custom{gap:6px}.guided-question__experimental{margin-left:6px;padding:1px 4px;border:1px solid currentColor;border-radius:999px;font-size:9px;font-weight:800;line-height:1.2}.guided-question__tag--resolved:not(.active){border-color:#895ab742;background:linear-gradient(180deg,#fffffffa,#f5f1fff5);color:#6d45c3;box-shadow:inset 0 0 0 1px #895ab714}.guided-question__tag-icon{display:inline-grid;place-items:center;width:12px;height:12px;flex:0 0 12px;color:currentColor}.guided-question__tag-icon svg{width:11px;height:11px}.guided-question__custom{display:grid;gap:8px;max-width:360px}.guided-question__input{width:100%}.guided-question__helper{color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.guided-builder__actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;overflow:visible}.guided-builder__generate{position:relative;min-height:42px;padding-inline:18px;font-size:14px;font-weight:800;gap:10px;overflow:visible}.guided-builder__generate-icon{display:inline-flex;align-items:center;justify-content:center;transform-origin:center}.guided-builder__generate:hover .guided-builder__generate-icon,.guided-builder__generate:focus-visible .guided-builder__generate-icon{animation:guided-builder-shuffle-spin .9s var(--motion-ease-standard)}.generation-comparison{display:grid;gap:16px;width:100%;margin-top:0;padding:26px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;animation:generation-comparison-in .36s cubic-bezier(.16,1,.3,1) both}.generation-comparison__intro{display:grid;gap:4px}.generation-comparison__intro h2,.generation-comparison__intro p{margin:0}.generation-comparison__intro h2{font-size:clamp(1.15rem,2vw,1.45rem)}.generation-comparison__intro p{color:var(--muted);font-size:.9rem}.generation-comparison__resolved{display:flex;flex-wrap:wrap;align-items:center;gap:7px;color:var(--muted);font-size:.78rem}.generation-comparison__resolved strong{padding:4px 8px;border:1px solid color-mix(in srgb,var(--violet) 34%,var(--line));border-radius:999px;color:var(--ink);background:color-mix(in srgb,var(--violet) 10%,var(--card));font-size:.76rem}.generation-comparison__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.generation-comparison__candidate{position:relative;display:grid;gap:14px;min-width:0;padding:16px;overflow:hidden;color:var(--ink);text-align:left;border:1px solid color-mix(in srgb,var(--violet) 32%,var(--line));border-radius:var(--radius-md);background:var(--card);box-shadow:var(--surface-shadow);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.generation-comparison__candidate:hover,.generation-comparison__candidate:focus-visible{border-color:color-mix(in srgb,var(--violet) 72%,var(--line));box-shadow:var(--surface-shadow),inset 0 0 0 1px color-mix(in srgb,var(--violet) 22%,transparent)}.generation-comparison__candidate.is-selected{border-color:var(--violet);background:color-mix(in srgb,var(--violet) 9%,var(--card));box-shadow:var(--surface-shadow),inset 0 0 0 2px color-mix(in srgb,var(--violet) 34%,transparent)}.generation-comparison__candidate.is-playing{border-color:color-mix(in srgb,var(--violet) 82%,white 18%)}.generation-comparison__candidate:disabled{cursor:default;opacity:.88}.generation-comparison__candidate-head,.generation-comparison__meta,.generation-comparison__selected,.generation-comparison__play-state{display:flex;align-items:center}.generation-comparison__candidate-head{justify-content:space-between;gap:12px}.generation-comparison__letter{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;color:#fff;background:var(--violet);font-weight:800}.generation-comparison__play-state,.generation-comparison__selected{gap:6px;color:var(--violet);font-size:.78rem;font-weight:750}.generation-comparison__chords{display:block;min-width:0;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;overscroll-behavior-x:contain}.generation-comparison__chord-track{display:grid;grid-template-columns:repeat(var(--preview-grid-total, 4),minmax(0,1fr));gap:7px;width:var(--preview-scroll-width, 100%);min-width:100%;padding:3px;background-image:repeating-linear-gradient(90deg,color-mix(in srgb,var(--violet) 13%,transparent) 0 1px,transparent 1px calc(100% / var(--preview-grid-total, 4)));border-radius:12px}.generation-comparison__chord{display:grid;place-items:center;align-content:center;gap:.12rem;min-width:0;min-height:62px;padding:.5rem .45rem;border:1px solid color-mix(in srgb,var(--violet) 30%,var(--line));border-radius:10px;background:color-mix(in srgb,var(--violet) 7%,var(--soft));text-align:center}.generation-comparison__chord span{color:var(--muted);font-size:.68rem}.generation-comparison__chord strong{width:100%;min-width:0;max-width:100%;overflow:hidden;font-size:.95rem;font-weight:800;line-height:1.15;text-align:center;text-overflow:ellipsis;white-space:nowrap}.generation-comparison__chord .auto-marquee-text{width:100%;min-width:0}.generation-comparison__chord .auto-marquee-text:not(.auto-marquee-text--overflowing) .auto-marquee-text__scroller{text-align:center}.generation-comparison__meta{color:var(--muted);font-size:.78rem}.generation-comparison__selected{position:absolute;right:14px;bottom:13px}.generation-comparison__actions{position:relative;z-index:3;display:flex;justify-content:flex-end;gap:10px}.generation-comparison__actions .btn{min-height:42px}.generation-comparison__actions .generation-comparison__done{margin-right:auto}.generation-comparison__actions .generation-comparison__neither:not(:disabled){border-color:color-mix(in srgb,var(--danger) 58%,var(--line));background:#fff0f0;color:var(--danger);box-shadow:none}.generation-comparison__actions .generation-comparison__neither:not(:disabled):hover,.generation-comparison__actions .generation-comparison__neither:not(:disabled):focus-visible{border-color:var(--danger);background:color-mix(in srgb,var(--danger) 20%,var(--card))}body.theme-dark .generation-comparison .generation-comparison__actions .btn.generation-comparison__neither:not(:disabled){border-color:color-mix(in srgb,var(--danger) 62%,var(--line));background:#3b2028;color:#ff8a8a;box-shadow:none}body.theme-dark .generation-comparison .generation-comparison__actions .btn.generation-comparison__neither:not(:disabled):hover,body.theme-dark .generation-comparison .generation-comparison__actions .btn.generation-comparison__neither:not(:disabled):focus-visible{border-color:var(--danger);background:#49242d}.generation-comparison__actions .generation-comparison__approve{border-color:var(--green);background:var(--green);color:#fff}.generation-comparison__actions .generation-comparison__approve:disabled{border-color:color-mix(in srgb,var(--green) 68%,var(--line));background:color-mix(in srgb,var(--green) 64%,var(--card));color:#ffffffe6;opacity:.72}body.theme-dark .generation-comparison .generation-comparison__actions .btn.generation-comparison__approve{border-color:var(--green);background:var(--green);color:#fff}body.theme-dark .generation-comparison .generation-comparison__actions .btn.generation-comparison__approve:disabled{border-color:color-mix(in srgb,var(--green) 68%,var(--line));background:color-mix(in srgb,var(--green) 64%,#202434);color:#ffffffe6;opacity:.72}.generation-comparison__actions .generation-comparison__approve:not(:disabled):hover,.generation-comparison__actions .generation-comparison__approve:not(:disabled):focus-visible{border-color:color-mix(in srgb,var(--green) 82%,#000);background:color-mix(in srgb,var(--green) 86%,#000)}.generation-comparison__status{margin:0;color:var(--muted);font-size:.82rem;text-align:right}@keyframes generation-comparison-in{0%{opacity:0;filter:blur(9px);transform:translateY(12px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@media(max-width:760px)and (orientation:portrait){.generation-comparison{gap:14px;padding:26px 0 0}.generation-comparison__grid{grid-template-columns:minmax(0,1fr);gap:12px}.generation-comparison__candidate{gap:12px;padding:14px}.generation-comparison__chord{min-height:66px}.generation-comparison__actions{display:grid;grid-template-columns:minmax(0,1fr)}.generation-comparison__actions .btn{width:100%}}@media(prefers-reduced-motion:reduce){.generation-comparison{animation:none}}.guided-generation-rating{display:inline-flex;align-items:center;margin-left:auto;overflow:visible;padding:9px 10px 9px 12px;border:1px solid rgba(124,82,202,.22);border-radius:16px;background:radial-gradient(circle at 8% 50%,rgba(144,102,222,.16),transparent 46%),linear-gradient(135deg,#fdfbfffa,#f5f0fffa);box-shadow:0 8px 20px #5e3da41a;animation:guided-generation-rating-in .36s cubic-bezier(.16,1,.3,1) both}.creator-manual-builder .creator-meta-grid{margin-top:0}.guided-generation-rating__content{display:inline-flex;align-items:center;gap:12px;overflow:visible;animation:guided-generation-rating-question-in .22s cubic-bezier(.16,1,.3,1) both;transition:opacity .18s ease,transform .18s ease}.guided-generation-rating--closing .guided-generation-rating__content{opacity:0;transform:translateY(-4px) scale(.98);pointer-events:none}.guided-generation-rating__content.is-question-changing{opacity:0;transform:translate(-7px) scale(.985);pointer-events:none}.guided-generation-rating--exiting{animation:guided-generation-rating-out .26s ease-in both}.guided-generation-rating__copy{display:grid;min-width:0;gap:2px}.guided-generation-rating__label{color:#4b347cf2;font-size:11px;font-weight:820;line-height:1.2;white-space:nowrap}.guided-generation-rating__prompt{max-width:235px;color:var(--muted);font-size:11px;font-weight:650;line-height:1.3}.guided-generation-rating__options{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:33px;padding-block:2px;overflow:visible}.guided-generation-rating__thank-you{display:grid;min-width:240px;gap:2px;padding:2px 4px;color:#4b347cf2;font-size:11px;line-height:1.35;animation:guided-generation-rating-thanks-in .22s cubic-bezier(.16,1,.3,1) both}.guided-generation-rating__thank-you strong{font-size:12px;font-weight:840}.guided-generation-rating__thank-you span{color:var(--muted);font-weight:650}.guided-generation-rating__circle{display:inline-grid;place-items:center;width:29px;height:29px;min-width:29px;min-height:29px;padding:0;box-sizing:border-box;border:1px solid rgba(114,74,184,.34);border-radius:50%;background:#ffffffe6;color:#563794d1;font:inherit;font-size:11px;font-weight:800;line-height:1;cursor:pointer;overflow:visible;box-shadow:inset 0 0 0 1px #ffffffb3,0 2px 5px #5d3aa714;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.guided-generation-rating__circle:hover,.guided-generation-rating__circle:focus-visible{border-color:#7851c285;color:#6940bb;outline:none;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 14px #6940bb33}.guided-generation-rating__circle.is-before-selected{border-color:#7851c257;background:#895ab71c;color:#6940bbd6}.guided-generation-rating__circle.is-selected{border-color:var(--violet);background:var(--violet);color:#fff;box-shadow:0 4px 12px #6940bb38}.guided-generation-rating__circle:disabled{cursor:wait;opacity:.68}@media(min-width:761px){.guided-builder__actions{position:relative;min-height:42px}.guided-generation-rating{position:absolute;right:0;bottom:0;margin-left:0;padding:7px 8px 7px 10px;border-radius:14px}.guided-generation-rating__content{gap:8px}.guided-generation-rating__label{font-size:10px}.guided-generation-rating__prompt{max-width:185px;font-size:10px;line-height:1.25}.guided-generation-rating__options{gap:4px;min-height:30px;padding-block:2px}.guided-generation-rating__circle{width:26px;height:26px;min-width:26px;min-height:26px;font-size:10px}.guided-generation-rating__thank-you{min-width:205px;font-size:10px}.guided-generation-rating__thank-you strong{font-size:11px}}body.theme-dark .guided-generation-rating__circle{border-color:#c4b1ff42;background:#2c2745bd;color:#e0d8ffb8}body.theme-dark .guided-generation-rating{border-color:#b89dff38;background:radial-gradient(circle at 8% 50%,rgba(162,116,255,.18),transparent 46%),linear-gradient(135deg,#322852f5,#231e39f5);box-shadow:0 8px 20px #0003}body.theme-dark .guided-generation-rating__label{color:#f4effff0}body.theme-dark .guided-generation-rating__prompt{color:#e0d8ffb3}body.theme-dark .guided-generation-rating__thank-you{color:#f4effff0}body.theme-dark .guided-generation-rating__thank-you span{color:#e0d8ffb3}body.theme-dark .guided-generation-rating__circle:hover,body.theme-dark .guided-generation-rating__circle:focus-visible{border-color:#cdb9ffa8;color:#f3edff;box-shadow:0 4px 12px #a684ff33}body.theme-dark .guided-generation-rating__circle.is-before-selected{border-color:#b89dff6b;background:#9871ee2e;color:#ebe3ffe6}body.theme-dark .guided-generation-rating__circle.is-selected{border-color:var(--violet);background:var(--violet);color:#fff}@keyframes guided-generation-rating-in{0%{opacity:0;transform:translateY(6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guided-generation-rating-thanks-in{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes guided-generation-rating-question-in{0%{opacity:0;transform:translate(7px) scale(.985)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes guided-generation-rating-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-5px) scale(.98)}}@media(prefers-reduced-motion:reduce){.guided-generation-rating,.guided-generation-rating__content,.guided-generation-rating__thank-you{animation:none}.guided-generation-rating__content{width:100%;flex-wrap:wrap;justify-content:center}}@keyframes guided-builder-shuffle-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body.theme-dark .creator-mode-body{border-color:#a88cff2e;background:radial-gradient(circle at top left,rgba(168,140,255,.12),transparent 36%),linear-gradient(180deg,#1e2230fa,#161924fa)}.creator-easy-hint,.creator-easy-note{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:8px;color:var(--muted);font-size:12px;line-height:1.45}.creator-easy-note{padding:8px 10px;border:1px solid rgba(137,90,183,.16);border-radius:12px;background:#895ab70f}.creator-key-selector{display:grid;gap:6px;min-width:0;justify-self:stretch;align-self:end;width:100%}.creator-key-selector__grid{display:flex;align-items:center;gap:6px;min-width:0;width:100%;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;padding-bottom:2px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.creator-key-selector__grid::-webkit-scrollbar{display:none}.creator-key-selector__button{flex:0 0 auto;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;border-radius:999px;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;font-size:10px;line-height:1;letter-spacing:-.02em;text-align:center}.creator-key-selector__button--detect{width:auto;min-width:64px;padding-inline:14px;aspect-ratio:auto}.creator-row__bpm-label,.creator-bpm-value,.creator-row__bars-label{color:var(--muted);font-size:12px;font-weight:850;letter-spacing:0;line-height:1;white-space:nowrap}.creator-row__bpm-label{flex:0 0 auto}.creator-bpm-value{flex:0 0 auto;width:5ch;display:inline-flex;justify-content:flex-end;font-variant-numeric:tabular-nums;text-align:right}.creator-row__bars{grid-area:bars;display:inline-flex;align-items:center;gap:8px;justify-self:center;justify-content:flex-start;text-align:left;white-space:nowrap}.creator-row__time{grid-area:time;display:inline-flex;align-items:center;gap:6px;min-width:0;flex-wrap:nowrap}.creator-row__time-label,.creator-row__split-label{color:var(--muted);font-size:12px;font-weight:850}.creator-time-switch{position:relative;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:0;width:88px;height:32px;padding:2px;border:1px solid rgba(53,41,83,.12);border-radius:999px;background:linear-gradient(180deg,#f6f7fa,#e7ebf1);box-shadow:inset 0 1px #ffffffc2,inset 0 -1px #0c08120a;isolation:isolate}.creator-time-switch__button{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;border:0;border-radius:999px;background:transparent;color:#2925307a;font-size:11px;font-weight:850;line-height:1;padding:0;text-align:center;transition:color .16s ease,opacity .16s ease}.creator-time-switch__button.active{color:#fff}.creator-time-switch__button:not(.active){opacity:.66}.creator-time-switch__thumb{position:absolute;top:50%;left:2px;z-index:1;width:calc((100% - 4px)/2);height:calc(100% - 4px);border-radius:999px;background:var(--violet);box-shadow:0 8px 16px #895ab738;transform:translateY(-50%);transition:transform .16s cubic-bezier(.4,0,.2,1),background .14s ease,box-shadow .14s ease;pointer-events:none}.creator-time-switch.is-three-four .creator-time-switch__thumb{transform:translate(100%,-50%)}.creator-time-switch__button:focus-visible{outline:none}@media(hover:hover)and (pointer:fine){.creator-time-switch:hover{border-color:#895ab73d;background:linear-gradient(180deg,#faf8ff,#ece8f6)}.creator-time-switch:hover .creator-time-switch__thumb{box-shadow:0 9px 18px #895ab742}.creator-time-switch__button:not(.active):hover{color:#292530c2;opacity:1}body.theme-dark .creator-time-switch:hover{border-color:#a88cff47;background:linear-gradient(180deg,#2a3144,#202638)}body.theme-dark .creator-time-switch__button:not(.active):hover{color:#f4efffc7}}.creator-time-signature-dialog{display:grid;gap:16px}.creator-time-signature-dialog__actions{display:flex;justify-content:flex-end;gap:8px}.creator-row--bpm .creator-row__play{justify-self:start;margin-left:0}.creator-playback-control{grid-area:play;display:flex;align-items:center;min-width:0}.creator-playback-volume{display:inline-flex;align-items:center;gap:8px;max-width:158px;margin-left:10px;padding-block:6px}.creator-playback-volume__label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.creator-playback-volume input{width:92px;min-width:92px}.creator-row--bpm .creator-row__bpm{justify-self:end}@media(min-width:761px){.creator-title-field__caption--stack{display:none}.creator-title-key-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"title-stack key-selector";align-items:start;gap:12px}.creator-title-key-row__label{display:block}.creator-title-key-row__title-stack{grid-area:title-stack}.creator-title-key-row__label--title{grid-area:auto}.creator-title-key-row__label--key{display:none}.creator-title-input{grid-area:auto}.creator-key-selector{grid-area:key-selector;align-self:start;min-height:39px}.creator-key-selector>.filter-caption{display:block;margin-bottom:0}.creator-key-selector__grid{min-height:39px;padding-bottom:0}.creator-tag-field--mood{min-width:0}.creator-row--bpm,.creator-row--bpm--easy{grid-template-columns:auto minmax(88px,auto) auto minmax(260px,1fr);grid-template-areas:"play bars guide bpm"}}@media(max-width:760px){.creator-meta-grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "genre" "mood"}.creator-title-field{max-width:none}.creator-tag-row--mood-key{grid-template-columns:minmax(0,1fr)}.creator-row--bpm{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"guide bars bpm" "play play play";gap:12px 8px;margin-block:20px 6px;padding:0;border:0;border-radius:0;background:transparent}.creator-row--bpm--easy{grid-template-columns:auto auto minmax(0,1fr);grid-template-areas:"guide bars bpm" "play play play"}.creator-row--bpm .creator-row__play{margin-left:0;width:100%;justify-content:center}.creator-row__bpm{grid-area:bpm;display:grid;grid-template-columns:auto minmax(44px,1fr) auto;grid-template-areas:"label slider value";align-items:center;column-gap:5px;width:100%;margin-block:0}.creator-row__bpm-label{grid-area:label}.creator-bpm-value{grid-area:value;justify-self:end}#visual-bpm{grid-area:slider;width:100%;min-width:0}.creator-row__bars{grid-area:bars;justify-content:flex-start;justify-self:start;width:max-content;min-width:max-content}.creator-row__time{justify-self:start;flex-wrap:wrap}.creator-mode-row{flex-direction:column;align-items:stretch}.creator-mode-switch{width:100%;justify-content:space-between}.creator-mode-switch__label{flex:0 1 auto}.creator-mode-switch__state{min-width:0}.creator-mode-body{padding:16px 14px}.guided-builder__actions{align-items:stretch}.guided-builder__generate{width:100%;justify-content:center}.guided-generation-rating{width:100%;flex-wrap:wrap;justify-content:center;margin-left:0;text-align:center}.guided-generation-rating__copy{width:100%;justify-items:center}.guided-generation-rating__prompt{max-width:270px}.guided-generation-rating__thank-you{min-width:0;text-align:center}.guided-section-actions__button,.guided-optional-panel__actions .btn{width:100%;justify-content:center}}@media(min-width:761px){.guided-builder__title-field{width:50%;max-width:50%;justify-self:start;place-self:start;margin-left:0;margin-right:auto}}@media(max-width:760px){.guided-builder__title-field{width:100%;max-width:none;justify-self:stretch;place-self:stretch}}@media(max-width:760px)and (orientation:portrait){.creator-mode-switch__label{gap:0}.creator-mode-switch__label-text{display:none}.creator-row--bpm--easy .creator-row__bars{justify-self:start;text-align:left}.creator-row--bpm.is-metronome-open{grid-template-columns:minmax(0,1fr);grid-template-areas:"guide" "play"}.creator-row--bpm.is-metronome-open .creator-row__bars,.creator-row--bpm.is-metronome-open .creator-row__bpm{display:none}.creator-row--bpm.is-metronome-open .creator-metronome-control{justify-self:start}.creator-playback-control{width:100%;flex-direction:column;align-items:stretch}.creator-playback-volume{width:100%;max-width:none;max-height:54px;margin-top:9px;justify-content:center}.creator-playback-volume input{width:min(220px,62vw)}}.creator-metronome-btn{grid-area:guide;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);box-shadow:none;-webkit-tap-highlight-color:transparent;transition:background .14s ease,border-color .14s ease,color .14s ease}.creator-metronome-control{grid-area:guide;position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0;min-width:0;isolation:isolate}.creator-metronome-btn svg{width:17px;height:17px}.creator-metronome-btn.active{border-color:transparent;background:var(--violet);color:#fff}.creator-metronome-btn:hover{border-color:#895ab747;color:var(--ink)}.creator-metronome-btn.active:hover{background:var(--violet-hover);color:#fff}.creator-metronome-btn--create{gap:0;min-width:36px;width:36px;height:36px;padding:0;overflow:hidden;border-color:#3529531f;background:linear-gradient(180deg,#f5f5f8fa,#eaeaeffa);color:var(--ink);box-shadow:none;transition:transform .14s ease,background .14s ease,border-color .14s ease,box-shadow .14s ease,color .14s ease}.creator-metronome-btn--create.active{background:linear-gradient(180deg,#f4eeff,#e8def9);color:var(--ink);box-shadow:none}.creator-metronome-btn--create.active .creator-metronome-btn__icon-wrap{background:var(--violet);box-shadow:none}.creator-metronome-btn__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:999px;background:linear-gradient(180deg,#e2dae9,#d2c9dc);box-shadow:none;flex:0 0 auto}.creator-metronome-btn__icon{display:block;width:14px;height:auto}.creator-metronome-btn__label{display:none;white-space:nowrap;font-size:14px;font-weight:850;letter-spacing:.01em}.creator-metronome-volume{position:relative;display:inline-flex;align-items:center;gap:.65rem;height:32px;box-sizing:border-box;min-width:0;max-width:0;margin-left:0;padding:0;border:1px solid transparent;border-radius:16px;background:#fffffffa;box-shadow:0 14px 30px #1f183029;opacity:0;visibility:hidden;pointer-events:none;overflow:hidden;transition:max-width .16s ease,margin-left .16s ease,padding .16s ease,border-width .16s ease,opacity .14s ease,visibility .14s ease}.creator-metronome-volume__label{color:var(--muted);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.creator-metronome-volume__slider{width:96px;min-width:96px}.creator-metronome-control.is-open .creator-metronome-volume,.creator-metronome-control:focus-within .creator-metronome-volume{max-width:168px;margin-left:.45rem;padding:0 .55rem;border-color:#3529531f;opacity:1;visibility:visible;pointer-events:auto}@media(hover:hover)and (pointer:fine){.creator-metronome-btn--create:hover{transform:translateY(-1px);background:linear-gradient(180deg,#f7f4fc,#eee8f5);border-color:#895ab742}.creator-metronome-btn--create:hover .creator-metronome-btn__icon-wrap{background:linear-gradient(180deg,#d5beff,#ba93ec)}.creator-metronome-control:hover .creator-metronome-volume{max-width:168px;margin-left:.45rem;padding:0 .55rem;border-color:#3529531f;opacity:1;visibility:visible;pointer-events:auto}}.metronome-icon{position:relative;display:inline-block;width:18px;height:18px}.metronome-icon:before{content:"";position:absolute;left:3px;right:3px;bottom:1px;height:14px;border:2px solid currentColor;border-radius:2px 2px 5px 5px;clip-path:polygon(50% 0,100% 100%,0 100%)}.metronome-icon:after{content:"";position:absolute;left:8px;top:3px;width:2px;height:11px;border-radius:999px;background:currentColor;transform:rotate(18deg);transform-origin:50% 100%}.creator-row__split{grid-area:split;display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-width:0}.btn.tiny{min-height:32px;padding:7px 10px;border-radius:999px;font-size:11px;line-height:1}@media(min-width:761px){#visual-bpm{width:clamp(160px,18vw,220px)}}@media(max-width:760px){#visual-bpm{flex:1 1 100%;max-width:none}}.creator-bar-hint{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:0}.creator-bar-count{min-width:28px;padding:3px 8px;border-radius:999px;background:#fff;color:var(--ink);font-size:12px;font-weight:900;text-align:center}.creator-slots-wrap{position:relative;margin-top:12px;overflow:visible;isolation:isolate}.creator-slots{position:relative;display:flex;align-items:stretch;gap:12px;overflow-x:auto;overflow-y:hidden;padding:0 10px 10px 18px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scroll-behavior:auto;scroll-padding-left:18px;scrollbar-width:none;-ms-overflow-style:none}@media(min-width:761px){.creator-panel--sequencer .creator-slots{padding-left:0;scroll-padding-left:0}}.creator-slots--manual-timing{padding-top:0}.creator-bar-gap-handles{position:absolute;top:0;left:0;bottom:0;pointer-events:none;z-index:46}.creator-bar-gap-handle{position:absolute;top:0;bottom:37px;pointer-events:auto;cursor:col-resize;touch-action:none}.creator-bar-gap-handle__line{position:absolute;left:50%;top:0;bottom:0;width:2px;border-radius:0;background:#35295338;opacity:0;transform:translate(-50%);transition:opacity .14s ease,background .14s ease,width .14s ease;pointer-events:none}.creator-bar-gap-handle__dot{display:none}.creator-bar-gap-handle:hover .creator-bar-gap-handle__line,.creator-bar-gap-handle.is-active .creator-bar-gap-handle__line{opacity:1;width:3px;background:#8f67e6d1}.creator-slots-wrap:before,.creator-slots-wrap:after{content:"";position:absolute;top:0;bottom:0;width:22px;pointer-events:none;opacity:0;transition:opacity .16s ease;z-index:47}.creator-slots-wrap:before{left:0;background:linear-gradient(90deg,var(--card) 0%,rgba(247,244,255,0) 100%)}.creator-slots-wrap:after{right:0;background:linear-gradient(270deg,var(--card) 0%,rgba(247,244,255,0) 100%)}.creator-slots-wrap:not(.creator-slots--fade-left):before,.creator-slots-wrap:not(.creator-slots--fade-right):after{opacity:0;visibility:hidden}.creator-slots-wrap.creator-slots--fade-left:before{opacity:1;visibility:visible}.creator-slots-wrap.creator-slots--fade-right:after{opacity:1;visibility:visible}.creator-slot-scroll{position:absolute;top:50%;z-index:48;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(53,41,83,.14);border-radius:999px;background:#fffffff0;color:var(--violet);box-shadow:0 10px 24px #1f183024;opacity:1;-webkit-tap-highlight-color:transparent;transform:translateY(-50%);transition:opacity .14s ease,transform .14s ease,background .14s ease,color .14s ease}.creator-slots-wrap>.creator-slot-scroll{top:var(--creator-slot-scroll-top, 50%)}.creator-slot-scroll--left{left:8px}.creator-slot-scroll--right{right:8px}.creator-slot-scroll--right svg{transform:none}.creator-slot-scroll:hover:not(:disabled){background:var(--violet);color:#fff;transform:translateY(calc(-50% - 1px))}.creator-slot-scroll:disabled{opacity:0;pointer-events:none;transform:translateY(-50%) scale(.96)}.creator-panel--sequencer .creator-slots{scroll-snap-type:x proximity}.creator-panel--sequencer .creator-slots::-webkit-scrollbar{display:none;width:0;height:0}.creator-slot{position:relative;border:1px solid rgba(53,41,83,.12);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#faf9fffa);box-shadow:none;color:inherit;overflow:hidden;-webkit-tap-highlight-color:transparent;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.creator-bar-card{position:relative;display:flex;flex:0 0 auto;flex-direction:column;width:var(--creator-bar-width, max(248px, var(--creator-bar-min-width, 248px)));min-width:var(--creator-bar-width, max(248px, var(--creator-bar-min-width, 248px)));border:1px solid rgba(53,41,83,.12);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#faf9fffa);overflow:visible;scroll-snap-align:start}.creator-bar-shell{position:relative;display:flex;flex:0 0 auto;flex-direction:column;width:var(--creator-bar-width, max(248px, var(--creator-bar-min-width, 248px)));min-width:var(--creator-bar-width, max(248px, var(--creator-bar-min-width, 248px)));scroll-snap-align:start;overflow:visible;z-index:0}.creator-bar-shell .creator-bar-card{flex:1 1 auto;width:100%;min-width:0;scroll-snap-align:initial}.creator-bar-frame{display:flex;flex:1 1 auto;flex-direction:column;border-radius:inherit;background:inherit;overflow:hidden}.creator-bar-card.active{border-color:#f2bd41;background:linear-gradient(180deg,#fff1bffa,#ffeaa1fa)}.creator-bar-card--add{align-self:stretch;min-width:220px}.creator-bar-shell--add .creator-bar-card--add{flex:1 1 auto;min-height:0}.creator-bar-shell--selected{z-index:24;isolation:isolate}.creator-bar-shell--selected .creator-bar-frame{overflow:visible}.creator-bar-frame>.creator-bar-main:last-child{border-radius:0 0 17px 17px;overflow:hidden}.creator-bar-frame>.creator-bar-main:last-child .creator-segment--start>.creator-slot-main{border-bottom-left-radius:17px}.creator-bar-frame>.creator-bar-main:last-child .creator-segment--end>.creator-slot-main{border-bottom-right-radius:17px}.creator-bar-frame>.creator-bar-main:last-child .creator-segment--start.active{border-bottom-left-radius:17px}.creator-bar-frame>.creator-bar-main:last-child .creator-segment--end.active{border-bottom-right-radius:17px}.creator-bar-stage>.creator-bar-timing-area:last-child{border-radius:0 0 17px 17px;overflow:hidden}.creator-bar-shell--selected .creator-bar-guided-actions{z-index:40}.creator-bar-head{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:38px;padding:6px 8px;border-bottom:1px solid rgba(53,41,83,.1)}.creator-bar-head-main{display:inline-flex;align-items:center;gap:4px;min-width:0;flex:1 1 auto;overflow:hidden}.creator-bar-shell--timing-tight .creator-bar-head{gap:4px;padding-inline:6px}.creator-bar-shell--timing-tight .creator-bar-head-main{gap:3px}.creator-bar-label{flex:0 1 auto;min-width:0;color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.creator-bar-split-toggle{flex:0 0 36px;width:36px;min-width:36px;height:28px;border:1px solid rgba(53,41,83,.12);border-radius:999px;background:#3529530a;color:var(--muted);padding:0;font-size:11px;font-weight:850;line-height:1;text-align:center;-webkit-tap-highlight-color:transparent;transition:background .14s ease,border-color .14s ease,color .14s ease}.creator-bar-shell--timing-tight .creator-bar-split-toggle{flex-basis:34px;width:34px;min-width:34px}.creator-bar-split-toggle--pattern{font-size:10px;letter-spacing:-.01em}.creator-bar-split-slider-shell{--creator-bar-split-slider-edge: 10px;--creator-bar-split-stop-size: 4px;position:relative;flex:0 0 68px;width:68px;min-width:68px;height:26px;display:inline-flex;align-items:center;padding:0;border:1px solid rgba(53,41,83,.12);border-radius:999px;background:#3529530a;transition:background .14s ease,border-color .14s ease,color .14s ease}.creator-bar-split-slider-stops{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.creator-bar-split-slider-stop{position:absolute;top:50%;width:var(--creator-bar-split-stop-size);height:var(--creator-bar-split-stop-size);border-radius:999px;background:#3529533d;transform:translate(-50%,-50%)}.creator-bar-split-slider-stop:nth-child(1),.creator-bar-split-slider-shell[data-slider-stop="-2"] .creator-bar-split-slider-thumb{left:var(--creator-bar-split-slider-edge)}.creator-bar-split-slider-stop:nth-child(2),.creator-bar-split-slider-shell[data-slider-stop="-1"] .creator-bar-split-slider-thumb{left:calc(25% + (var(--creator-bar-split-slider-edge) / 2))}.creator-bar-split-slider-stop:nth-child(3),.creator-bar-split-slider-shell[data-slider-stop="0"] .creator-bar-split-slider-thumb{left:50%}.creator-bar-split-slider-stop:nth-child(4),.creator-bar-split-slider-shell[data-slider-stop="1"] .creator-bar-split-slider-thumb{left:calc(75% - (var(--creator-bar-split-slider-edge) / 2))}.creator-bar-split-slider-stop:nth-child(5),.creator-bar-split-slider-shell[data-slider-stop="2"] .creator-bar-split-slider-thumb{left:calc(100% - var(--creator-bar-split-slider-edge))}.creator-bar-split-slider-shell:hover{border-color:#895ab738;background:#895ab714}.creator-bar-split-slider-shell:focus-within{border-color:#895ab76b;background:#895ab71a}.creator-bar-split-slider{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.creator-bar-split-slider:focus{outline:none}.creator-bar-split-slider-thumb{position:absolute;top:50%;z-index:1;width:10px;height:10px;box-sizing:border-box;border:1px solid rgba(255,255,255,.96);border-radius:999px;background:var(--violet);box-shadow:0 3px 7px #140c2833;pointer-events:none;transform:translate(-50%,-50%);transition:left .1s ease}.creator-bar-split-toggle:hover{border-color:#895ab738;background:#895ab714;color:var(--ink)}.creator-bar-split-toggle:focus-visible{outline:none;border-color:#895ab76b;background:#895ab71a;color:var(--ink)}.creator-bar-main{position:relative;display:flex;flex-direction:column;flex:0 0 auto;min-width:0;background:#3529530a}.creator-bar-main--simple{flex:1 1 auto;min-height:0}.creator-guided-split-resizer{position:absolute;top:0;bottom:0;z-index:18;width:24px;cursor:col-resize;touch-action:none;transform:translate(-50%)}.creator-guided-split-resizer__line{position:absolute;top:0;bottom:0;left:50%;width:2px;border-radius:999px;background:#35295357;opacity:.45;transform:translate(-50%);transition:opacity .14s ease,background .14s ease,width .14s ease}.creator-guided-split-resizer__dot{display:none}.creator-guided-split-resizer:hover .creator-guided-split-resizer__line,.creator-guided-split-resizer:focus-visible .creator-guided-split-resizer__line,.creator-guided-split-resizer.is-active .creator-guided-split-resizer__line{opacity:1;width:2px;background:var(--violet)}.creator-guided-split-resizer:focus-visible{outline:none}@media(hover:none)and (pointer:coarse){.creator-bar-gap-handle,.creator-guided-split-resizer{touch-action:pan-x pan-y}.creator-bar-gap-handle.is-active,.creator-guided-split-resizer.is-active{touch-action:none}}body.theme-dark .creator-guided-split-resizer__line{background:#d4cbf07a}.creator-bar-stage{position:relative;display:flex;flex:1 1 auto;flex-direction:column;min-width:0;min-height:0;z-index:0}.creator-bar-timing-area{position:relative;display:flex;flex:1 1 auto;min-width:0;min-height:92px;overflow:hidden}.creator-bar-main--simple .creator-bar-timing-area{height:100%;min-height:104px}.creator-bar-rhythm-row{position:relative;height:36px;min-width:0;border-top:1px solid rgba(53,41,83,.06);background:transparent}.creator-bar-beats{position:relative;height:22px;margin-top:5px;z-index:1;pointer-events:none}.creator-bar-beats--empty{visibility:hidden}.creator-bar-beats-track{position:relative;height:100%;margin-inline:0}.creator-bar-beat{position:absolute;top:6px;transform:translate(-50%);color:var(--muted);font-size:10px;font-weight:750;line-height:1;opacity:.68}.creator-bar-beat:before{content:none}.creator-bar-beat.is-first{transform:none}.creator-bar-beat.is-last{transform:translate(-100%)}.creator-bar-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.creator-bar-grid-track{position:absolute;top:0;right:0;bottom:0;left:0}.creator-bar-grid-line{position:absolute;top:0;bottom:0;width:1px;background:#35295312;transform:translate(-50%)}.creator-bar-grid-line.is-beat{background:#35295333}.creator-bar-main--simple .creator-bar-grid-line.is-subdivision{opacity:0}.creator-bar-grid-line.is-edge{background:#3529531f}.creator-segment{position:absolute;top:0;bottom:0;display:block;height:100%;background:transparent;z-index:1}.creator-segment:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#3529533d;transform:translate(-50%);pointer-events:none}.creator-segment--start:before{content:none}.creator-segment.active{background:#fff6d229;box-shadow:inset 0 0 0 1.5px #f2bd4194}.creator-segment--borrowed,.creator-segment--outside-key,.creator-segment--secondary,.creator-segment--color{background:transparent;box-shadow:none}.creator-segment--borrowed.active,.creator-segment--outside-key.active,.creator-segment--secondary.active,.creator-segment--color.active{background:#fff6d229;box-shadow:inset 0 0 0 1.5px #f2bd4194}.creator-rhythm-segment{position:absolute;top:0;bottom:0;display:flex;min-width:0;border-left:1px solid rgba(53,41,83,.12)}.creator-rhythm-segment--start{border-left:0}.creator-bar-card:hover,.creator-slot:hover{border-color:var(--line);box-shadow:none}.creator-slot--add{display:flex;flex-direction:column;flex:1 1 auto;min-height:100%;align-content:center;justify-content:center;align-items:center;gap:8px;border-style:dashed;padding:12px 12px 14px;background:linear-gradient(180deg,#fffffff5,#f8f6fffa);color:var(--violet)}.creator-slot--add:hover{border-color:var(--line);background:linear-gradient(180deg,#fff,#f7f4ff)}.creator-manual-piano-hint{position:absolute;left:18%;bottom:18px;z-index:4;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%);pointer-events:none}.creator-manual-piano-hint__ring{position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid rgba(137,90,183,.34);border-radius:999px;background:#ffffffb8;box-shadow:0 8px 18px #1f18301f;animation:creator-manual-piano-hint-pulse 1.5s ease-in-out infinite}.creator-manual-piano-hint__icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;color:#423078eb;filter:drop-shadow(0 2px 4px rgba(31,24,48,.18));animation:creator-manual-piano-hint-float 1.5s ease-in-out infinite}@keyframes creator-manual-piano-hint-float{0%,to{transform:scale(.94) translateY(0)}50%{transform:scale(1.04) translateY(-2px)}}@keyframes creator-manual-piano-hint-pulse{0%,to{transform:scale(.92);opacity:.82}50%{transform:scale(1.08);opacity:1}}.creator-slot-main{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-width:0;height:100%;min-height:100%;box-sizing:border-box;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;padding:8px 10px;text-align:center;-webkit-tap-highlight-color:transparent;transition:background .14s ease,color .14s ease,opacity .14s ease}.creator-segment-chord{height:100%;min-height:100%;justify-content:center}.creator-segment-chord--guided{position:relative;justify-content:center;gap:8px;padding:8px 10px 28px}.creator-slot-name--chord{flex:0 0 auto}.creator-slot-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;width:100%;min-width:0;margin-top:0;padding-bottom:1px}.creator-segment-chord--guided .creator-slot-meta{position:absolute;left:50%;bottom:7px;width:max-content;max-width:calc(100% - 10px);transform:translate(-50%);padding-bottom:0}.creator-slot-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;padding:2px 6px;border-radius:999px;gap:4px;font-size:8px;font-weight:900;line-height:1;letter-spacing:.03em;white-space:nowrap;overflow:visible;text-overflow:ellipsis}.creator-slot-badge:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 6px);z-index:28;width:max-content;max-width:8.5rem;padding:4px 7px;border-radius:999px;background:#140c28eb;color:#fff;font-size:9px;font-weight:850;line-height:1.15;letter-spacing:0;text-align:center;white-space:normal;box-shadow:0 10px 20px #140c2829;opacity:0;transform:translate(-50%,4px) scale(.96);pointer-events:none;transition:opacity .14s ease,transform .16s cubic-bezier(.16,1,.3,1)}.creator-slot-badge:hover:after,.creator-slot-badge:focus-visible:after{opacity:1;transform:translate(-50%) scale(1)}.creator-slot-badge__icon{display:inline-grid;place-items:center;width:100%;height:100%;line-height:0;flex:0 0 auto}.creator-slot-badge__icon svg{width:10px;height:10px}.creator-slot-badge__text{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis}.creator-slot-badge--function{background:#f0ecf7;color:#493663}.creator-slot-badge--chromatic{background:#f0ecf7}.creator-slot-badge--borrowed{background:var(--violet);color:#fff}.creator-slot-badge--outside-key,.creator-slot-badge--secondary{background:#c76d25;color:#fff}.creator-slot-badge--color{background:#2c8a7a;color:#fff}.creator-slot-badge.is-icon-only{display:inline-grid;place-items:center;flex:0 0 18px;align-self:center;justify-self:center;padding:0;padding-inline:0;width:18px;min-width:18px;height:18px;min-height:18px;aspect-ratio:1 / 1;gap:0}.creator-slot-badge.is-icon-only .creator-slot-badge__text{display:none}.creator-segment--compact .creator-slot-meta{gap:3px}.creator-segment--compact .creator-slot-badge{padding-inline:4px}.creator-segment--compact .creator-slot-badge.is-icon-only{flex-basis:17px;align-self:center;justify-self:center;padding:0;width:17px;min-width:17px;height:17px;min-height:17px}.creator-segment--compact .creator-slot-name--chord{font-size:13px}.creator-slot-label{display:inline-flex;align-items:center;justify-content:center;min-width:0;max-width:100%;color:var(--muted);font-size:10px;font-weight:760;line-height:1.2;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.creator-slot-chromatic-tag{display:inline-flex;align-items:center;justify-content:center;max-width:100%;padding:2px 6px;border-radius:999px;font-size:8px;font-weight:900;line-height:1;letter-spacing:.04em;text-transform:lowercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-slot-chromatic-tag--borrowed{background:#7851b024;color:#6f459b}.creator-slot-chromatic-tag--outside-key{background:#df914229;color:#8f4f16}.creator-segment--tight .creator-slot-chromatic-tag{padding-inline:4px;font-size:7px}.creator-slot-label.is-filled{color:var(--ink)}.creator-segment--tight .creator-slot-name{font-size:12px;line-height:1.05}.creator-slot-rhythm{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:100%;border:0;border-radius:0;background:transparent;color:var(--muted);padding:4px 5px 6px;font-size:9px;font-weight:850;line-height:1;white-space:nowrap;opacity:.78}.creator-slot-rhythm:hover{background:#895ab714;color:var(--ink)}.creator-rhythm-label{flex:0 0 auto;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:7px;font-weight:850;letter-spacing:.06em;text-transform:uppercase;opacity:.64}.rhythm-preview{display:inline-flex;align-items:center;justify-content:center;gap:4px;width:min(100%,52px);min-width:0;height:14px;color:currentColor;line-height:1}.creator-rhythm-preview{flex:0 1 auto;width:min(100%,52px);min-width:32px;max-width:52px}.rhythm-preview__slot{display:inline-flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;height:100%}.rhythm-preview__hit{display:inline-flex;align-items:center;justify-content:center;width:4px;height:4px;border-radius:999px;background:currentColor;opacity:.84}.rhythm-preview__sustain{min-width:0;height:4px;border-radius:999px;background:currentColor;opacity:.82}.rhythm-preview__sustain--full{flex:1 1 auto;width:100%}.rhythm-preview--triplet{gap:4px}.rhythm-preview__triplet-block{flex:1 1 0;min-width:0;height:4px;border-radius:999px;background:currentColor;opacity:.82}.posted-rhythm-preview .rhythm-preview{width:44px;height:12px}.posted-rhythm-preview .rhythm-preview__sustain,.posted-rhythm-preview .rhythm-preview__hit,.posted-rhythm-preview .rhythm-preview__triplet-block{height:4px}.creator-rhythm-preview--compact{display:none}.creator-slot-main:hover{background:#895ab70f}.creator-slot-main:focus-visible{outline:none;background:#895ab71a}.creator-slot-main:active{background:#895ab71f}.creator-slot-main:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.guided-mode-panels{display:grid;gap:14px;overflow:visible}.guided-mode-panels--easy{margin-top:14px}.guided-summary,.guided-section-panel,.guided-optional-panel,.guided-visualizer-panel{border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#fffffffa,#f6f3fcfa);padding:16px 18px}.guided-summary{display:grid;gap:10px}.guided-summary__title,.guided-section-panel__title,.guided-optional-panel__title,.guided-visualizer-panel__label{color:var(--ink);font-size:14px;font-weight:800;line-height:1.25}.guided-summary__line{color:var(--ink);font-size:17px;font-weight:820;line-height:1.35}.guided-summary__chips{display:flex;flex-wrap:wrap;gap:8px}.guided-summary__chip{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:6px 10px;background:#895ab71a;color:var(--ink);font-size:11px;font-weight:780}.guided-summary__copy,.guided-section-panel__meta,.guided-section-panel__status,.guided-optional-panel__actions{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.guided-section-panel{display:grid;gap:12px}.guided-section-panel__status{display:grid;gap:4px}.guided-section-panel__helper{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.guided-section-panel__secondary{justify-self:start;padding:0;border:0;background:transparent;color:var(--violet);font-size:12px;font-weight:800;letter-spacing:.01em}.guided-section-actions,.guided-optional-panel__actions{display:flex;flex-wrap:wrap;gap:10px 12px;align-items:flex-start}.creator-bar-guided-actions{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;justify-items:center;gap:0;width:100%;height:58px;min-height:58px;padding:7px 0 13px;overflow:visible;z-index:6;box-sizing:border-box}.creator-bar-guided-actions--placeholder{visibility:hidden}.creator-bar-guided-actions--contextual{grid-template-columns:repeat(6,minmax(0,1fr))}.creator-contextual-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.creator-contextual-suggestions{margin:8px 0 18px;padding:16px;border:1px solid rgba(137,90,183,.24);border-radius:16px;background:var(--surface-panel-bg)}.creator-contextual-suggestions__heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.creator-contextual-suggestions p{margin:5px 0 0;font-size:13px;line-height:1.4}.creator-contextual-suggestions__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,165px),1fr));gap:10px;margin-top:12px}.creator-contextual-suggestions__subheading{margin-top:18px}.creator-contextual-suggestion{display:flex;flex-direction:column;gap:4px;padding:12px;border:1px solid rgba(137,90,183,.2);border-radius:12px}.creator-contextual-suggestion__actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:8px}.guided-section-actions__button{min-height:38px;justify-content:center;padding-inline:12px}.guided-section-action{position:relative;display:grid;place-items:center;width:38px;height:38px;padding:0;border:1px solid rgba(20,12,40,.1);border-radius:999px;background:linear-gradient(180deg,#fffffffa,#f3edfafa);color:var(--ink);box-shadow:0 8px 18px #140c2814,inset 0 1px #ffffffdb;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,color .16s ease}.guided-section-action:hover{transform:translateY(-1px);border-color:#895ab742;box-shadow:0 10px 22px #140c281a,inset 0 1px #ffffffe6}.guided-section-action:disabled{cursor:not-allowed;opacity:.38;transform:none;box-shadow:none}.guided-section-action--accent{color:var(--violet);border-color:#895ab73d;background:linear-gradient(180deg,#f8f3fffa,#eee6fbfa)}.guided-section-action--first-run-cue{z-index:24}.guided-section-action--danger{color:#b84d5d;border-color:#d948482e;background:linear-gradient(180deg,#fff8f8fa,#fceceffa)}.guided-section-action__icon{display:inline-grid;place-items:center;line-height:0}.guided-section-action__icon svg{width:16px;height:16px}.creator-guided-first-run-hint{display:inline-flex;align-items:center;gap:7px;min-width:0;color:#513f84e0;font-size:11px;font-weight:760;line-height:1.3}.creator-guided-first-run-hint__icon{position:relative;display:inline-grid;place-items:center;width:24px;height:24px;flex:0 0 24px;color:#4e3991f5;filter:drop-shadow(0 2px 4px rgba(31,24,48,.14));animation:creator-manual-piano-hint-float 1.5s ease-in-out infinite}.creator-guided-first-run-hint__icon svg{position:relative;z-index:1}.creator-guided-first-run-hint__ring{position:absolute;top:2px;right:2px;bottom:2px;left:2px;border:2px solid rgba(137,90,183,.3);border-radius:999px;background:#ffffffc2;box-shadow:0 6px 14px #1f18301a;animation:creator-manual-piano-hint-pulse 1.5s ease-in-out infinite}.creator-guided-first-run-hint--generator{position:absolute;right:-14px;bottom:-14px;z-index:4;display:block;width:40px;height:40px;pointer-events:none}.creator-guided-first-run-hint--generator .creator-guided-first-run-hint__icon{position:absolute;top:0;right:0;bottom:0;left:0;width:40px;height:40px;flex-basis:40px}.creator-guided-first-run-hint--generator .creator-guided-first-run-hint__icon svg{width:22px;height:22px}.creator-guided-first-run-hint--editor{position:absolute;right:-13px;bottom:-25px;z-index:12;display:block;width:32px;height:32px;pointer-events:none}.creator-guided-first-run-hint--editor .creator-guided-first-run-hint__icon{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:32px;height:32px;flex-basis:32px;border-radius:999px;background:#fff;isolation:isolate}.creator-guided-first-run-hint--editor .creator-guided-first-run-hint__ring{background:#fff}.creator-guided-first-run-hint--editor .creator-guided-first-run-hint__copy{position:absolute;left:17px;top:50%;z-index:0;bottom:auto;width:max-content;max-width:calc(100vw - 36px);min-height:24px;padding:0 11px 0 21px;border:1px solid rgba(137,90,183,.18);border-radius:10px;background:#fffffffa;box-shadow:0 10px 20px #1f183024;color:#513f84e0;font-size:11px;font-weight:760;line-height:24px;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;transform:translateY(-50%)}.creator-key-selector__button--resolved:not(.active){border-color:#895ab742;background:linear-gradient(180deg,#fffffffa,#f5f1fff5);color:#6d45c3;box-shadow:inset 0 0 0 1px #895ab714}.guided-section-action__label{display:none}.guided-action-tooltip-overlay{position:fixed;z-index:2147483647;isolation:isolate;min-width:max-content;max-width:11rem;padding:6px 9px;border:1px solid rgba(137,90,183,.28);border-radius:999px;background:linear-gradient(180deg,#5b39a5fa,#452a84fa);color:#fff;font-size:11px;font-weight:760;line-height:1.25;text-align:center;white-space:nowrap;box-shadow:0 10px 18px #1f14443d;pointer-events:none;animation:guided-action-tooltip-enter .18s cubic-bezier(.22,1,.36,1)}.guided-action-tooltip-overlay:after{content:"";position:absolute;left:50%;bottom:-4px;width:7px;height:7px;border-right:1px solid rgba(137,90,183,.28);border-bottom:1px solid rgba(137,90,183,.28);background:#4f2f96;transform:translate(-50%) rotate(45deg)}.guided-action-tooltip-overlay--center{transform:translate(-50%,-100%)}.guided-action-tooltip-overlay--left{transform:translateY(-100%)}.guided-action-tooltip-overlay--right{transform:translate(-100%,-100%)}.guided-action-tooltip-overlay--below.guided-action-tooltip-overlay--center{transform:translate(-50%)}.guided-action-tooltip-overlay--below.guided-action-tooltip-overlay--left{transform:translate(0)}.guided-action-tooltip-overlay--below.guided-action-tooltip-overlay--right{transform:translate(-100%)}.guided-action-tooltip-overlay--below:after{top:-4px;bottom:auto;border-top:1px solid rgba(137,90,183,.28);border-right:0;border-bottom:0;border-left:1px solid rgba(137,90,183,.28);transform:translate(-50%) rotate(45deg)}@keyframes guided-action-tooltip-enter{0%{opacity:0}to{opacity:1}}.guided-optional-panel{display:grid;gap:12px}.guided-optional-panel>.instrument-switch__controls.instrument-switch--detail{margin-inline:auto}.guided-visualizer-panel{display:grid;gap:12px;position:relative;z-index:1}.guided-visualizer-panel.visualizer{width:100%;margin-top:0}.guided-visualizer-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}.guided-visualizer-toolbar .instrument-switch__controls.instrument-switch--detail{justify-self:center;margin:0 auto}.guided-visualizer-play{justify-self:start;margin:0}.guided-visualizer-play .play-chord-btn__text{display:inline-flex}.guided-visualizer-toolbar__spacer{min-width:1px}.guided-visualizer-legend{margin-top:0}.guided-visualizer-legend .detail-legend__text{flex-direction:column;align-items:flex-start;gap:4px}.guided-visualizer-harmony-line{color:#5b3f81d6;font-size:12px;font-weight:700;line-height:1.4}.guided-visualizer-explanation{color:var(--muted);font-size:12px;line-height:1.5}.guided-visualizer-warning{color:#8c4c1f;font-size:11px;line-height:1.45}.guided-visualizer-panel__surface{min-width:0}.guided-key-mode-panel{display:grid;gap:10px;padding-top:6px;border-top:1px solid rgba(137,90,183,.12)}.guided-key-mode-panel__copy,.guided-key-mode-panel__label{margin:0;color:var(--muted);font-size:12px;line-height:1.45}.guided-key-mode-panel__label{font-weight:780}.guided-key-mode-panel__actions,.guided-key-mode-panel__custom{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.guided-key-mode-panel__select{min-width:96px}body.theme-dark .guided-summary,body.theme-dark .guided-section-panel,body.theme-dark .guided-optional-panel,body.theme-dark .guided-visualizer-panel{background:linear-gradient(180deg,#1e2230fa,#161924fa)}body.theme-dark .guided-summary__chip{background:#a88cff29}body.theme-dark .guided-key-mode-panel{border-top-color:#a88cff29}body.theme-dark .guided-section-panel__secondary{color:#cdbbff}body.theme-dark .guided-section-action{border-color:#a88cff33;background:linear-gradient(180deg,#2a2f42fa,#1c2131fa);color:#f4efff;box-shadow:0 14px 28px #00000038,inset 0 1px #ffffff0d}body.theme-dark .guided-section-action:hover{border-color:#a88cff57}body.theme-dark .guided-section-action--accent{color:#dbcaff;background:linear-gradient(180deg,#3a2c5cfa,#281f45fa)}body.theme-dark .guided-section-action--danger{color:#ffbdc7;border-color:#ff8a9e33;background:linear-gradient(180deg,#4a222bfa,#341820fa)}body.theme-dark .creator-guided-first-run-hint{color:#dfd5ffe6}body.theme-dark .creator-guided-first-run-hint__icon{color:#dcccfff5}body.theme-dark .creator-guided-first-run-hint__ring{border-color:#a88cff61;background:#212533d1;box-shadow:0 6px 14px #0000003d}body.theme-dark .creator-guided-first-run-hint--editor .creator-guided-first-run-hint__copy{border-color:#a88cff3d;background:#1a1d2bfa;color:#dfd5ffe6;box-shadow:0 10px 20px #00000047}body.theme-dark .creator-guided-first-run-hint--editor .creator-guided-first-run-hint__icon,body.theme-dark .creator-guided-first-run-hint--editor .creator-guided-first-run-hint__ring{background:#212536}body.theme-dark .guided-section-action__label{background:#090c14f5}body.theme-dark .creator-key-selector__button--resolved:not(.active){border-color:#a88cff57;background:#30294cdb;color:#d6c9ff}body.theme-dark .guided-action-tooltip-overlay{border-color:#a88cff4d;background:linear-gradient(180deg,#46307ffa,#2b1e53fa)}body.theme-dark .guided-action-tooltip-overlay:after{border-color:#a88cff4d;background:#38285f}body.theme-dark .guided-visualizer-panel .instrument-switch__controls{background:linear-gradient(180deg,#262b3b,#1a1f2d);box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000080}@media(hover:none),(max-width:760px){.guided-section-action{width:36px;height:36px}.guided-action-tooltip-overlay{max-width:7.5rem;padding:4px 6px;white-space:normal;font-size:10px;line-height:1.25}body.theme-dark .guided-section-action__label{background:#090c14f5;color:#fff}.guided-visualizer-play{width:38px;min-width:38px;height:38px;padding:0;border-radius:999px;justify-self:start;justify-content:center;align-items:center;gap:0}.guided-visualizer-play .play-chord-btn__text{display:none}}.creator-slot-actions{display:inline-flex;align-items:center;gap:3px;flex:0 0 auto;min-width:0}.creator-bar-shell--timing-tight .creator-slot-actions{gap:2px}.creator-slot-timing{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-width:0;min-height:0;border:0;border-radius:0;background:transparent;color:var(--violet);font-size:11px;font-weight:700;letter-spacing:0;line-height:1;padding:0;pointer-events:none}.creator-slot-remove{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:999px;background:#e758581f;color:#be3a3a;padding:0;-webkit-tap-highlight-color:transparent;transition:background .14s ease,color .14s ease,opacity .14s ease}.creator-slot-copy{position:relative;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:0;border-radius:999px;background:#3529530a;color:var(--muted);padding:0;-webkit-tap-highlight-color:transparent;transition:background .14s ease,color .14s ease,opacity .14s ease}.creator-slot-copy:hover:not(:disabled),.creator-slot-remove:hover:not(:disabled){box-shadow:none}.creator-slot-remove:hover:not(:disabled){background:#e7585833;color:#8d2222}.creator-slot-copy:hover:not(:disabled){background:#35295314;color:var(--ink)}.creator-slot-main:hover .creator-slot-timing{color:#6f459b}.creator-slot-remove:disabled{opacity:.45;cursor:not-allowed}.creator-slot-copy:disabled{opacity:.45;cursor:not-allowed}.creator-slot-name{display:flex;flex:1;align-items:center;justify-content:center;width:100%;min-width:0;margin-top:0;padding-inline:0;font-size:15px;font-weight:900;line-height:1.1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-slot-name__marquee{width:100%}.creator-slot-name__marquee .auto-marquee-text__scroller{text-align:center}.creator-slot-name__marquee .auto-marquee-text__content{padding-inline:1px}.posted-rhythm-preview{display:flex;flex-wrap:wrap;justify-content:center;gap:3px 8px;width:100%;color:var(--muted);font-size:9px;font-weight:850;line-height:1}.posted-rhythm-preview--card{margin-top:2px}.creator-slot--add .creator-slot-name{width:auto;flex:0 0 auto;font-size:15px;overflow:visible}.creator-slot--add .auto-marquee-text{display:inline-flex;width:auto;max-width:100%}.creator-slot-add-icon{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:999px;background:#6d4aff1a}.play-chord-btn{padding:8px 10px;background:var(--violet);border:1px solid rgba(109,74,255,.18);color:#fff;font-size:12px;gap:6px}.play-chord-btn:hover{background:var(--violet-hover)}.play-chord-btn:disabled{background:linear-gradient(180deg,#ccd2e0f5,#b8bfd0f5);border-color:#727e9852;color:#3f485deb;opacity:1;box-shadow:none}.play-chord-btn:disabled svg{color:currentColor}body.theme-dark .play-chord-btn:disabled{background:linear-gradient(180deg,#4f576df5,#3a4256f5);border-color:#9aa6c63d;color:#e0e6f4e0}.familiar-pattern-card{display:grid;gap:14px;margin-top:16px;padding:16px;border:1px solid rgba(137,90,183,.25);border-radius:18px;background:radial-gradient(circle at 10% 0%,rgba(137,90,183,.13),transparent 38%),var(--surface-soft-bg);box-shadow:inset 0 1px #ffffffb8}.creator-familiarity-notices{display:grid}.unique-progression-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;margin-top:16px;padding:15px 16px;border:3px solid transparent;border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f9f6fffa) padding-box,linear-gradient(120deg,#e98b8b,#efc06f 22%,#a9d681 45%,#6ecbc3 66%,#8d81de 82%,#df8cc4) border-box;box-shadow:0 10px 24px #67499d1f,inset 0 1px #ffffffdb;animation:unique-progression-card-in .42s cubic-bezier(.16,1,.3,1) both}.unique-progression-card__sparkles{display:inline-grid;width:32px;height:32px;place-items:center;border-radius:12px;background:linear-gradient(135deg,#eb90a629,#7a70dc2b);color:#7651bb}.unique-progression-card__copy{display:grid;min-width:0;gap:4px}.unique-progression-card__copy h2,.unique-progression-card__copy p{margin:0}.unique-progression-card__copy h2{color:var(--text);font-size:15px}.unique-progression-card__copy p{color:var(--muted);font-size:13px;line-height:1.45}@keyframes unique-progression-card-in{0%{opacity:0;transform:translateY(10px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.unique-progression-card{animation:none}}.familiar-pattern-card__heading{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px}.familiar-pattern-card__icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#895ab724;color:var(--violet)}.familiar-pattern-card__copy{display:grid;gap:6px;min-width:0}.familiar-pattern-card__copy h2,.familiar-variations__intro h3{margin:0;color:var(--text)}.familiar-pattern-card__copy h2{font-size:16px}.familiar-pattern-card__copy p,.familiar-variations__intro p,.familiar-variation p{margin:0;color:var(--muted);line-height:1.5}.familiar-pattern-card__copy p{max-width:76ch;font-size:13px}.familiar-pattern-card__pattern{width:fit-content;max-width:100%;overflow:hidden;color:var(--violet);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.familiar-pattern-card__dismiss{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:9px;background:transparent;color:var(--muted)}.familiar-pattern-card__dismiss:hover,.familiar-pattern-card__dismiss:focus-visible{background:#895ab71a;color:var(--text)}.familiar-pattern-card__actions,.familiar-variation__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.familiar-pattern-card__keep{margin-left:auto}.familiar-variations{display:grid;gap:12px;padding-top:14px;border-top:1px solid rgba(137,90,183,.17)}.familiar-variations__intro{display:grid;gap:3px}.familiar-variations__intro h3{font-size:14px}.familiar-variations__intro p,.familiar-variation p{font-size:12px}.familiar-variations__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.familiar-variation{display:flex;flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff94}.familiar-variation__body{display:grid;gap:5px}.familiar-variation__body strong{color:var(--text);font-size:13px}.familiar-variation__chords{overflow:hidden;color:var(--violet);font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}body.theme-dark .familiar-pattern-card{border-color:#b787e540;background:radial-gradient(circle at 10% 0%,rgba(137,90,183,.2),transparent 42%),#1a1e2a;box-shadow:inset 0 1px #ffffff0a}body.theme-dark .unique-progression-card{background:linear-gradient(180deg,#27243afa,#1e1d2efa) padding-box,linear-gradient(120deg,#ca6f82,#d6a54d 22%,#89bb72 45%,#54aaa7 66%,#8375d2 82%,#c46da9) border-box;box-shadow:0 12px 26px #00000038,inset 0 1px #ffffff0d}body.theme-dark .unique-progression-card__sparkles{background:linear-gradient(135deg,#ee8da82e,#9784ff33);color:#dbcfff}body.theme-dark .familiar-variation{background:#131620b8}@media(max-width:680px){.creator-mode-workspace .creator-familiarity-notices{margin-top:16px}.familiar-pattern-card{padding:14px}.unique-progression-card{gap:10px;padding:13px}.familiar-pattern-card__heading{gap:9px}.familiar-pattern-card__actions>.btn,.familiar-pattern-card__keep{flex:1 1 calc(50% - 4px);justify-content:center;margin-left:0}.familiar-pattern-card__actions>.btn{min-height:42px;padding-inline:10px;white-space:nowrap}.familiar-variations__grid{grid-template-columns:1fr}.familiar-variation__actions>.btn{flex:1 1 0;justify-content:center}}.creator-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px}.creator-actions__clear{flex-shrink:0}.creator-actions__group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px;width:100%;margin-left:auto;align-items:center}.creator-post-btn--blocked,.creator-post-btn--blocked:hover:not(:disabled),.creator-post-btn--blocked:focus-visible,.creator-post-btn--blocked:active:not(:disabled){border-color:#979aac4d;background:linear-gradient(180deg,#dfe2ebf5,#d2d7e3f5);color:#464b5ae0;box-shadow:none;transform:none}.creator-post-btn--blocked{cursor:not-allowed}.creator-actions__status{color:var(--muted);font-size:12px;font-weight:750;text-align:right}body.theme-dark .creator-post-btn--blocked,body.theme-dark .creator-post-btn--blocked:hover:not(:disabled),body.theme-dark .creator-post-btn--blocked:focus-visible,body.theme-dark .creator-post-btn--blocked:active:not(:disabled){border-color:#9aa6c633;background:linear-gradient(180deg,#4f576df5,#3a4256f5);color:#e0e6f4e0}.play-progression-btn{flex-shrink:0}.comments-panel{display:grid;gap:14px;border:1px solid var(--line);border-radius:22px;padding:16px;background:var(--surface-soft-bg);box-shadow:none;scroll-margin-top:calc(var(--topbar-height) + 20px)}.comments-panel h2{margin:0;font-size:20px;letter-spacing:-.04em}.comments-panel__head{display:flex;align-items:center;justify-content:space-between;gap:10px}.comments-panel__count{min-width:30px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);font-size:12px;font-weight:800;text-align:center}.comment-thread{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 14px;align-items:start;padding:0;border:0;border-radius:0;background:transparent}.comment-thread__composer-avatar{grid-column:1;grid-row:1}.comment-thread__composer-feedback{grid-column:2;grid-row:2;min-width:0;min-height:17px}.comment-thread__composer-submit{grid-column:3;grid-row:2;justify-self:end;align-self:start}.comment-thread__textarea{min-height:72px;min-width:0;padding:12px 14px;border-radius:16px;background:#12162305;line-height:1.5;resize:vertical}.comment-thread__textarea--composer{grid-column:2 / 4;grid-row:1}.comment-thread__node{display:grid;grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar meta" "avatar body" "avatar actions" ". reply" ". children";gap:8px 12px;align-items:start;padding:10px 0 8px;border:0;border-radius:0;background:transparent}.comment-thread__node>.avatar-bubble{grid-area:avatar;grid-row:1 / -1;align-self:start;margin-top:1px}.comment-thread__meta{grid-area:meta;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-width:0;color:var(--muted);font-size:13px;font-weight:750;line-height:1.35}.comment-thread__meta strong{color:var(--ink);font-size:14px;font-weight:850;letter-spacing:-.01em}.comment-thread__meta time{color:var(--muted);font-size:12px;font-weight:650}.comment-thread__body{grid-area:body;color:var(--ink);font-size:15px;font-weight:500;line-height:1.6;white-space:pre-wrap}.comment-thread__actions{grid-area:actions;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.comment-thread__action{display:inline-flex;align-items:center;gap:6px;min-height:32px;border:1px solid transparent;border-radius:999px;padding:6px 10px;background:transparent;color:var(--muted);font-size:13px;font-weight:750;letter-spacing:0}.comment-thread__action:hover{border-color:var(--line);background:#6d4aff0f;color:var(--ink)}.comment-thread__action.is-active{border-color:#6d4aff3d;background:#6d4aff1f;color:var(--violet)}.comment-thread__action--reply{color:var(--violet);font-weight:800}.comment-thread__action--report{color:#b34b4b;font-weight:800}@media(max-width:760px)and (orientation:portrait){.comment-thread__action--report{min-width:32px;padding-inline:8px;justify-content:center;gap:0}.comment-thread__action--report span{display:none}}.comment-thread__empty{font-size:14px;line-height:1.5}.comment-thread__children{grid-area:children;display:grid;gap:10px;margin-left:14px;padding-left:14px;border-left:1px solid rgba(109,74,255,.12)}.comment-thread__reply-form{grid-area:reply;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 10px;padding:8px 0 0;border-top:1px solid rgba(109,74,255,.08)}.comment-thread__reply-form .comment-thread__textarea{grid-column:1 / -1;min-height:64px}.comment-thread__reply-feedback{min-width:0;min-height:17px}.comment-thread__reply-buttons{justify-self:end;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.comment-thread__empty{grid-column:1 / -1;margin:0;text-align:left;color:var(--muted);font-size:13px;font-weight:700}.admin-list{display:grid;gap:8px;margin-top:12px}.admin-home-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:6px}.admin-home-card,.admin-policy-card,.admin-user-card,.admin-message-card{border:1px solid var(--line);border-radius:20px;background:var(--surface-soft-bg)}.admin-home-card{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"icon badge" "copy badge";align-items:start;gap:10px 14px;padding:18px;text-align:left}.admin-home-card.is-disabled,.admin-home-card:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.admin-home-card.is-disabled:hover,.admin-home-card:disabled:hover{background:var(--surface-soft-bg)}.admin-home-card__icon{grid-area:icon;display:grid;place-items:center;width:56px;height:56px;border-radius:18px;background:linear-gradient(180deg,#f6f1ff,#ebe3ff);color:var(--violet)}.admin-home-card>.status-chip{grid-area:badge;align-self:start;justify-self:end}.admin-home-card__copy{grid-area:copy;display:grid;gap:4px;max-width:34ch}.admin-home-card__copy strong,.admin-policy-card strong{color:var(--ink);font-size:18px;letter-spacing:-.03em}.admin-home-card__copy p,.admin-policy-card p{margin:0;color:var(--muted);font-size:12px;font-weight:650;line-height:1.4}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:6px;min-width:0}.admin-grid--users{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.admin-grid--messages{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr)}.admin-section{display:grid;align-content:start;gap:10px;border:1px solid var(--line);border-radius:24px;padding:18px;background:var(--surface-panel-bg);min-width:0}.admin-report-stack{display:grid;gap:12px}.admin-report-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:1px solid var(--line);border-radius:22px;padding:14px 16px;background:var(--surface-panel-bg)}.admin-report-toolbar strong{display:block;margin-top:2px;color:var(--ink);font-size:15px;letter-spacing:-.02em}.admin-report-toolbar__actions{display:flex;flex-wrap:wrap;gap:8px}.admin-section--detail{gap:14px}.admin-section__head h2,.admin-compose-panel h3{margin:2px 0 0;font-size:24px;letter-spacing:-.04em}.admin-search{margin-top:2px}.admin-user-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;padding:12px;text-align:left}.admin-user-card.active{border-color:#6d4aff59;background:linear-gradient(180deg,#fcfbff,#f5f0ff);box-shadow:none}.admin-user-card__copy,.admin-user-card__title{display:grid;gap:6px}.admin-user-card__meta,.admin-profile-card__badges{display:flex;flex-wrap:wrap;gap:8px}.admin-item__icon{display:grid;place-items:center;width:36px;height:36px;flex:0 0 36px;border-radius:12px;background:#6d4aff14;color:var(--violet)}.admin-profile-card{display:grid;gap:14px;border:1px solid var(--line);border-radius:22px;padding:18px;background:var(--surface-soft-bg)}.admin-profile-card__head{display:flex;align-items:center;gap:14px}.admin-profile-card__head h2{margin:4px 0 8px;font-size:28px;letter-spacing:-.04em}.admin-profile-card__copy{margin:0;color:var(--muted);font-weight:650}.admin-profile-card__actions,.admin-compose-grid{display:grid;gap:10px}.admin-profile-card__actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.admin-profile-card__actions .btn{width:100%;justify-content:center;min-height:44px}.admin-compose-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-compose-panel{display:grid;gap:10px;border:1px solid var(--line);border-radius:22px;padding:18px;background:var(--surface-panel-bg)}.admin-textarea{min-height:110px;resize:vertical}.admin-policy-grid{display:grid;gap:10px}.admin-policy-card{display:grid;gap:10px;padding:16px}.admin-item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:16px;padding:12px;background:var(--surface-panel-bg);min-width:0}.admin-item__body{display:grid;gap:4px;min-width:0;flex:1 1 auto}.admin-item strong{font-size:13px}.admin-meta{color:var(--muted);font-size:12px;font-weight:750}.admin-item__chips{display:flex;flex-wrap:wrap;gap:6px}.admin-activity-list{min-width:0}.admin-activity-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:10px 12px}.admin-activity-item .admin-item__body{padding-top:2px}.admin-activity-item__meta{display:flex;flex-wrap:wrap;gap:4px 8px}.admin-activity-item__meta span{min-width:0}.admin-activity-item__meta span+span:before{content:"|";margin-right:8px;color:color-mix(in srgb,var(--muted) 82%,transparent)}.admin-activity-item__chip{max-width:min(100%,15rem);align-self:start;justify-self:end;text-align:left;white-space:normal;overflow-wrap:anywhere}.admin-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.admin-actions .btn,.admin-profile-card__actions .btn,.admin-home-card{box-shadow:none}.admin-actions .btn,.admin-profile-card__actions .btn{min-height:40px}.admin-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.admin-item--report{align-items:flex-start}.admin-meta--secondary{margin-top:4px}.admin-empty{text-align:left}.empty{border:1px dashed var(--line);border-radius:20px;padding:24px;background:#fff;color:var(--muted);font-weight:800;text-align:center}.error-box{margin-bottom:14px;border-color:#d9484847;color:var(--danger)}.status-toaster{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.status-toast{width:min(360px,calc(100vw - 32px));border:1px solid rgba(217,72,72,.26);border-radius:20px;padding:14px 16px;background:#fffffff5;color:var(--danger);font-weight:800;line-height:1.4;box-shadow:0 18px 40px #10141f24;opacity:calc(1 - (var(--toast-depth, 0) * .16));transform:translateY(calc(var(--toast-depth, 0) * -10px));animation:status-toast-enter .24s cubic-bezier(.2,.7,.2,1);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-toast--achievement{position:relative;overflow:hidden;border-color:#895ab738;color:var(--text)}.status-toast__achievement-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:start;min-width:0;z-index:1}.status-toast__achievement-icon{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#895ab71f;color:var(--violet);box-shadow:inset 0 0 0 1px #895ab714}.status-toast__achievement-copy{display:grid;gap:4px;min-width:0}.status-toast__achievement-kicker{color:#5a4a7ed1;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status-toast__achievement-copy strong{color:var(--ink);font-size:15px;font-weight:900;line-height:1.15}.status-toast__achievement-copy span:last-child{color:var(--muted);font-size:12px;font-weight:750;line-height:1.4}.status-toast__celebration{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.status-toast__confetti{position:absolute;top:-10%;width:7px;height:12px;border-radius:999px;opacity:.9;animation:status-toast-confetti 1.1s cubic-bezier(.2,.7,.2,1) both}.status-toast__confetti:nth-child(4n+1){background:#8f60d0}.status-toast__confetti:nth-child(4n+2){background:#5fa0ff}.status-toast__confetti:nth-child(4n+3){background:#f2bd41}.status-toast__confetti:nth-child(4n+4){background:#ef7aa3}.status-toast__confetti:nth-child(1){left:8%;animation-delay:0ms}.status-toast__confetti:nth-child(2){left:17%;animation-delay:40ms}.status-toast__confetti:nth-child(3){left:26%;animation-delay:80ms}.status-toast__confetti:nth-child(4){left:35%;animation-delay:20ms}.status-toast__confetti:nth-child(5){left:44%;animation-delay:.12s}.status-toast__confetti:nth-child(6){left:53%;animation-delay:70ms}.status-toast__confetti:nth-child(7){left:62%;animation-delay:10ms}.status-toast__confetti:nth-child(8){left:71%;animation-delay:.14s}.status-toast__confetti:nth-child(9){left:80%;animation-delay:55ms}.status-toast__confetti:nth-child(10){left:88%;animation-delay:.1s}.status-toast__confetti:nth-child(11){left:93%;animation-delay:25ms}.status-toast__confetti:nth-child(12){left:12%;animation-delay:.16s}.status-toast--achievement-violet{border-color:#895ab73d;background:radial-gradient(circle at 92% 12%,rgba(137,90,183,.12),transparent 36%),#fffffff7}.status-toast--achievement-gold{border-color:#d29d3a47;background:radial-gradient(circle at 92% 12%,rgba(210,157,58,.14),transparent 36%),#fffffff7}.status-toast--achievement-blue{border-color:#4b81bf3d;background:radial-gradient(circle at 92% 12%,rgba(75,129,191,.12),transparent 36%),#fffffff7}.status-toast--achievement-green{border-color:#1f9d6d3d;background:radial-gradient(circle at 92% 12%,rgba(31,157,109,.12),transparent 36%),#fffffff7}.status-toast--achievement-rose{border-color:#bf5b783d;background:radial-gradient(circle at 92% 12%,rgba(191,91,120,.12),transparent 36%),#fffffff7}.status-toast--achievement-slate{border-color:#706a7e38;background:radial-gradient(circle at 92% 12%,rgba(112,106,126,.12),transparent 36%),#fffffff7}.status-toast--success{border-color:#3187543d;color:#23704a}.status-toast--info{border-color:#486ed938;color:#3557b0}body.theme-dark .status-toast{border-color:#ff78782e;background:#141822f0;color:#ff9d9d;box-shadow:0 18px 40px #0000004d}body.theme-dark .status-toast--success{border-color:#5cbf872e;color:#83d8ab}body.theme-dark .status-toast--info{border-color:#7a97ff2e;color:#9ab5ff}body.theme-dark .status-toast--achievement{border-color:#a083cc33;background:radial-gradient(circle at 92% 12%,rgba(137,90,183,.2),transparent 36%),#141822f2;color:var(--ink)}body.theme-dark .status-toast__achievement-icon{background:#895ab72e;color:#ecdfff;box-shadow:inset 0 0 0 1px #895ab71f}body.theme-dark .status-toast__achievement-kicker{color:#e0d6f6b8}body.theme-dark .status-toast__achievement-copy strong{color:#f5f0ff}body.theme-dark .status-toast__achievement-copy span:last-child{color:#dde1eec7}body.theme-dark .status-toast--achievement-gold{border-color:#d29d3a38;background:radial-gradient(circle at 92% 12%,rgba(210,157,58,.2),transparent 36%),#141822f2}body.theme-dark .status-toast--achievement-blue{border-color:#4b81bf38;background:radial-gradient(circle at 92% 12%,rgba(75,129,191,.2),transparent 36%),#141822f2}body.theme-dark .status-toast--achievement-green{border-color:#1f9d6d38;background:radial-gradient(circle at 92% 12%,rgba(31,157,109,.18),transparent 36%),#141822f2}body.theme-dark .status-toast--achievement-rose{border-color:#bf5b7838;background:radial-gradient(circle at 92% 12%,rgba(191,91,120,.18),transparent 36%),#141822f2}body.theme-dark .status-toast--achievement-slate{border-color:#706a7e38;background:radial-gradient(circle at 92% 12%,rgba(112,106,126,.18),transparent 36%),#141822f2}@keyframes status-toast-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:calc(1 - (var(--toast-depth, 0) * .16));transform:translateY(calc(var(--toast-depth, 0) * -10px))}}@keyframes status-toast-confetti{0%{opacity:0;transform:translate3d(0,-8px,0) rotate(0) scale(.8)}12%{opacity:.95}to{opacity:0;transform:translate3d(-6px,96px,0) rotate(220deg) scale(1)}}@media(prefers-reduced-motion:reduce){.status-toast,.status-toast__confetti{animation:none}.status-toast{transform:translateY(calc(var(--toast-depth, 0) * -10px))}}.login-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:grid;place-items:center;padding:18px;background:#0f0c1861}.login-dialog{position:relative;display:grid;width:min(440px,100%);gap:10px;border:1px solid var(--line);border-radius:24px;padding:22px;background:#fff;box-shadow:none}.login-dialog h2{margin:0;font-size:26px;letter-spacing:-.04em}.login-dialog p{margin:0;color:var(--muted);font-weight:700}.login-dialog{max-height:calc(100dvh - 36px);overflow-y:auto}.login-dialog__options{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:13px}.login-dialog__options label{display:flex;align-items:center;gap:7px}.login-dialog__options input{accent-color:#7650db}.login-dialog__text-button{border:0;padding:2px;color:var(--muted);background:transparent;font:inherit;text-decoration:underline;cursor:pointer}.login-dialog__social{display:grid;gap:8px}.login-dialog__google{justify-self:center;width:180px;height:40px;padding:0;border:0;background:transparent;cursor:pointer}.login-dialog__google img{display:block;width:180px;height:40px}.login-dialog__google:focus-visible{outline:2px solid #7650db;outline-offset:3px}.login-dialog__google:disabled{cursor:wait;opacity:.6}.login-dialog__facebook{justify-self:center;width:180px;min-height:40px}.login-dialog__social>span{color:var(--muted);text-align:center;font-size:12px}.auth-modal__hint{border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--soft);color:var(--muted);font-size:12px;font-weight:700;line-height:1.4}.profile-page,.library-page,.messages-page{display:grid;gap:22px}.library-page--split{grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:start}.profile-card,.library-card-shell{display:grid;gap:14px}.profile-card__title-row,.library-card-shell__title-row{display:flex;align-items:stretch;flex-wrap:wrap;gap:16px;margin-top:12px;width:100%;min-width:0}.profile-card__avatar-shell{position:relative;display:inline-flex;align-items:center;align-self:center;width:fit-content;gap:0;padding:0}.profile-card__avatar-remove{position:absolute;top:-8px;right:-8px;z-index:3;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;min-height:30px;padding:0;line-height:1;border-radius:50%;border:1px solid rgba(180,57,57,.18);background:#cf3f3f;color:#fff;opacity:0;pointer-events:none;transform:scale(.92);transition:opacity .16s ease,transform .16s ease,background .16s ease,color .16s ease,border-color .16s ease}.profile-card__avatar-remove.btn.small{padding:0!important}.profile-card__avatar-remove svg{display:block;width:14px;height:14px;flex:0 0 auto;transform:none}.profile-card__avatar-remove.btn:hover{background:#bb2c2c;border-color:#9626263d;color:#fff}.profile-card__title-copy,.library-card-shell__title-row>div:last-child{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1 1 0;width:0}.profile-card__title-copy h1,.library-card-shell__title-row h1{margin:0;min-width:0}.profile-card__title-copy p{margin:0;color:var(--muted);font-weight:700}.profile-card__title-copy__name,.profile-card__title-copy__email{width:100%}.profile-card__title-copy__name{font-weight:900}.profile-card__title-copy__email{font-weight:700;color:var(--muted)}body.theme-dark .profile-card__avatar-remove{border-color:#96262647;background:#b92d2d;color:#fff}body.theme-dark .profile-card__avatar-remove.btn:hover{background:#d03a3a;border-color:#ff9a9a4d;color:#fff}.profile-card__badges,.library-card-shell__aside{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;gap:10px}.profile-hero-copy,.library-hero-copy{display:grid;gap:12px}.library-page .library-hero-copy{gap:10px;margin-top:-2px}.profile-hero-copy__bio{display:grid;gap:10px}.profile-hero-copy__bio-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-wrap:nowrap;margin-top:4px}.profile-hero-copy__description-row{display:block;min-width:0}.profile-hero-copy__description-row p{display:inline;min-width:0;margin:0;color:var(--muted);font-weight:650;line-height:1.5;word-break:break-word}.profile-hero-copy__description-row p .profile-hero-copy__placeholder{color:var(--muted);font-style:italic}.profile-hero-copy__description-row p .profile-description-edit-btn{display:inline-grid;vertical-align:baseline;width:18px;height:18px;min-width:18px;min-height:18px;margin-left:6px;padding:0!important;border:0;background:transparent;opacity:1;transform:translateY(1px);pointer-events:auto}.profile-hero-copy p,.library-hero-copy p{margin:0;color:var(--muted);font-weight:650;line-height:1.5}.profile-description-editor{display:grid;gap:10px;animation:profileDescriptionEditorIn .18s cubic-bezier(.2,.8,.2,1)}.profile-description-editor__shell{position:relative;display:grid;gap:8px;animation:profileDescriptionEditorIn .18s cubic-bezier(.2,.8,.2,1)}.profile-description-editor__field{min-height:110px;resize:vertical;padding-bottom:58px;animation:profileDescriptionFieldIn .18s cubic-bezier(.2,.8,.2,1)}.profile-description-editor__actions{position:absolute;right:10px;bottom:10px;z-index:1;display:flex;flex-wrap:nowrap;gap:8px;justify-content:flex-end;max-width:calc(100% - 20px)}.profile-hero-copy__bio-head-label{display:inline-flex;align-items:center;gap:8px;min-width:0}.profile-description-edit-btn{flex:0 0 auto;margin-left:0;min-width:0;width:auto;height:auto;padding:0!important;border:0;border-radius:999px;background:transparent;box-shadow:none;color:var(--muted);justify-content:center;opacity:1;transform:translateY(1px);pointer-events:auto}.profile-description-edit-btn:hover{background:transparent;box-shadow:none;color:var(--ink)}.profile-hero-copy__description-row:hover .profile-description-edit-btn,.profile-hero-copy__description-row:focus-within .profile-description-edit-btn{opacity:1;pointer-events:auto;transform:translateY(1px)}.profile-hero-copy__description-row p .profile-description-edit-btn:hover{width:26px;height:26px;min-width:26px;min-height:26px;border-radius:999px;background:#895ab724;color:var(--violet);box-shadow:none}body.theme-dark .profile-hero-copy__description-row p .profile-description-edit-btn:hover{background:#a88cff2e;color:#e0d6ff}@keyframes profileDescriptionEditorIn{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes profileDescriptionFieldIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.profile-hero-copy__meta{display:flex;gap:10px}.profile-hero-copy__meta-row{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px;border:1px solid var(--line);border-radius:18px;padding:11px 14px;background:var(--soft);color:var(--muted);font-size:13px;font-weight:750}.profile-hero-copy__meta-row strong{color:var(--ink);font-size:14px}.profile-hero-copy__meta-row--activity{flex-wrap:nowrap}.profile-hero-copy__activity-copy{display:grid;gap:2px;min-width:0}.profile-hero-copy__activity-copy>span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase}.profile-hero-copy__activity-copy strong{white-space:nowrap}.profile-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.profile-stat{display:grid;gap:6px;border:1px solid var(--line);border-radius:20px;padding:12px;background:var(--surface-soft-bg);min-height:80px}.profile-stat__value{color:var(--ink);font-size:28px;font-weight:900;line-height:1;letter-spacing:-.05em}.profile-stat__label{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.profile-stat--accent{background:var(--surface-soft-bg)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.profile-panel{display:grid;gap:12px;align-content:start}.profile-panel__head{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.profile-panel__head h2{margin:2px 0 0;font-size:22px;letter-spacing:-.04em}.profile-panel__copy{margin:0;color:var(--muted);font-weight:650;line-height:1.55}.profile-panel__actions{display:grid;gap:8px}.profile-panel__actions .btn{width:100%;min-height:44px;justify-content:center;gap:10px}.profile-panel__library-btn{color:#fff}.profile-panel__next{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:var(--soft);color:var(--muted);font-size:13px;font-weight:750}.profile-panel__progress{display:grid;gap:10px;border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:var(--soft)}.profile-panel__progress-head{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:750}.profile-panel__progress-bar{position:relative;height:10px;border-radius:999px;background:#6d4aff1f;overflow:hidden}.profile-panel__progress-fill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:var(--violet)}.profile-name-form{display:grid;gap:10px}.profile-card__message-btn{min-height:34px;padding-inline:13px}.profile-name-form__field{position:relative}.profile-name-form__field .field{padding-right:48px;transition:background .16s ease,color .16s ease,border-color .16s ease}.profile-name-form.is-locked .profile-name-form__field .field{background:#eceaf1;color:var(--muted)}body.theme-dark .profile-name-form.is-locked .profile-name-form__field .field{background:#202434;color:#8f8aa4}.profile-name-form__edit{position:absolute;top:6px;right:6px;display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:transparent;color:var(--muted);transition:background .16s ease,color .16s ease,transform .16s ease}.profile-name-form__edit:hover{background:#895ab71f;color:var(--violet)}.profile-name-form.is-editing .profile-name-form__edit{background:var(--violet);color:#fff}.profile-name-form.is-editing .profile-name-form__edit:hover{background:var(--violet-hover)}.profile-panel__meta{display:none}.profile-panel__status{margin:0}.profile-panel .btn{align-self:start}.profile-avatar-form{display:grid;gap:12px;border:1px solid var(--line);border-radius:20px;padding:14px;background:var(--soft)}.profile-avatar-form__preview{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.profile-avatar-form__copy p{margin:4px 0 0;color:var(--muted);font-weight:650;line-height:1.45}.profile-avatar-form__actions{display:flex;flex-wrap:wrap;gap:8px}.profile-avatar-picker{position:relative;display:inline-grid;place-items:center;width:96px;height:96px;border:0;padding:0;border-radius:999px;background:var(--soft);color:inherit;overflow:hidden}.profile-avatar-picker--viewer{cursor:zoom-in}.profile-avatar-picker .avatar-bubble{width:100%;height:100%}.profile-avatar-picker:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:#0000;transition:background .16s ease}.profile-avatar-picker__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;border-radius:inherit;background:#0000;color:#fff;font-size:0;text-align:center;opacity:0;transition:opacity .16s ease,background .16s ease}.profile-avatar-picker__overlay svg{position:relative;z-index:1}.profile-avatar-picker__overlay>svg{flex:0 0 auto}.profile-avatar-picker--empty .avatar-bubble{display:none}.profile-avatar-picker--empty .profile-avatar-picker__overlay{opacity:1;background:linear-gradient(180deg,#f7f8fbeb,#e4e9f1f5);color:#3d4454eb}body.theme-dark .profile-avatar-picker--empty .profile-avatar-picker__overlay{background:linear-gradient(180deg,#363c4cf5,#1e232efa);color:#ebeef7e6}body.theme-dark .profile-avatar-picker--empty .avatar-bubble{display:none}body.theme-dark .profile-avatar-picker--empty{background:transparent}body.theme-dark .profile-achievement{border-color:var(--line);background:var(--surface-soft-bg);color:var(--ink)}body.theme-dark .profile-achievement.is-locked{border-color:#7b83942e;background:linear-gradient(180deg,#1c1f27f0,#161920fa);color:#d0d6e2a3;opacity:1;filter:none}body.theme-dark .profile-achievement.is-selected{border-color:#895ab794;background:linear-gradient(180deg,#262035fa,#1a1726fa);box-shadow:inset 0 0 0 1px #895ab72e}body.theme-dark .profile-achievement.is-applied{border-color:#895ab7b8}body.theme-dark .profile-achievement--violet.is-selected{border-color:#895ab7a8;background:linear-gradient(180deg,#2d233bfa,#1f192bfa)}body.theme-dark .profile-achievement--gold.is-selected{border-color:#d29d3a80;background:linear-gradient(180deg,#362a16fa,#221b11fa)}body.theme-dark .profile-achievement--blue.is-selected{border-color:#4b81bf8a;background:linear-gradient(180deg,#192437fa,#111927fa)}body.theme-dark .profile-achievement--green.is-selected{border-color:#1f9d6d80;background:linear-gradient(180deg,#152c21fa,#0d1b15fa)}body.theme-dark .profile-achievement--rose.is-selected{border-color:#bf5b7885;background:linear-gradient(180deg,#3a1e23fa,#261216fa)}body.theme-dark .profile-achievement--slate.is-selected{border-color:#706a7e8f;background:linear-gradient(180deg,#22242dfa,#16181ffa)}body.theme-dark .profile-achievement:not(:disabled):hover{border-color:#895ab76b;background:linear-gradient(180deg,#1e222ffa,#161924fa)}body.theme-dark .profile-achievement.is-selected:not(:disabled):hover{border-color:#895ab7b8;background:linear-gradient(180deg,#2d233bfa,#1f192bfa)}body.theme-dark .profile-achievement__icon{background:#895ab72e;color:#dfd2ef}body.theme-dark .profile-achievement.is-locked .profile-achievement__icon{background:#7b839429;color:#d2d8e4b3}body.theme-dark .profile-achievement--gold .profile-achievement__icon{background:#d29d3a29;color:#f0d48d}body.theme-dark .profile-achievement--blue .profile-achievement__icon{background:#4b81bf29;color:#b7d3ff}body.theme-dark .profile-achievement--green .profile-achievement__icon{background:#1f9d6d29;color:#bdf4da}body.theme-dark .profile-achievement--rose .profile-achievement__icon{background:#bf5b7829;color:#ffc4d5}body.theme-dark .profile-achievement--slate .profile-achievement__icon{background:#706a7e2e;color:#d4d8ea}body.theme-dark .profile-achievement__description{color:#d7d3e7}body.theme-dark .profile-achievement.is-locked .profile-achievement__copy strong,body.theme-dark .profile-achievement.is-locked .profile-achievement__progress-label,body.theme-dark .profile-achievement.is-locked .profile-achievement__description{color:#d0d6e29e}body.theme-dark .profile-achievement__progress-track{background:#ffffff14}body.theme-dark .profile-achievement.is-locked .profile-achievement__progress-track{background:#ffffff0f}body.theme-dark .profile-achievement__progress-fill{background:linear-gradient(90deg,#a88cffb3,#895ab7f5)}body.theme-dark .profile-achievement.is-locked .profile-achievement__progress-fill{background:linear-gradient(90deg,#8d95a3a3,#747b89db)}body.theme-dark .profile-achievement__applied{background:#a88cff24;color:#d9ccff}body.theme-dark .profile-achievements__apply{background:var(--violet)}body.theme-dark .profile-achievements__apply:hover:not(:disabled){background:var(--violet-hover)}.profile-avatar-picker:hover:before,.profile-avatar-picker:focus-visible:before{background:#0000007a}.profile-avatar-picker:hover .profile-avatar-picker__overlay,.profile-avatar-picker:focus-visible .profile-avatar-picker__overlay{opacity:1;background:#00000024}.profile-avatar-picker--empty:hover .profile-avatar-picker__overlay,.profile-avatar-picker--empty:focus-visible .profile-avatar-picker__overlay{background:linear-gradient(180deg,#ebeef4f0,#dbe1ebfa)}.profile-avatar-picker--viewer:hover:before,.profile-avatar-picker--viewer:focus-visible:before{background:#00000042}.profile-avatar-picker--viewer .profile-avatar-picker__overlay{opacity:0;background:transparent;color:#fff}.profile-avatar-picker--viewer:hover .profile-avatar-picker__overlay,.profile-avatar-picker--viewer:focus-visible .profile-avatar-picker__overlay{opacity:1;background:transparent}@media(hover:none)and (pointer:coarse){.profile-avatar-picker__overlay,.profile-avatar-picker--viewer .profile-avatar-picker__overlay{opacity:1;background:#0000007a}.profile-avatar-picker--empty .profile-avatar-picker__overlay{background:linear-gradient(180deg,#ebeef4f5,#dbe1eb)}.profile-card__avatar-remove{opacity:1;pointer-events:auto;transform:scale(1)}}.profile-avatar-viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:130;display:grid;place-items:center;padding:20px;background:#0c0e14b3;backdrop-filter:blur(12px) saturate(1.05);-webkit-backdrop-filter:blur(12px) saturate(1.05)}.profile-avatar-viewer__sheet{position:relative;display:grid;place-items:center;width:min(84vw,680px);max-width:680px;max-height:84vh;padding:20px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:#ffffff14;box-shadow:0 28px 80px #00000059}.profile-avatar-viewer__image{width:min(100%,600px);max-height:calc(84vh - 40px);object-fit:contain;border-radius:24px}.profile-avatar-viewer__close{position:absolute;top:14px;right:14px;z-index:2;background:linear-gradient(180deg,#f16b6b,#cf3f3f);color:#fff;border:1px solid rgba(0,0,0,.08)}.profile-avatar-viewer__close.btn.small{padding:0!important}.profile-avatar-viewer__close svg{transform:translateY(-1px)}.profile-avatar-viewer__close.btn:hover{background:linear-gradient(180deg,#ff7a7a,#bb2c2c);color:#fff}.profile-achievements__display{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.profile-achievements__display--chip{width:fit-content;min-width:0;min-height:27px;margin-bottom:0;padding:4px 8px;border-width:2px;border-radius:999px;gap:5px;color:var(--ink);font-size:11px;font-weight:900;letter-spacing:-.02em;line-height:1.1;flex-wrap:nowrap;overflow:hidden;white-space:nowrap;box-shadow:inset 0 0 0 1px #ffffff42}.profile-card__badges .profile-achievements__display--chip{max-width:100%}.profile-achievements__display-value{display:flex;align-items:center;gap:6px;min-width:0;max-width:100%;color:inherit;font-size:inherit;font-weight:inherit;line-height:1.1}.profile-achievements__display--violet{background:#895ab71f;border-color:#895ab733}.profile-achievements__display--gold{background:#f3c96b24;border-color:#f3c96b38}.profile-achievements__display--blue{background:#5f81ff24;border-color:#5f81ff38}.profile-achievements__display--green{background:#1f9d6d24;border-color:#1f9d6d38}.profile-achievements__display--rose{background:#e7585824;border-color:#e7585838}.profile-achievements__display--slate{background:#706a7e24;border-color:#706a7e38}.profile-achievements{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,240px);grid-template-columns:none;grid-template-rows:repeat(2,minmax(112px,auto));gap:8px;min-width:0;max-width:100%;overflow-x:auto;overflow-y:visible;padding-bottom:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}.profile-achievements::-webkit-scrollbar{display:none}.profile-achievements--fade-left{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 100%)}.profile-achievements--fade-right{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,#000 0%,#000 calc(100% - 28px),transparent 100%)}.profile-achievements--fade-left.profile-achievements--fade-right{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 calc(100% - 28px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 28px,#000 calc(100% - 28px),transparent 100%)}.profile-achievement{width:100%;content-visibility:auto;contain-intrinsic-size:auto 112px;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;gap:6px 8px;align-items:center;position:relative;overflow:visible;border:1px solid var(--line);border-radius:18px;padding:9px 10px;background:var(--surface-soft-bg);min-width:0;min-height:112px;text-align:left}.profile-achievement.is-locked{border-color:#7e879633;background:linear-gradient(180deg,#f1f2f6fa,#e7e9eefa);color:#4c5462b8;opacity:1;filter:none}.profile-achievement__icon{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:999px;background:#895ab71f;color:var(--violet)}.profile-achievement.is-selected{border-width:3px;border-color:#895ab757;background:linear-gradient(180deg,#f5effffa,#ece3fbfa);box-shadow:inset 0 0 0 1px #895ab714}.profile-achievement.is-applied{border-color:#895ab770}.profile-achievement:not(:disabled){cursor:pointer}.profile-achievement:not(:disabled):hover{border-color:#895ab747;background:linear-gradient(180deg,#f8f4fffa,#f2ecfafa);box-shadow:none}.profile-achievement:disabled{cursor:default;opacity:1}.profile-achievement.is-locked .profile-achievement__icon{background:#7c849429;color:#6e7685e0}.profile-achievement.is-locked .profile-achievement__copy strong,.profile-achievement.is-locked .profile-achievement__progress-label,.profile-achievement.is-locked .profile-achievement__description{color:#565e6dc7}.profile-achievement.is-locked .profile-achievement__progress-track{background:#79819029}.profile-achievement.is-locked .profile-achievement__progress-fill{background:linear-gradient(90deg,#9299a6b8,#7d8491f0)}.profile-achievement__copy{display:grid;gap:4px;min-width:0}.profile-achievement__copy strong{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:clip;color:var(--ink);font-size:14px;font-weight:900;line-height:1.2}.profile-achievement__title{position:relative;display:block;min-width:0;overflow:hidden;white-space:nowrap}.profile-achievement__title--marquee{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%)}.profile-achievement__title-track{display:inline-flex;align-items:center;gap:24px;width:max-content;white-space:nowrap;animation:profileAchievementTitleSlide 6.5s ease-in-out infinite alternate;will-change:transform}.profile-achievement__title-text{flex:0 0 auto;white-space:nowrap}@keyframes profileAchievementTitleSlide{0%{transform:translate(0)}to{transform:translate(calc(-50% - 12px))}}.profile-achievement__copy p{margin:0;color:var(--muted);font-size:12px;font-weight:650;line-height:1.4}.profile-achievement__progress{display:grid;gap:6px}.profile-achievement__progress-label{color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.01em;line-height:1.2}.profile-achievement__progress-track{position:relative;overflow:hidden;width:100%;height:7px;border-radius:999px;background:#35295314}.profile-achievement__progress-fill{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#895ab7b8,#895ab7f0)}.profile-achievement__description{grid-column:1 / -1;display:block;min-width:0;margin-top:1px;color:var(--muted);font-size:11px;font-weight:700;line-height:1.25}.profile-achievement__applied{position:absolute;top:10px;right:10px;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#895ab724;color:var(--violet)}.profile-achievements__empty{margin:0;min-width:min(100%,320px)}.profile-achievement--gold .profile-achievement__icon{background:#f3c96b29;color:#9b7400}.profile-achievement--violet .profile-achievement__icon{background:#895ab724;color:var(--violet)}.profile-achievement--blue .profile-achievement__icon{background:#5f81ff24;color:#5f81ff}.profile-achievement--green .profile-achievement__icon{background:#1f9d6d24;color:var(--green)}.profile-achievement--rose .profile-achievement__icon{background:#e7585824;color:#d94848}.profile-achievement--slate .profile-achievement__icon{background:#706a7e24;color:var(--muted)}.profile-achievement--gold.is-selected{border-color:#f3c96b66;background:linear-gradient(180deg,#fff8e3fa,#f8ecc0fa)}.profile-achievement--violet.is-selected{border-color:#895ab757;background:linear-gradient(180deg,#f6effffa,#e8ddf9fa)}.profile-achievement--blue.is-selected{border-color:#5f81ff57;background:linear-gradient(180deg,#f0f5fffa,#dde6fffa)}.profile-achievement--green.is-selected{border-color:#1f9d6d57;background:linear-gradient(180deg,#ecf9f3fa,#d8f2e7fa)}.profile-achievement--rose.is-selected{border-color:#e7585857;background:linear-gradient(180deg,#fff0f0fa,#fbdfdffa)}.profile-achievement--slate.is-selected{border-color:#706a7e57;background:linear-gradient(180deg,#f4f3f7fa,#e6e4ebfa)}.profile-achievements__actions{display:flex;justify-content:flex-end;padding-top:2px}.profile-achievements__more{grid-row:span 2;place-content:center;justify-items:center;align-content:center;min-height:232px;gap:10px;text-align:center}.profile-achievements__more .profile-achievement__icon{grid-column:1 / -1}.profile-achievements__more-copy{grid-column:1 / -1;display:grid;gap:4px}.profile-achievements__more-copy strong{color:var(--ink);font-size:14px;font-weight:900}.profile-achievements__more-copy span{color:var(--muted);font-size:11px;font-weight:750}.profile-achievements__apply{gap:8px}@media(min-width:761px){.profile-achievements{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(112px,auto);align-content:start;overflow-x:hidden;overflow-y:auto;max-height:clamp(380px,58vh,620px);padding-right:4px;padding-bottom:0;scrollbar-gutter:stable}.profile-achievements--fade-left{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24px,#000 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 24px,#000 100%)}.profile-achievements--fade-right{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 24px),transparent 100%)}.profile-achievements--fade-left.profile-achievements--fade-right{-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 24px,#000 calc(100% - 24px),transparent 100%)}.profile-achievements__more{grid-column:1 / -1;grid-row:auto;min-height:112px}}@media(max-width:760px)and (orientation:landscape){.profile-achievements__more{grid-column:span 2;grid-row:span 1;min-height:112px}}body.theme-dark .profile-avatar-picker--empty:hover .profile-avatar-picker__overlay,body.theme-dark .profile-avatar-picker--empty:focus-visible .profile-avatar-picker__overlay{background:linear-gradient(180deg,#444a5cfa,#282d3afa)}.profile-avatar-picker:disabled{cursor:progress}.profile-avatar-picker:disabled:before{background:#00000059}.profile-avatar-picker:disabled .profile-avatar-picker__overlay{opacity:1;background:#0000002e}.profile-card__avatar-shell:hover .profile-card__avatar-remove,.profile-card__avatar-shell:focus-within .profile-card__avatar-remove{opacity:1;pointer-events:auto;transform:scale(1)}.library-hero-copy__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.library-hero-copy__stat{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:18px;padding:12px 14px;background:var(--surface-soft-bg)}.library-hero-copy__stat strong{color:var(--ink);font-size:24px;font-weight:900;line-height:1;letter-spacing:-.04em}.library-hero-copy__stat span{color:var(--muted);font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.library-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.library-filter-row__scroller{flex:1 1 0;min-width:0}.library-filter-row__scroller .filter-tag{flex:0 0 auto}.library-filter-row__create{margin-left:auto}.library-new-progression-btn{margin-left:auto;min-height:44px;padding-inline:18px;background:var(--violet);color:#fff;border-color:#6d4aff73}.library-new-progression-btn:hover,.library-new-progression-btn:focus-visible{background:var(--violet-hover);color:#fff;box-shadow:none}.library-item.clickable-card{cursor:pointer}.library-item.clickable-card:focus-visible{outline:2px solid var(--violet);outline-offset:2px}.library-back-btn{white-space:nowrap}.profile-progressions{display:grid;gap:10px}.profile-progression-link{display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:16px;padding:12px 14px;background:var(--soft);color:var(--ink);text-align:left}.profile-progression-link>span{display:grid;gap:4px}.profile-progression-link>span>span{color:var(--muted);font-size:12px;font-weight:700}.messages-shell{display:grid;gap:16px}.messages-shell__header,.profile-card__header{margin-bottom:0}.messages-layout{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr);gap:16px;min-height:520px}.messages-search-panel{display:grid;align-content:start;gap:10px;border:1px solid var(--line);border-radius:20px;padding:14px;background:var(--surface-soft-bg)}.messages-search-panel__title{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.messages-search-panel__hint{margin:0;color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.messages-search-results{display:grid;gap:8px}.messages-search-panel__threads{display:grid;gap:10px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line)}.messages-search-panel__title--threads{color:var(--muted)}.messages-search-result{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;padding:10px 12px;background:var(--soft);color:var(--ink);text-align:left}.messages-search-result.active{border-color:#895ab759;background:linear-gradient(180deg,#fcfbff,#f0ebff);box-shadow:0 14px 24px #895ab71f}.messages-search-result span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:800}body.theme-dark .messages-search-result.active,body.theme-dark .messages-thread-card.active{border-color:#895ab780;background:linear-gradient(180deg,#2b2347fa,#1c1631fa);box-shadow:none}.messages-thread-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:18px;padding:12px;background:var(--soft);color:var(--ink);text-align:left}.messages-thread-card.active{border-color:#895ab78c;border-width:2px;background:linear-gradient(180deg,#fdfbff,#f1ebff);box-shadow:none}body.theme-dark .messages-thread-card.active{border-color:#895ab7a8;border-width:2px;background:linear-gradient(180deg,#2b2347fa,#1c1631fa)}.messages-thread-card__copy{display:grid;gap:4px;min-width:0}.messages-thread-card__copy span{color:var(--muted);font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.messages-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;border:1px solid var(--line);border-radius:22px;padding:14px;background:var(--surface-panel-bg)}body.theme-dark .messages-bubble{background:var(--surface-soft-bg)}.messages-panel__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.messages-profile-link>span{display:grid;gap:2px}.messages-profile-link>span>span{color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}@media(hover:hover)and (pointer:fine){.messages-profile-link:hover{background:#ece7f2;box-shadow:none;transform:none}body.theme-dark .messages-profile-link:hover{background:#222738}.messages-profile-link:hover>span>span{color:var(--ink)}}.messages-log{display:grid;align-content:start;gap:10px;min-height:0;max-height:100%;overflow-y:auto;padding-right:4px}.messages-bubble{display:grid;gap:5px;max-width:min(460px,100%);border-radius:18px;padding:12px 14px;background:var(--card);border:1px solid var(--line)}.messages-bubble p{margin:0;color:var(--ink);line-height:1.45}.messages-bubble strong{font-size:12px;letter-spacing:.03em;text-transform:uppercase}.messages-bubble--sent{justify-self:end;background:linear-gradient(180deg,#f3edff,#e9e0ff);border-color:#895ab747}.messages-bubble--received{justify-self:start;background:linear-gradient(180deg,#fffefe,#f3f1f8);border-color:#e4dfeff2}body.theme-dark .messages-bubble--sent{border-color:#a88cff38;background:linear-gradient(180deg,#2d264afa,#1c1631fa)}body.theme-dark .messages-bubble--received{background:linear-gradient(180deg,#1c1f2bfa,#151822fa);border-color:#2a2e3df2}.messages-compose{display:block}.messages-compose__field{position:relative}.messages-compose__input{min-height:96px;padding-right:152px;padding-bottom:48px;resize:vertical}.messages-compose__send{position:absolute;right:8px;bottom:8px;min-height:34px;padding:8px 11px;border-radius:12px}.messages-empty{display:grid;justify-items:center;gap:10px;min-height:220px;align-content:center}.profile-grid{align-items:start}.profile-name-form .btn,.profile-avatar-form__actions .btn,.profile-panel>.btn{min-height:40px}.library-list{display:grid;gap:14px}.library-editor-shell{min-width:0}.library-editor-shell .detail-view{margin-top:0;padding-bottom:0}@media(max-width:960px){.library-page--split{grid-template-columns:1fr}}.library-empty{display:grid;justify-items:center;gap:12px}.library-status{text-align:left}.library-item{position:relative;display:grid;gap:12px;border:1px solid var(--line);border-radius:24px;padding:18px;background:var(--surface-panel-bg);overflow:hidden;isolation:isolate}.library-item__summary{position:relative;display:grid;gap:10px}.library-item--draft{background:var(--surface-panel-bg)}.library-item--draft .library-item__title-row,.library-item--draft .library-item__meta,.library-item--draft .library-item__footer{position:relative;z-index:2}.library-item__draft-label{position:relative;z-index:2;justify-self:center;display:inline-flex;align-items:center;gap:0;margin-top:2px;padding:0;border:0;border-radius:0;background:transparent;color:#6b4a98d1;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 10px rgba(255,255,255,.28),0 0 18px rgba(255,255,255,.14);backdrop-filter:none;-webkit-backdrop-filter:none;pointer-events:none}.library-item__draft-label span{display:inline-flex;align-items:center}body.theme-dark .library-item__draft-label{color:#e0d6ffe6;text-shadow:0 1px 10px rgba(9,10,16,.3),0 0 18px rgba(9,10,16,.18)}.library-item--draft .library-preview{position:relative;z-index:0;min-height:61px}.library-item__draft-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:grid;place-items:center;overflow:hidden;border-radius:inherit;pointer-events:none}.library-item__draft-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,#110f1700,#110f1706 12%,#110f170f,#110f1706 88%,#110f1700);backdrop-filter:blur(3px) saturate(1.01);-webkit-backdrop-filter:blur(3px) saturate(1.01);box-shadow:inset 0 0 0 1px #ffffff0a,inset 0 14px 24px #110f1704}body.theme-dark .library-item__draft-backdrop{background:linear-gradient(90deg,#090a1000,#090a100b 12%,#090a101a,#090a100b 88%,#090a1000);backdrop-filter:blur(3px) saturate(1.01);-webkit-backdrop-filter:blur(3px) saturate(1.01)}.library-item__title-row{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:12px}.library-item__title-copy{display:grid;flex:1 1 220px;gap:6px;min-width:0}.library-item__title-row h2{margin:0;font-size:24px;letter-spacing:-.04em}.library-item__title-row p,.library-item__subtitle{margin:0;color:var(--muted);font-weight:650;line-height:1.5}.library-item__badges{display:flex;flex-wrap:wrap;justify-content:flex-end;align-self:flex-start;gap:8px}.library-item__meta{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:12px;font-weight:750}.library-item__meta span{border:1px solid var(--line);border-radius:999px;padding:6px 9px;background:var(--soft)}.library-item__actions{display:flex;flex-wrap:wrap;gap:8px}.library-item__actions .btn{min-height:40px}body:not(.theme-dark) .library-item__actions .btn{background:linear-gradient(180deg,#fffffff5,#f4eefbf5);border-color:#895ab73d;color:#5f457f;box-shadow:0 10px 22px #895ab714,inset 0 1px #ffffffa6}body:not(.theme-dark) .library-item__actions .btn.danger{background:linear-gradient(180deg,#fff5f5fa,#fbe8e8fa);border-color:#cd4a4a47;color:#a23d3d;box-shadow:0 10px 22px #cd4a4a17,inset 0 1px #ffffffb8}body:not(.theme-dark) .library-item__actions .btn:hover{color:#442f63;border-color:#895ab757}body:not(.theme-dark) .library-item__actions .btn.danger:hover{color:#8d2f2f;border-color:#cd4a4a61}@media(hover:hover)and (pointer:fine){body:not(.theme-dark) .library-item__actions .btn:hover{background:linear-gradient(180deg,#fff,#f2ebf9);color:#442f63;box-shadow:0 12px 24px #895ab71f,inset 0 1px #fffc}body:not(.theme-dark) .library-item__actions .btn.danger:hover{background:linear-gradient(180deg,#fff8f8,#fce2e2);color:#8d2f2f;box-shadow:0 12px 24px #cd4a4a1f,inset 0 1px #ffffffd1}body.theme-dark .library-item__actions .btn:hover{background:linear-gradient(180deg,#292d3e,#202434);color:#f0ebff;box-shadow:0 12px 24px #0608104d,inset 0 1px #ffffff0f}body.theme-dark .library-item__actions .btn.danger:hover{background:linear-gradient(180deg,#422126,#351a1f);color:#ffd9d9;box-shadow:0 12px 24px #06081052,inset 0 1px #ffffff0d}}.library-item__footer{display:grid;gap:8px}.library-item__visibility{display:block}.library-item__visibility-field{display:grid;gap:4px;max-width:180px}.library-item__visibility-field span{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:10px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}.library-item__visibility-select{display:inline-flex;align-items:center;height:34px;min-height:34px;min-width:98px;padding:0 30px 0 11px;border-radius:12px;background:linear-gradient(180deg,#fffffffa,#f5effbfa);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1.25 5 4.75 9 1.25' stroke='%2363478a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"),linear-gradient(180deg,#fffffffa,#f5effbfa);background-position:right 11px center,center;background-repeat:no-repeat,no-repeat;background-size:10px 6px,auto;box-shadow:inset 0 1px #ffffffb8,0 6px 14px #2d1c4c14;cursor:pointer;font-size:12px;font-weight:800;line-height:1}body.theme-dark .library-item__visibility-select{border-color:#a88cff33;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1.25 5 4.75 9 1.25' stroke='%23ece6ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 11px center / 10px 6px no-repeat,linear-gradient(180deg,#242838fa,#1b1f2dfa);color:#f4f2ff;box-shadow:inset 0 1px #ffffff0d,0 8px 18px #0000003d}body:not(.theme-dark) .library-item__visibility-select:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1.25 5 4.75 9 1.25' stroke='%2363478a' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 11px center / 10px 6px no-repeat,linear-gradient(180deg,#fff,#f2ebf9);box-shadow:inset 0 1px #ffffffc7,0 8px 16px #2d1c4c1a}body.theme-dark .library-item__visibility-select:hover{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1.25 5 4.75 9 1.25' stroke='%23ece6ff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 11px center / 10px 6px no-repeat,linear-gradient(180deg,#292d3e,#1f2332);box-shadow:inset 0 1px #ffffff0f,0 10px 18px #00000047}.library-card-shell__description{margin-bottom:2px}.admin-grid--roles{grid-template-columns:minmax(300px,.92fr) minmax(0,1.08fr)}.admin-role-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-role-card{display:grid;gap:8px;align-content:start;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--soft);color:var(--ink);text-align:left}.admin-role-card strong{color:var(--ink);font-size:15px;letter-spacing:-.02em}.admin-role-card p{margin:0;color:var(--muted);font-size:12px;font-weight:650;line-height:1.4}.admin-role-card.active{border-color:#6d4aff57;background:linear-gradient(180deg,#f7f2ff,#eee5ff)}body.theme-dark .admin-role-card{background:var(--surface-soft-bg)}body.theme-dark .admin-role-card.active{border-color:#a88cff4d;background:linear-gradient(180deg,#262a3bfa,#1c1f2cfa)}@media(min-width:761px){.library-item__footer{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px}.library-item__visibility{justify-self:end;align-self:end}.library-item__visibility-field{align-content:end}}.library-editor{display:grid;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.library-editor__textarea{resize:vertical;min-height:72px}.library-editor__toggle{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:13px;font-weight:750}.library-editor__toggle input{width:16px;height:16px}.library-editor__actions{display:flex;flex-wrap:wrap;gap:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:18px;background:#000000e6;backdrop-filter:none;-webkit-backdrop-filter:none}.modal-card{position:relative;width:min(560px,100%);border:1px solid var(--line);border-radius:28px;padding:20px;background:var(--card);box-shadow:var(--shadow)}.modal-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.modal-card__head h2{margin:4px 0 0}.modal-card__head p{margin:4px 0 0;color:var(--muted);font-weight:650}.report-modal{display:grid;gap:16px}.report-modal__copy{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;border:1px solid rgba(109,74,255,.14);border-radius:20px;padding:14px 16px;background:linear-gradient(180deg,#6d4aff14,#6d4aff08);color:var(--muted);font-weight:650}.report-modal__copy p{margin:0}.report-modal__reasons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-modal__reason{justify-content:flex-start;width:100%;min-height:46px;border-color:var(--line);background:var(--surface-soft-bg);transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.report-modal__reason:hover{border-color:#6d4aff4d;background:#6d4aff14;color:var(--ink);transform:translateY(-1px)}.report-modal__status{text-align:left}.report-modal .admin-message-report__body{margin:0;border-radius:20px;padding:14px 16px;background:var(--surface-soft-bg)}.admin-review-panel{grid-column:1 / -1;margin-top:6px;border-top:1px solid rgba(109,74,255,.12);padding-top:12px}.admin-review-panel__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-review-panel__grid .btn{width:100%;justify-content:center;min-height:44px}body.theme-dark .report-modal__copy{border-color:#a88cff2e;background:linear-gradient(180deg,#a88cff1f,#a88cff0d)}body.theme-dark .report-modal__reason{background:#171a24}body.theme-dark .report-modal__reason:hover{border-color:#a88cff57;background:#a88cff24}body.theme-dark .report-modal .admin-message-report__body{background:#171a24}@media(max-width:960px){.report-modal__reasons,.admin-review-panel__grid{grid-template-columns:1fr}}.library-preview{margin-top:2px;position:relative}.library-preview--draft{min-height:61px;overflow:visible}.modal-close{position:absolute;top:12px;right:12px;display:grid;width:32px;height:32px;place-items:center;border-radius:999px;background:var(--soft)}.site-footer{display:grid;gap:42px;margin-top:0;padding:12px 0 30px;color:var(--muted)}.footer-cta{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:clamp(20px,4vw,56px);padding:clamp(26px,4vw,48px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel-bg);box-shadow:var(--surface-shadow)}.footer-cta__mark{display:grid;width:clamp(88px,11vw,132px);height:clamp(88px,11vw,132px);place-items:center}.footer-cta__mark img{display:block;width:100%;height:100%}.footer-logo-dark,body.theme-dark .footer-logo-light{display:none!important}body.theme-dark .footer-logo-dark{display:block!important}body.theme-dark .footer-cta__mark{padding:clamp(14px,1.7vw,21px);border-radius:50%;background:radial-gradient(circle at 48% 52%,#895ab785,#895ab747 28%,#895ab71a 52%,#895ab705 78%,#895ab700)}.footer-eyebrow,.footer-nav-title{margin:0;color:var(--violet);font-size:var(--text-xs);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.footer-cta__copy h2,.footer-newsletter h2{margin:6px 0 10px;color:var(--ink);font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.04;letter-spacing:-.045em}.footer-cta__description,.footer-brand-block>p,.footer-newsletter>p:not(.footer-nav-title):not(.footer-newsletter__status){max-width:520px;margin:0;font-family:var(--font-reading);font-size:var(--text-sm);line-height:1.65}.footer-cta__actions{display:grid;gap:11px;justify-items:start;min-width:max-content}.footer-cta__button{min-height:44px;padding-inline:17px}.footer-text-action{display:inline-flex;align-items:center;gap:7px;padding:4px 2px;border:0;color:var(--ink);background:transparent;font:inherit;font-size:var(--text-sm);font-weight:700;cursor:pointer}.footer-grid{display:grid;grid-template-columns:minmax(190px,1fr) minmax(180px,.75fr) minmax(260px,1.15fr);align-items:flex-start;gap:clamp(28px,5vw,80px)}.footer-grid--without-newsletter{grid-template-columns:minmax(190px,1fr) minmax(180px,.75fr)}.footer-brand-block{display:grid;gap:12px}.footer-wordmark{display:flex;align-items:center;width:min(100%,190px);padding:0;border:0;color:var(--ink);background:transparent;cursor:pointer}.footer-wordmark .brand-wordmark__name{font-size:30px}.footer-nav-group{display:grid;align-content:start;gap:10px}.footer-link-button,.footer-text-action{display:inline-flex;align-items:center;gap:7px;background:transparent;border:0;padding:0;color:var(--muted);font-size:13px;font-weight:500;letter-spacing:0;text-decoration:none;cursor:pointer;font:inherit}.footer-link-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:fit-content}.footer-newsletter{display:grid;align-content:start;gap:10px}.footer-newsletter h2{max-width:390px;font-size:clamp(1.2rem,2vw,1.55rem);letter-spacing:-.03em}.footer-newsletter__form{display:flex;gap:8px;margin-top:4px}.footer-newsletter__form input{min-width:0;flex:1 1 150px;height:42px;padding:0 12px;border:1px solid var(--line);border-radius:11px;outline:none;color:var(--ink);background:var(--soft);font:400 var(--text-sm) var(--font-reading)}.footer-newsletter__form input:focus-visible{border-color:var(--violet);box-shadow:var(--focus-ring)}.footer-newsletter__form .btn{min-height:42px;white-space:nowrap}.footer-newsletter__status{min-height:20px;margin:0;color:var(--muted);font-family:var(--font-reading);font-size:var(--text-xs)}.footer-newsletter__status.is-visible{color:var(--green)}.footer-newsletter__status.is-error{color:var(--danger)}.footer-bottom{display:flex;justify-content:space-between;gap:14px;padding-top:18px;border-top:1px solid var(--line);font-family:var(--font-reading);font-size:var(--text-xs)}.footer-text-action{color:var(--ink);font-weight:700}.attribution-page{display:grid;gap:28px;margin-top:var(--space-5);padding-bottom:24px}.attribution-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;padding:clamp(20px,4vw,34px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel-bg);box-shadow:var(--surface-shadow)}.attribution-hero__icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid color-mix(in srgb,var(--violet) 36%,var(--line));border-radius:var(--radius-md);color:var(--violet);background:color-mix(in srgb,var(--violet) 8%,var(--surface-panel-bg))}.attribution-hero .eyebrow,.attribution-card__kind{margin:0;color:var(--violet);font-size:var(--text-xs);font-weight:800;letter-spacing:.075em;text-transform:uppercase}.attribution-hero h1{max-width:760px;margin:5px 0 9px;color:var(--ink);font-size:clamp(1.75rem,4vw,2.7rem);line-height:1.03;letter-spacing:-.045em}.attribution-hero p:not(.eyebrow),.attribution-group__heading p,.attribution-card p,.attribution-card li,.attribution-card dd,.attribution-audit-note{font-family:var(--font-reading)}.attribution-hero p:not(.eyebrow){max-width:760px;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.6}.attribution-hero__notice{white-space:nowrap}.attribution-audit-note{margin:-12px 2px 0;color:var(--muted);font-size:var(--text-xs)}.attribution-group{display:grid;gap:14px}.attribution-group__heading{display:grid;gap:4px}.attribution-group__heading h2{margin:0;color:var(--ink);font-size:var(--text-xl);letter-spacing:-.025em}.attribution-group__heading p{max-width:760px;margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.5}.attribution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:14px}.attribution-card{display:grid;gap:17px;min-width:0;padding:clamp(17px,2.5vw,23px);border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface-panel-bg);box-shadow:var(--surface-shadow)}.attribution-card--used{border-color:color-mix(in srgb,var(--violet) 28%,var(--line))}.attribution-card--release-blocker{border-color:color-mix(in srgb,var(--danger) 36%,var(--line))}.attribution-card__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.attribution-card__heading h3{margin:4px 0 0;color:var(--ink);font-size:var(--text-lg);line-height:1.16}.attribution-card__status{display:inline-flex;flex:0 0 auto;align-items:center;gap:5px;min-height:28px;padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--soft);font:700 var(--text-xs) var(--font-reading)}.attribution-card--used .attribution-card__status{color:var(--violet)}.attribution-card--release-blocker .attribution-card__status{color:var(--danger)}.attribution-card__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}.attribution-card__facts>div{display:grid;align-content:start;gap:4px;min-width:0;padding:11px 12px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--soft)}.attribution-card dt,.attribution-card__section h4{margin:0;color:var(--muted);font-size:var(--text-xs);font-weight:800;letter-spacing:.045em;text-transform:uppercase}.attribution-card dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--ink);font-size:var(--text-xs);line-height:1.45}.attribution-card a{display:inline-flex;align-items:center;gap:4px;color:var(--violet);font-weight:700;text-decoration:none}.attribution-card a:hover{text-decoration:underline}.attribution-card a:focus-visible{border-radius:4px;outline:0;box-shadow:var(--focus-ring)}.attribution-card__section{display:grid;gap:6px}.attribution-card__section p{margin:0;color:var(--muted);font-size:var(--text-sm);line-height:1.55}.attribution-card__section p strong{color:var(--ink)}.attribution-card__section ul{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}.attribution-card__section li{padding:5px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:var(--soft);font-size:var(--text-xs);line-height:1.25}.attribution-card__notice{width:fit-content;font:700 var(--text-xs) var(--font-reading)}@media(max-width:900px){.attribution-hero{grid-template-columns:auto minmax(0,1fr)}.attribution-hero__notice{grid-column:2;width:fit-content}.attribution-grid{grid-template-columns:1fr}}@media(max-width:600px){.attribution-page{gap:22px;margin-top:14px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.attribution-hero{grid-template-columns:1fr;gap:12px;padding:17px}.attribution-hero__icon{width:40px;height:40px}.attribution-hero__notice{grid-column:1;width:100%;justify-content:center}.attribution-card__heading{align-items:stretch;flex-direction:column}.attribution-card__status{width:fit-content}.attribution-card__facts{grid-template-columns:1fr}}.support-page{display:grid;gap:18px}.support-card{display:grid;gap:14px}.support-card__header{align-items:flex-start}.support-card__mail{align-self:start}.support-card__header-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}.support-landing{display:grid;gap:16px}.support-landing__card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;border:1px solid var(--line);border-radius:22px;padding:20px;background:var(--surface-soft-bg)}.support-landing__card h2{margin:6px 0 0;color:var(--ink);font-size:26px;font-weight:900;letter-spacing:-.04em}.support-landing__card p{margin:8px 0 0;color:var(--muted);font-weight:650}.support-landing__ticket-btn{width:100%;justify-content:center}.support-ticket-form{display:grid;gap:9px}.support-ticket-list{display:grid;gap:10px}.support-ticket-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface-soft-bg)}.support-ticket-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.support-ticket-card__top strong{color:var(--ink);font-size:14px;font-weight:900}.support-ticket-card__meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:11px;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.support-ticket-card p{margin:0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.5}.support-empty{padding:12px 14px}.support-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:16px;align-items:start}.support-side{display:grid;gap:16px}.support-panel{display:grid;gap:10px;padding:14px}.support-panel__head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.support-message-form,.support-faq,.support-knowledge-grid{display:grid;gap:12px}.support-message-form__body,.support-search__input{resize:vertical;min-height:76px}.support-message-form__actions{display:flex;flex-wrap:wrap;gap:8px}.support-message-form__actions .btn{min-height:36px;padding:8px 11px}.support-faq__item,.support-knowledge-card{border:1px solid var(--line);border-radius:18px;padding:14px;background:var(--surface-soft-bg)}.support-faq__item h3,.support-knowledge-card h3{margin:0;color:var(--ink);font-size:15px;font-weight:900;letter-spacing:-.02em}.support-faq__item p,.support-knowledge-card p{margin:8px 0 0;color:var(--muted);font-size:13px;font-weight:650;line-height:1.5}.support-search{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;padding:7px 10px;background:var(--soft);color:var(--muted)}.support-search__input{min-height:26px;border:0;padding:0;background:transparent;box-shadow:none}.support-knowledge-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}.support-knowledge-card__icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:#895ab71f;color:var(--violet)}.support-knowledge-card__chevron{color:var(--muted);margin-top:3px}.profile-account-actions{display:grid;gap:10px;margin-top:0}.profile-account-actions__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;align-items:stretch;min-width:0}.profile-account-actions__copy h3{margin:0;color:var(--ink);font-size:14px;font-weight:900}.profile-account-actions__copy p{margin:6px 0 0;color:var(--muted);font-size:12px;font-weight:650;line-height:1.45}.profile-account-actions__editor{display:grid;gap:8px;min-width:0}.profile-account-actions__action{width:100%;height:44px;min-height:44px;justify-content:center}.profile-account-actions__admin{width:100%;height:44px;min-height:44px}.profile-account-actions__admin--primary{justify-content:center;margin-top:-2px}.profile-account-actions__support{width:100%;height:44px;justify-self:stretch;justify-content:center;min-height:44px}.profile-account-modal{width:min(520px,100%)}.profile-account-modal__fields{display:grid;gap:12px;margin-top:14px}.profile-account-modal__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:16px}.profile-account-modal__actions .btn{width:100%;justify-content:center}.profile-password-requirements{display:grid;gap:4px;max-height:0;margin-top:0;overflow:hidden;opacity:0;transform:translateY(-6px);transition:max-height .19s cubic-bezier(.2,.8,.2,1),margin-top .19s cubic-bezier(.2,.8,.2,1),opacity .15s ease,transform .19s cubic-bezier(.2,.8,.2,1)}.profile-password-requirements.is-visible{max-height:160px;margin-top:8px;opacity:1;transform:translateY(0)}.profile-password-requirements__item{color:var(--danger);font-size:11px;font-weight:800;line-height:1.25}.profile-password-requirements__item.is-met{color:var(--green)}.profile-account-actions__signout{width:100%;height:44px;min-height:44px}@media(hover:hover)and (pointer:fine){.btn:hover{background:#ece7f2;box-shadow:none}.btn.primary:hover{background:#1b1825}.btn.violet:hover,.btn.create-btn:hover,.burger-menu .create-btn:hover{background:var(--violet-hover);box-shadow:none}.btn.create-btn:hover,.burger-menu .create-btn:hover{box-shadow:0 0 0 2px #895ab738,0 12px 24px #895ab747}body.theme-dark .btn.violet:hover,body.theme-dark .btn.create-btn:hover,body.theme-dark .burger-menu .create-btn:hover{background:var(--violet-hover);box-shadow:none}body.theme-dark .btn.create-btn:hover,body.theme-dark .burger-menu .create-btn:hover{box-shadow:0 0 0 2px #895ab742,0 12px 24px #895ab757}.top-actions>.btn.header-browse-btn:not(.active):hover,.top-actions>.btn.header-library-btn:not(.active):hover,.top-actions>.btn.header-messages-btn:not(.active):hover,.top-actions>.btn.header-profile-btn:not(.active):hover,.top-actions>.btn.header-logout-btn:hover{background:#ddd3ea;color:#1f142b}body.theme-dark .top-actions>.btn.header-browse-btn:not(.active):hover,body.theme-dark .top-actions>.btn.header-library-btn:not(.active):hover,body.theme-dark .top-actions>.btn.header-messages-btn:not(.active):hover,body.theme-dark .top-actions>.btn.header-profile-btn:not(.active):hover,body.theme-dark .top-actions>.btn.header-logout-btn:hover{background:#33384f;color:#fff}.trend-item:hover,.contributor-item:hover{border-color:var(--line);background:linear-gradient(180deg,#fff,#f7f4ff);box-shadow:var(--surface-shadow-hover)}.filter-tag:not(.active):hover{border-color:var(--line);background:#f6f5f8;color:var(--ink);box-shadow:none}.clickable-card:hover{transform:none}.footer-links a:hover,.footer-link-button:hover,.social-link:hover{color:var(--ink)}}@media(hover:none)and (pointer:coarse){.btn:active,.filter-tag:active,.clickable-card:active,.trend-item:active,.contributor-item:active,.instrument-switch__button:active,.creator-guitar-fret-button:active,.social-link:active,.footer-links a:active,.footer-link-button:active{background:#7f7f7f1f;border-color:#7f7f7f33;box-shadow:none;transform:none;color:var(--ink)}.btn.primary:active{background:#1b1825;color:#fff}.btn.violet:active,.btn.blue:active,.btn.create-btn:active,.burger-menu .create-btn:active{background:var(--violet-hover);color:#fff}.btn.blue:active{background:#4b6de8}.filter-tag.active:active,.filter-tag:not(.active):active{background:#6d4aff29;border-color:#6d4aff4d;color:var(--violet)}.clickable-card:active,.trend-item:active,.contributor-item:active{background:#6d4aff0a}.progression-viz .instrument-switch__button:active{background:#7f7f7f14;border-color:#7f7f7f29;box-shadow:none;color:#292530b8}.progression-viz .instrument-switch__button.active:active{color:#111118;opacity:1}body.theme-dark .progression-viz .instrument-switch__button:active{color:#eceaf7d1}body.theme-dark .progression-viz .instrument-switch__button.active:active{color:#ebe6ff}}@media(max-width:900px){.browse-layout{grid-template-columns:1fr}.browse-sidebar{position:static;max-height:none;overflow:visible;padding:0}.section-head,.creator-layout{grid-template-columns:1fr;margin-top:15px}.footer-grid{flex-direction:column}.detail-actions{align-items:stretch;justify-content:flex-start;width:100%}.detail-actions__primary{width:100%}.detail-actions__primary>.btn{min-height:42px;padding:10px 12px;font-size:12px}.detail-download-btn{width:42px;height:42px;min-width:42px;padding:0}.detail-download-btn span{display:none}.detail-actions .bpm-control{width:100%;margin-left:0}.bpm-control{width:min(100%,340px)}.creator-actions{align-items:center;justify-content:space-between}.creator-actions__group{width:100%;margin-left:auto;justify-content:flex-end;align-items:center}}@media(min-width:901px){body{overflow:hidden}.app-shell{height:calc(100dvh - var(--topbar-height));overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:none;-ms-overflow-style:none}.app-shell--browse{max-width:1180px}.app-shell:has(.browse-shell){overflow-y:auto}.app-shell::-webkit-scrollbar{display:none}.app-shell__content{width:min(100%,1180px)}.browse-shell{display:block;height:100%;margin-top:0;padding-top:0;min-height:0}.browse-shell .browse-main{height:100%;margin-top:0;padding-bottom:0;min-height:0}.browse-shell .browse-layout{align-items:stretch;height:100%}.browse-shell .browse-feed-column{align-self:stretch;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;padding-top:24px;padding-right:4px;padding-bottom:32px;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.browse-shell .browse-feed-column{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 72px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 72px),transparent 100%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.browse-shell .browse-feed-column::-webkit-scrollbar{display:none}.browse-shell .browse-feed-panel{align-self:start;overflow:visible}.browse-shell .browse-sidebar{position:static;top:auto;align-self:stretch;align-content:start;grid-auto-rows:max-content;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:auto;padding:24px 4px 32px 0;min-height:0;scrollbar-width:none;-ms-overflow-style:none}.browse-shell .browse-sidebar{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 72px),transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 calc(100% - 72px),transparent 100%);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.library-item__draft-label{position:absolute;top:73px}.browse-shell .browse-sidebar::-webkit-scrollbar{display:none}.browse-shell .sidebar-section{min-height:0}.browse-shell .sidebar-list--trending,.browse-shell .sidebar-list--contributors{max-height:none;padding-right:0;margin-right:0}.browse-footer-wrap{margin-top:8px}}body,.panel,.card,.btn,.runtime-chip,.burger-menu,.burger-menu button,.sidebar-section,.browse-feed-panel,.feed-card,.trend-item,.contributor-item,.filter-tag,.search,.field,select,textarea,input:not([type=range]),.browse-feed-stat,.progression-strip,.detail-card,.login-dialog,.empty,.admin-item,.comment-item{transition:background-color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}@media(max-width:760px){:root{--topbar-height: 76px}.topbar-inner,.app-shell{padding-right:12px;padding-left:12px}.app-shell__content{width:100%;padding-right:0;padding-left:0}.topbar-inner{min-height:var(--topbar-height);padding-top:14px;padding-bottom:14px}body.burger-menu-open{overflow-x:hidden}body.burger-menu-open .topbar,body.burger-menu-open .app-shell{transform:translate(calc(-1*min(84vw,320px)));transition:transform .18s cubic-bezier(.2,.8,.2,1),background-color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}.runtime-chip,.top-actions>.btn:not(.create-btn){display:none}.top-actions{align-items:center}.top-actions>.btn.create-btn{min-height:36px;padding:7px 12px}.brand-wordmark{display:flex}.brand-mark{display:none}.brand-beta{min-height:18px;margin-left:6px;padding:2px 6px;font-size:8px}.burger-btn{display:grid}.burger-btn--topbar{right:12px}.detail-card{padding:14px 12px;box-shadow:none}.detail-discussion{gap:10px;margin-top:14px}.admin-report-toolbar{align-items:stretch}.admin-report-toolbar__actions{width:100%}.comments-panel{padding:14px}.comment-thread{grid-template-columns:auto minmax(0,1fr);gap:8px}.comment-thread__node{gap:6px 10px;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"avatar meta" "avatar body" "avatar actions" "avatar reply" "avatar children"}.comment-thread__composer-feedback,.comment-thread__reply-feedback{grid-column:1 / -1}.comment-thread__composer-submit{grid-column:2;grid-row:2}.comment-thread__reply-buttons{justify-content:flex-end}.comment-thread__reply-form{grid-template-columns:1fr}.comment-thread__reply-form .comment-thread__textarea{grid-column:1}.comment-thread__children{margin-left:12px;padding-left:12px}.comment-thread__meta{font-size:12px;line-height:1.3}.comment-thread__meta strong{font-size:13px}.comment-thread__body{font-size:14px;line-height:1.55}.comment-thread__action{font-size:12px}.comment-thread__empty{font-size:13px}.creator-panel{padding:12px 10px}.library-card-shell__header{display:flex;flex-direction:column;align-items:stretch;gap:12px}.library-card-shell__header>div:first-child{width:100%}.library-card-shell__aside{justify-content:flex-start}.library-back-btn{width:fit-content}.creator-layout{gap:12px}.browse-feed-panel,.sidebar-section,.feed-controls-shell{padding:13px}.browse-feed-header{flex-direction:column;align-items:flex-start}.browse-feed-stats{width:100%;justify-content:flex-start}.browse-feed-stat{flex:1 1 120px}.sidebar-list{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory;scrollbar-width:none}.sidebar-list::-webkit-scrollbar{display:none}.feed-controls,.tag-feed-controls{gap:11px}.tag-filter-group{gap:6px}.tag-filter-group+.tag-filter-group{padding-top:10px}.tag-options{gap:6px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;max-width:100%;padding-top:2px;padding-bottom:2px;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tag-options::-webkit-scrollbar{display:none}.tag-options .filter-tag{flex:0 0 auto}.tag-options--mood{padding-top:4px;padding-bottom:4px}.tag-options--mood .filter-tag{min-height:32px;padding-top:7px;padding-bottom:7px;line-height:1.1}.tag-options--mood-expanded{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden}.tag-filter-group__sort-row{grid-template-columns:1fr;gap:8px;align-items:start}.tag-filter-group__sort-stack{gap:6px;padding-top:0;min-height:0}.tag-options--sort{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-top:2px;padding-bottom:2px}.tempo-filter{width:100%;margin-left:0;max-width:none}.burger-menu{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:30;display:grid;width:min(84vw,320px);height:100dvh;min-width:0;gap:10px;border:0;border-radius:0 0 0 24px;padding:calc(18px + env(safe-area-inset-top)) 14px calc(16px + env(safe-area-inset-bottom));background:#fffffff7;box-shadow:-20px 0 40px #1e14462e;overflow-y:auto;animation:burgerDrawerIn .18s cubic-bezier(.2,.8,.2,1)}.burger-menu{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));align-content:start;align-items:stretch}.burger-menu .theme-toggle{grid-column:1 / -1}.burger-overlay{position:fixed;inset:var(--topbar-height) 0 0 0;z-index:24;display:block;border:0;padding:0;background:#0a091275;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);animation:burgerOverlayIn .18s ease;cursor:pointer}body.burger-menu-open .topbar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:#0a091275;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);pointer-events:none;animation:burgerOverlayIn .18s ease}.burger-menu button{width:100%;min-height:34px;padding:8px 10px;border-radius:999px;text-align:center}.burger-menu .theme-toggle,body.theme-dark .burger-menu .theme-toggle{background:transparent;box-shadow:none}.trend-item,.contributor-item{flex:0 0 min(80vw,300px);min-width:min(80vw,300px);scroll-snap-align:start}.trend-item{grid-template-columns:auto minmax(0,1fr);gap:10px;padding:11px;align-items:center}.trend-copy{gap:3px}.trend-kicker,.trend-author,.trend-meta{font-size:10px;line-height:1.25}.trend-score{display:inline-flex;align-items:center;gap:4px;width:auto;min-width:0;min-height:0;padding:5px 8px;justify-self:start;white-space:nowrap}.trend-score strong{font-size:12px}.trend-score__icon{display:inline-flex;color:currentColor;opacity:.7}.trend-stats{grid-column:2;display:flex;flex-wrap:wrap;gap:6px;justify-self:start;align-self:start}.contributor-item{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:11px;align-items:center}.contributor-item .avatar-bubble--sm{width:32px;height:32px;font-size:11px}.contributor-copy strong{font-size:14px}.contributor-meta{font-size:10px;line-height:1.25}.contributor-chip{grid-column:3;justify-self:end;min-width:0;min-height:0;width:auto;padding:5px 8px;font-size:9px;border-radius:12px}.legend,.legend b{font-size:9px}.creator-slot-name{font-size:16px}.chord-block .chord{font-size:13px;font-weight:900}.chord-block .roman{font-size:9px}.chord-block{min-width:92px;padding:9px 10px 10px}.admin-item{flex-direction:column}.admin-item--mini{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 10px}.admin-item--mini .admin-item__icon{align-self:center}.admin-item--mini .admin-item__body{min-width:0}.admin-item--mini .status-chip{justify-self:end}.admin-activity-item{grid-template-columns:auto minmax(0,1fr)}.admin-activity-item__chip{grid-column:2;justify-self:start;max-width:100%}.feed-top .btn{align-self:flex-start}.feed-card,.clickable-card,.feed-controls-shell{max-width:100%;min-width:0}.search{min-width:0}.progression-token-grid,.meta.compact-meta{width:100%}.meta.compact-meta{overflow:hidden}.meta.compact-meta span{max-width:100%;min-width:0}.social-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:6px}.social-row .btn{width:100%;min-width:0;padding:8px 9px;gap:5px;font-size:11px}.social-row .btn span{min-width:0}.progression-token-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));overflow:hidden;padding-bottom:0}.progression-token-grid--preview,.progression-token-grid--probe{grid-template-columns:repeat(var(--preview-chord-count, 4),minmax(0,1fr))}.progression-token-box{padding:7px 8px 8px}.progression-token-roman{font-size:8px;letter-spacing:.07em}.progression-token-chord{font-size:11px;line-height:1.08;white-space:normal;overflow-wrap:anywhere;word-break:break-word}.progression-token-box{scroll-snap-align:initial}.progression-token-box,.progression-token-grid{min-width:0;max-width:100%}.progression-token-scroller__track{grid-template-columns:repeat(var(--preview-grid-total, 4),minmax(0,1fr))}.progression-token-box--preview{min-width:92px;max-width:none}.creator-slots,.grid2,.comment-form{grid-template-columns:1fr}.creator-slots-wrap{margin-top:12px}.creator-panel--sequencer .creator-slots{display:flex;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;padding-left:0;padding-right:14px;scroll-padding-left:0;scroll-padding-right:14px;scrollbar-width:none;-webkit-mask-image:none;mask-image:none;box-sizing:border-box}.creator-panel--sequencer .creator-bar-shell,.creator-panel--sequencer .creator-bar-card,.creator-panel--sequencer .creator-slot--add{width:var(--creator-bar-width, max(236px, var(--creator-bar-min-width, 236px)));min-width:var(--creator-bar-width, max(236px, var(--creator-bar-min-width, 236px)));box-sizing:border-box}.creator-bar-shell--add{min-height:0}.creator-bar-shell .creator-bar-card{width:100%;min-width:0}.creator-bar-main{min-height:0}.creator-bar-timing-area{min-height:120px}.creator-rhythm-preview--full{display:none}.creator-rhythm-preview--compact{display:inline}.creator-bar-grid{top:0;right:0;bottom:0;left:0}.creator-bar-beats{height:24px}.creator-bar-beats-track{margin-inline:0}.creator-bar-beat{top:7px;font-size:9px;opacity:.72}.creator-row__split{gap:6px}.creator-row__split .btn.tiny{flex:1 1 auto;min-width:44px}.creator-slots-wrap:before,.creator-slots-wrap:after{display:block;width:18px}.creator-slots-wrap:before{background:linear-gradient(90deg,var(--card) 0%,rgba(247,244,255,0) 100%)}.creator-slots-wrap:after{background:linear-gradient(270deg,var(--card) 0%,rgba(247,244,255,0) 100%)}.creator-slot-scroll{display:none}.creator-actions__group{width:100%}.progression-strip{grid-template-columns:repeat(var(--progression-grid-columns, 4),minmax(0,1fr));grid-auto-flow:dense;overflow-x:hidden}.progression-strip--scroll{overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto;scrollbar-width:thin}.progression-strip--scroll .progression-strip__track{width:var(--progression-scroll-width, 100%);min-width:var(--progression-scroll-width, 100%)}@media(orientation:portrait){.creator-panel--sequencer .creator-slots{padding-left:0;scroll-padding-left:0}.creator-panel--sequencer .creator-segment .creator-slot-main{min-height:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 8px}.creator-panel--sequencer .creator-segment .creator-segment-chord--guided{gap:6px;padding:8px 8px 7px}.creator-panel--sequencer .creator-segment .creator-slot-name{display:block;flex:0 0 auto;width:auto;line-height:1;margin-top:0}}.chord-block{min-width:0;width:100%}.progression-strip__track{grid-template-columns:repeat(var(--progression-grid-total, 4),minmax(0,1fr))}.fret-numbers{font-size:8px}.guitar-wrap{--string-label-gutter: 16px;padding-right:8px;padding-left:8px}.footer-grid,.footer-nav-group{align-items:center;justify-items:center;justify-content:center;text-align:center}.footer-links,.footer-socials{justify-content:center}.creator-viz-stage{height:clamp(258px,70vw,320px);min-height:clamp(258px,70vw,320px);touch-action:auto}.creator-viz:not(.creator-viz--portrait) .creator-viz-stage{height:clamp(160px,24vw,190px);min-height:clamp(160px,24vw,190px)}.creator-viz:not(.creator-viz--portrait){gap:8px}.creator-viz:not(.creator-viz--portrait) .creator-viz-stage>*{height:100%}.creator-viz:not(.creator-viz--portrait) .creator-viz-stage .piano,.creator-viz:not(.creator-viz--portrait) .creator-viz-stage .creator-guitar-fade-frame,.creator-viz:not(.creator-viz--portrait) .creator-viz-stage .creator-guitar-diagram{height:100%}.creator-viz--portrait .creator-viz-stage>*{height:100%;touch-action:pan-x pan-y}.creator-viz--portrait .creator-viz-stage .piano,.creator-viz--portrait .creator-viz-stage .creator-guitar-fade-frame,.creator-viz--portrait .creator-viz-stage .creator-guitar-diagram{height:100%}.creator-viz-header{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:8px;min-height:0;margin-bottom:-10px}.creator-viz-play{width:fit-content;justify-self:start;align-self:flex-start;height:40px;padding:8px 12px;margin:2px 0 6px}.creator-viz{gap:10px}.library-filter-row{align-items:stretch}.library-hero-copy__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.library-hero-copy__stat{width:100%}.library-new-progression-btn{order:-1;flex:1 1 100%;margin-left:0;justify-content:center}.messages-layout{grid-template-columns:1fr;gap:12px;min-height:0}.messages-search-panel{overflow-y:auto;overflow-x:hidden;max-height:38vh;padding:12px}.messages-compose{grid-template-columns:1fr}.messages-panel{min-height:min(62vh,680px)}.messages-thread-card{align-items:start}.profile-hero-copy__meta,.profile-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-hero-copy__meta{display:grid}.profile-hero-copy__meta-row,.profile-stat{width:100%}.profile-card__title-row{flex-direction:row;align-items:center;flex-wrap:nowrap;gap:12px;width:100%}.admin-profile-card__head{flex-direction:column;align-items:flex-start}.profile-card__badges{flex-direction:column;align-items:flex-end}.profile-card__badges .role-chip{order:0}.profile-card__badges .profile-achievements__display--chip{order:1}.profile-grid,.admin-grid,.admin-grid--users,.admin-grid--messages,.admin-compose-grid,.admin-home-grid{grid-template-columns:1fr}.admin-profile-card__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-profile-card__actions .btn{width:100%}.admin-role-presets{grid-template-columns:1fr}.profile-card__avatar-shell{align-self:center;margin-right:auto;padding:0}.profile-avatar-picker{width:92px;height:92px}.avatar-bubble--xl{width:92px;height:92px;font-size:29px}.profile-hero-copy__bio-head{justify-content:space-between}.profile-description-edit-btn{flex:0 0 auto;margin-left:0;width:26px;height:26px;min-height:26px;padding:0}.profile-achievements{grid-auto-columns:minmax(178px,210px);grid-template-columns:none}.profile-card__avatar-remove{opacity:1;pointer-events:auto;transform:scale(1)}.profile-description-edit-btn{opacity:1;pointer-events:auto;transform:none}.profile-account-actions__row{grid-template-columns:1fr}.profile-account-modal__actions{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-account-actions__support{width:100%;justify-content:center;text-align:center}.profile-avatar-picker__overlay{opacity:1;background:#00000029}.support-landing__card{grid-template-columns:1fr}.support-card__header{grid-template-columns:minmax(0,1fr);gap:14px}.support-card__header-actions{justify-content:flex-start}.support-landing__ticket-btn{width:100%}.admin-item{align-items:flex-start}.admin-actions{justify-content:flex-start}.admin-activity-item{gap:8px 10px}.library-item__visibility-field{max-width:100%}.creator-slot-main{gap:6px;padding:11px 8px 8px}.creator-slot-timing{min-height:0;align-self:center;padding:5px 9px;border-radius:8px;background:#706a7e1f;color:var(--muted);margin-top:2px}.creator-segment .creator-slot-main{min-height:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:0 8px}.creator-segment .creator-slot-name{display:block;flex:0 0 auto;width:auto;min-height:0;line-height:1}.creator-bar-split-toggle{flex-basis:38px;width:38px;min-width:38px;height:28px}.creator-bar-split-slider-shell{--creator-bar-split-slider-edge: 9px;flex-basis:64px;width:64px;min-width:64px;height:26px}.creator-bar-gap-handle{top:0;bottom:37px}.creator-bar-gap-handle__line{opacity:.72;width:3px;background:#8f67e6a3}.creator-viz-stage>.creator-manual-piano-hint,.creator-manual-piano-hint{left:20%;bottom:12px;width:34px;min-width:34px;height:34px;max-width:none;max-height:none;aspect-ratio:1}.creator-manual-piano-hint__ring{top:5px;right:5px;bottom:5px;left:5px}.creator-slot-main:active{background:#35295314}.creator-slot-main:hover{background:#3529530a}.creator-slot-main:hover .creator-slot-timing{color:var(--muted)}.creator-metronome-btn--create{min-width:40px;width:40px;height:40px}.creator-metronome-btn__icon-wrap{width:32px;height:32px}.creator-metronome-btn__icon{width:15px}.support-layout{grid-template-columns:1fr}.support-panel__head{flex-direction:column}.piano-scroll{width:100%;overscroll-behavior-x:contain}.piano-scroll-arrow{display:none}.creator-viz .piano-white-key,.creator-viz .piano-black-key{transition:background-color .12s ease,background .12s ease,border-color .12s ease,color .12s ease,transform .12s ease;backface-visibility:hidden}.piano--interactive .piano-scroll{cursor:grab;touch-action:pan-x pan-y}.piano--interactive .piano-scroll:active{cursor:grabbing}.piano--interactive .piano-keys{width:280vw;min-width:280vw}.piano--display .piano-scroll{overflow-x:auto;cursor:grab;touch-action:pan-x pan-y}.piano--display .piano-keys{width:260%;min-width:260%}.piano{height:299px}.piano-white-key,.piano-black-key,.creator-slot,.creator-slot-timing,.creator-slot-remove,.creator-slot-copy{-webkit-tap-highlight-color:transparent}.piano-white-key,.piano-black-key{touch-action:pan-x pan-y}.piano--interactive .piano-white-key{bottom:6px;height:calc(100% - 12px)}.piano--interactive .piano-black-key{top:6px;height:50%}.piano--display .piano-white-key{bottom:4px;height:calc(100% - 8px)}.piano--display .piano-black-key{top:4px;height:calc((100% - 8px)/2)}.creator-viz-stage .creator-guitar-diagram{height:100%}.progression-viz-stage .piano{height:92px}.progression-viz-stage .piano-white-key{bottom:4px;height:calc(100% - 8px)}.progression-viz-stage .piano-black-key{top:4px;height:54%}.creator-viz-stage .piano-black-key{top:6px;height:50%}.progression-token-box--marquee{flex-basis:var(--progression-marquee-card-width, 65px);width:var(--progression-marquee-card-width, 65px);min-width:var(--progression-marquee-card-width, 65px);max-width:var(--progression-marquee-card-width, 65px)}.creator-guitar-diagram{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:auto;touch-action:pan-x pan-y;overscroll-behavior-x:none;overscroll-behavior-y:auto;scrollbar-width:none;scrollbar-gutter:auto;padding-bottom:0}.creator-guitar-diagram::-webkit-scrollbar{display:none}.creator-guitar-board{min-width:250%}.creator-viz--portrait .creator-guitar-board{min-width:400%}.creator-viz--portrait{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;gap:8px}.creator-guitar-strings{gap:2px;margin-top:2px}.creator-guitar-row{height:20px}.creator-guitar-track,.creator-guitar-cell{height:20px;min-height:20px}.burger-menu .theme-toggle{min-width:0;justify-content:center}}.progression-viz--portrait{gap:10px}.progression-rotate-banner{display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:8px;width:100%;padding-block:8px;color:var(--muted);text-align:center}.progression-rotate-banner p{margin:0;max-width:220px;font-size:11px;font-weight:800;line-height:1.35;letter-spacing:-.02em}.progression-rotate-banner__icon{display:inline-grid;width:22px;height:22px;flex:0 0 22px;place-items:center;color:#7a7488e6}.progression-rotate-banner__icon svg{width:14px;height:14px;stroke-width:1.8}@keyframes burgerDrawerIn{0%{opacity:.3;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes burgerOverlayIn{0%{opacity:0}to{opacity:1}}.creator-rotate-banner{display:grid;grid-auto-flow:column;align-items:center;justify-content:center;gap:6px;width:100%;padding-block:6px;color:#7a7488e0;background:transparent;border:0;box-shadow:none;margin-inline:auto;text-align:center}.creator-rotate-banner--import{margin:2px auto 0}.creator-rotate-banner__icon{width:20px;height:20px;flex-basis:20px;color:#7a7488e6}.creator-rotate-banner__icon svg{width:12px;height:12px;stroke-width:1.8}.creator-rotate-banner p{margin:0;max-width:180px;font-size:10px;font-weight:800;line-height:1.35;letter-spacing:-.02em}.creator-viz-body{gap:8px}@media(max-width:760px){.progression-viz--portrait{gap:.45rem}.progression-viz--portrait .progression-viz-stage{height:clamp(146px,38vw,184px);min-height:clamp(146px,38vw,184px)}.progression-viz--portrait.progression-viz--guitar .progression-viz-stage{height:clamp(194px,50vw,264px);min-height:clamp(194px,50vw,264px)}.progression-viz--portrait .progression-viz-stage>*{width:100%;height:100%}.progression-viz--portrait.progression-viz--guitar .progression-viz-stage>*{height:100%}.progression-viz--portrait .piano{height:78%;align-self:center}.progression-viz--portrait .piano--display .piano-scroll{overflow-x:auto;overflow-y:hidden;cursor:grab;touch-action:pan-x pan-y}.progression-viz--portrait .piano-note-label,.progression-viz--portrait .piano-c-label{font-size:8px}.progression-viz--portrait .piano-black-key .piano-note-label{font-size:7px}.progression-viz--portrait .progression-guitar-diagram,.progression-viz--portrait .progression-guitar-diagram .chord-horizontal-board{height:100%}.progression-viz--portrait .progression-guitar-diagram .chord-horizontal-board{display:grid;grid-template-rows:auto minmax(0,1fr)}.progression-viz--portrait .progression-guitar-diagram .chord-horizontal-strings{height:100%;align-content:space-between;gap:4px;bottom:-6px}.progression-viz--portrait .progression-guitar-diagram .chord-string-row,.progression-viz--portrait .progression-guitar-diagram .chord-fret-header{grid-template-columns:26px minmax(0px,1fr)}.progression-viz--portrait .progression-guitar-diagram{--progression-string-label-width: 26px;touch-action:pan-y;overscroll-behavior:auto}.progression-viz--portrait .progression-guitar-diagram .chord-horizontal-board,.progression-viz--portrait .progression-guitar-diagram .chord-string-row,.progression-viz--portrait .progression-guitar-diagram .chord-string-track,.progression-viz--portrait .progression-guitar-diagram .chord-finger{touch-action:pan-y}.progression-viz--portrait .progression-guitar-diagram .chord-string-label{font-size:9px}.progression-viz--portrait .progression-guitar-diagram .chord-string-track{min-height:18px}.progression-viz--portrait .progression-guitar-diagram .chord-horizontal-board:before{top:22px;bottom:10px;left:26px;width:16px}.progression-viz--portrait .progression-guitar-diagram .chord-fret-number-overlay{inset:4px 11px auto 38px;height:16px}.progression-viz--portrait .progression-guitar-diagram .chord-fret-lines,.progression-viz--portrait .progression-guitar-diagram .chord-inlays{left:38px;right:12px;top:26px;bottom:10px}.progression-viz--portrait .progression-guitar-diagram .chord-finger,.progression-viz--portrait .progression-guitar-diagram .chord-finger.open{width:18px;height:18px}.progression-viz--portrait .progression-guitar-diagram .chord-finger__label{font-size:7px}.progression-viz--portrait .progression-guitar-diagram .chord-mute-mark,.progression-viz--portrait .progression-guitar-diagram .chord-unplayed-mark{left:-7px;min-width:16px;aspect-ratio:1 / 1;font-size:8px}.progression-viz--portrait .progression-guitar-diagram .chord-finger--inline.open{left:-7px!important}.progression-viz--portrait .detail-legend{align-items:center;justify-content:space-between}.progression-viz--portrait .detail-legend__text{align-items:center}.detail-legend{align-items:flex-end}.detail-legend__position{flex:0 0 auto}}@media(max-width:760px)and (orientation:portrait){.library-item__draft-label{transform:translateY(-14px);position:absolute;top:119px}.detail-header{--detail-header-action-width: 38px;display:block;position:relative;margin-bottom:14px}.detail-header h1{font-size:clamp(24px,7vw,34px);line-height:1.05}.detail-header__posted{margin-top:4px}.contribution-line--card{align-items:flex-start}.contribution-line--card .contribution-copy{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:4px}.contribution-line--card .contribution-copy>.contribution-copy__label,.contribution-line--card .contribution-copy>.contribution-copy__tag{justify-self:start}.contribution-line--card .contribution-copy__tag{font-size:10px}.feed-card .progression-token-grid,.feed-card .progression-token-scroller__track{align-items:start}@media(min-width:761px){.feed-card .progression-token-preview,.feed-card .progression-token-preview *{pointer-events:none;overflow-anchor:none}}.detail-contribution__copy-wrap{gap:5px}.detail-contribution__copy,.detail-contribution__posted{white-space:normal;overflow-wrap:anywhere}.detail-contribution__copy{align-items:baseline;flex-wrap:wrap;max-width:100%}.detail-contribution__tag,.detail-contribution__posted{font-size:10px}.detail-contribution__posted.detail-header__posted{margin-top:4px}.detail-header__copy{display:grid;min-width:0}.detail-header__hero{min-width:0;padding-right:calc(var(--detail-header-action-width) + 10px)}.detail-header__hero--admin-mobile{padding-right:calc((var(--detail-header-action-width) * 2) + 16px)}.detail-header__hero>.btn{justify-self:start;width:fit-content}.detail-own-actions,.detail-admin-actions{gap:6px}.detail-header__actions{position:absolute;top:0;right:0;width:var(--detail-header-action-width);align-self:start;justify-self:end;display:grid;gap:6px;justify-items:end}.detail-header__actions--badges{width:min(156px,44vw)}.detail-header__actions--admin-mobile{width:calc((var(--detail-header-action-width) * 2) + 6px)}.detail-own-actions,.detail-admin-actions{width:var(--detail-header-action-width)}.detail-admin-actions{grid-template-columns:repeat(2,minmax(0,var(--detail-header-action-width)));width:calc((var(--detail-header-action-width) * 2) + 6px)}.detail-header__actions .btn{width:var(--detail-header-action-width);min-width:var(--detail-header-action-width);min-height:var(--detail-header-action-width);justify-content:center;gap:0;padding:0;font-size:0;line-height:1}.detail-header__actions .btn span{display:none}.detail-header__actions .btn svg{width:16px;height:16px}.detail-header__badges{justify-items:end}.detail-header__badges .role-chip,.detail-header__badges .contribution-copy__tag{justify-self:end}.detail-contribution{width:100%;min-width:0;max-width:100%}.detail-header__tags-wrap{width:100%;min-width:0;max-width:100%;overflow:hidden}.progression-card__tags--scroll,.detail-header__tags--scroll{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;width:100%;min-width:0;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.progression-card__tags--scroll::-webkit-scrollbar,.detail-header__tags--scroll::-webkit-scrollbar{display:none}.progression-card__tags--scroll>span,.detail-header__tags--scroll>span{white-space:nowrap;flex:0 0 auto}.profile-card__title-row{flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:12px}.profile-card__avatar-shell{align-self:flex-start;margin-right:0}.profile-avatar-picker{width:92px;height:92px}.avatar-bubble--xl{width:92px;height:92px;font-size:29px}.profile-card__avatar-remove{top:-7px;right:-7px}.profile-card__title-copy{width:100%;flex:1 1 100%}.profile-card__title-copy h1,.library-card-shell__title-row h1{font-size:clamp(24px,6.8vw,32px);line-height:1.05;letter-spacing:-.04em}.profile-card__title-copy__name .auto-marquee-text__content,.profile-achievement__title .auto-marquee-text__content{padding-bottom:2px}.profile-card__badges{width:100%;justify-content:flex-start;align-items:flex-start;flex-direction:row}.profile-card__badges .role-chip{order:1}.profile-card__badges .profile-achievements__display--chip{order:0}.admin-profile-card__head h2{font-size:clamp(20px,5.8vw,26px);line-height:1.08;letter-spacing:-.04em}.admin-profile-card__head{gap:12px}.profile-achievements__display--chip{min-height:28px}.progression-card__flag-label{display:none}.progression-card__flag{gap:0;width:42px;height:42px;min-width:42px;min-height:42px;padding:0;justify-content:center}.feed-card .progression-token-box{align-content:center;height:42px;overflow:hidden}.feed-card .progression-token-chord{white-space:nowrap;overflow-wrap:normal;word-break:normal}.creator-chord-name-field--viz{margin-top:7px}}@media(orientation:landscape)and (max-width:960px){.admin-grid--users,.admin-grid--messages{grid-template-columns:1fr}.admin-activity-item{grid-template-columns:auto minmax(0,1fr)}.admin-activity-item__chip{grid-column:2;justify-self:start;max-width:100%}.admin-section,.admin-item{min-width:0}.profile-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.progression-viz--landscape-mobile{position:relative}.progression-viz--landscape-mobile .progression-viz-stage{height:clamp(156px,31vw,184px);min-height:clamp(156px,31vw,184px);touch-action:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.progression-viz--landscape-mobile .progression-viz-stage>*{touch-action:auto}.progression-viz--landscape-mobile .piano-black-key{height:52%}.progression-viz--landscape-mobile .piano--display .piano-scroll{overflow-x:auto;cursor:grab;touch-action:pan-x pan-y}.progression-viz--landscape-mobile .progression-guitar-diagram{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.progression-viz--landscape-mobile .piano--display .piano-keys{width:140%;min-width:140%}.creator-chord-name-field--viz{margin-top:10px}.progression-viz--landscape-mobile .progression-guitar-diagram .chord-horizontal-board{gap:4px;padding:0 10px 10px 14px;box-shadow:inset 0 1px #ffffff38,inset 0 -18px 34px #2610064d}.progression-viz--landscape-mobile .progression-guitar-diagram .chord-horizontal-board:before{top:21px;bottom:7px;left:38px;width:20px}.progression-viz--landscape-mobile .progression-guitar-diagram .chord-horizontal-strings{margin-top:3px;gap:3px}.progression-viz--landscape-mobile .progression-guitar-diagram .chord-string-track{min-height:22px}.progression-viz--landscape-mobile .progression-guitar-diagram .chord-fret-number-overlay{height:14px}.progression-viz--landscape-mobile .instrument-switch__position{position:absolute;top:6px;right:10px;bottom:auto;z-index:3}.library-item__draft-label{postition:absolute;top:58px}}@media(orientation:landscape)and (pointer:coarse){.creator-row__bpm #visual-bpm{width:150px}.creator-playback-control.is-playing .creator-playback-volume{max-width:145px;margin-left:8px;opacity:1;visibility:visible;pointer-events:auto}.creator-playback-volume input{width:76px;min-width:76px}.progression-strip{gap:10px;margin:16px 0;padding:14px;border-radius:20px}.chord-block{min-width:0;padding:10px 12px 11px;border-radius:18px}.chord-block .roman{font-size:10px;letter-spacing:.08em}.chord-block .chord{font-size:15px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.creator-slot-scroll{display:none}.creator-metronome-btn--create{min-width:40px;width:40px;height:40px;padding:0}.creator-metronome-btn__icon-wrap{width:32px;height:32px}.creator-metronome-btn__icon{width:15px}.creator-panel--sequencer .creator-slots{padding-left:0;scroll-padding-left:0;justify-content:flex-start}.library-item{gap:12px;padding:14px}.library-item__summary{gap:12px}.library-item__title-row{gap:10px}.library-item__title-row h2{font-size:clamp(20px,3.2vw,23px)}.library-item__title-row p{margin-top:8px;line-height:1.42}.library-item__badges{gap:6px}.library-item__meta{gap:8px}.library-item__meta span{padding:6px 9px}.library-item__actions .btn,.library-item__visibility-select{min-height:36px;height:36px}.library-item--draft .library-preview,.library-preview--draft{min-height:61px}.creator-viz{height:auto;min-height:0;gap:8px}.creator-viz-stage{height:clamp(160px,24vw,190px);min-height:clamp(160px,24vw,190px);touch-action:auto;overscroll-behavior-x:contain;overscroll-behavior-y:auto}.creator-viz-stage>*{height:100%;touch-action:auto}.creator-viz-stage .piano,.creator-viz-stage .creator-guitar-fade-frame,.creator-viz-stage .creator-guitar-diagram{height:100%;margin-top:0}.creator-viz-header{flex-direction:row;align-items:flex-start;justify-content:flex-start;gap:8px}.creator-viz-play{width:auto;justify-self:start;align-self:center;border-radius:20px}.creator-viz-header__spacer{display:none}.creator-row--bpm{grid-template-columns:auto auto auto minmax(0,1fr);grid-template-areas:"play bars guide bpm";align-items:center;gap:10px 12px;margin-block:14px 16px}.creator-row--bpm .creator-row__play{grid-area:play;margin-left:0;width:auto;justify-content:flex-start;border-radius:20px;align-self:center}.creator-row__bpm{grid-area:bpm;display:flex;align-items:center;gap:10px;min-width:0;width:auto;margin-block:0;justify-self:end;justify-content:flex-end}#visual-bpm{width:220px;max-width:none;min-width:0}.creator-row__bars{grid-area:bars;justify-content:flex-start;justify-self:center;align-self:center;text-align:left;width:max-content;min-width:max-content}.creator-slot--add{min-height:100%;padding:12px 12px 14px;grid-template-columns:1fr;grid-template-rows:auto auto;justify-items:center;align-content:center;gap:8px}.creator-bar-hint{display:none}.creator-viz .piano--interactive .piano-scroll,.creator-guitar-diagram{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:auto;touch-action:pan-x pan-y;overscroll-behavior-x:none;overscroll-behavior-y:auto;scrollbar-width:none;scrollbar-gutter:auto;padding-bottom:0}.creator-guitar-diagram::-webkit-scrollbar{display:none}.creator-viz .piano--interactive .piano-keys{width:min(280vw,280svh);min-width:min(280vw,280svh)}.creator-guitar-board{min-width:200%}.creator-guitar-strings{gap:2px;margin-top:2px}.creator-guitar-row{height:20px!important}.creator-guitar-track,.creator-guitar-cell{height:20px!important;min-height:20px!important}.header-messages-btn{width:42px;height:42px;justify-content:center;padding:0}.header-messages-btn span{display:none}.detail-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.detail-actions__primary{justify-content:flex-start}.detail-actions .bpm-control{width:min(220px,100%);justify-self:end}}@media(max-width:760px)and (orientation:portrait){.burger-menu{grid-template-columns:1fr}.creator-title-key-row{grid-template-columns:1fr;grid-template-areas:"title-stack" "key-selector";align-items:start;justify-items:stretch;gap:6px;text-align:left}.creator-title-field,.creator-title-key-row__title-stack,.creator-title-key-row .creator-title-input-wrap,.creator-title-key-row__label{justify-self:stretch;text-align:left}.creator-title-key-row__label{display:block}.creator-title-key-row__label--title{grid-area:auto}.creator-title-key-row__label--key{display:none}.creator-title-input{grid-area:auto}.creator-title-key-row__title-stack{grid-area:title-stack}.creator-key-selector{grid-area:key-selector;align-self:stretch}.creator-key-selector>.filter-caption{display:none}.creator-key-selector__grid{min-height:39px}.tag-filter-group__sort-row{grid-template-columns:1fr;gap:8px;align-items:start}.tag-filter-group__sort-stack{grid-template-rows:auto auto;gap:4px;min-height:0;align-self:start}.tempo-filter{width:100%;margin-left:0;justify-self:stretch}}@media(max-width:960px)and (orientation:landscape){.top-actions{align-items:center;flex-wrap:nowrap;gap:6px}.top-actions>.btn{min-height:36px;padding:6px 10px}.top-actions>.btn.create-btn{min-height:36px;padding-inline:12px}.top-actions>.btn.header-browse-btn,.top-actions>.btn.header-library-btn,.top-actions>.btn.header-messages-btn,.top-actions>.btn.header-profile-btn,.top-actions>.btn.header-login-btn,.top-actions>.btn.theme-toggle{display:inline-flex}.top-actions>.btn.header-logout-btn{display:none}.header-library-btn span,.header-messages-btn span,.header-profile-btn span{display:none}.top-actions>.btn.header-browse-btn,.top-actions>.btn.header-library-btn,.top-actions>.btn.header-messages-btn,.top-actions>.btn.header-profile-btn{height:36px;min-height:36px;width:auto;justify-content:center;padding:6px 10px}.theme-toggle{min-width:0;width:auto;white-space:nowrap;height:36px;min-height:36px;padding-inline:10px}.theme-toggle__track{width:40px}.top-actions>.btn{min-width:0}}.detail-view--admin-review .guided-visualizer-panel,.detail-view--admin-review .creator-viz--admin-review{--admin-review-visualizer-bg: transparent;--admin-review-visualizer-border: transparent;min-height:0;padding:0;border:0;background:var(--admin-review-visualizer-bg);border-color:var(--admin-review-visualizer-border)}.creator-bar-shell--timing-tight .creator-slot-remove,.creator-bar-shell--timing-tight .creator-slot-copy{width:22px;height:22px}.detail-view--admin-review .guided-visualizer-toolbar,.detail-view--admin-review .creator-viz-header{margin-bottom:0}.detail-view--admin-review .creator-review-visualizer-toolbar{display:flex;justify-content:flex-end}.detail-view--admin-review .progression-viz-stage{background:transparent}.detail-view--admin-review .progression-viz{overflow:visible}.detail-view--admin-review .creator-row{margin-top:.85rem}.detail-view--admin-review .detail-header{grid-template-columns:minmax(0,1fr);margin-bottom:0;gap:.9rem;background:transparent;box-shadow:none}.detail-view--admin-review .detail-header--admin-review{background:transparent;box-shadow:none}.admin-shell--feedback,.admin-shell--feedback>.admin-shell__header,.admin-shell--feedback .detail-view--admin-review,.admin-shell--feedback .detail-card--admin-review,.admin-shell--feedback .detail-header--admin-review,.admin-shell--feedback .admin-feedback-rapid,.admin-shell--feedback .creator-review-main__row{background:transparent;background-image:none;box-shadow:none}.detail-view--admin-review .creator-review-main__row{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:.35rem}.detail-view--admin-review .creator-review-summary{margin:0;flex:1 1 240px;min-width:0;color:#272342b8;font-weight:700}.detail-view--admin-review .creator-review-strip-wrap{position:relative;align-self:stretch;justify-self:stretch;width:100%;max-width:none;min-width:0}.detail-view--admin-review .creator-review-strip-wrap--scrollable{padding-inline:0}.detail-view--admin-review .creator-review-strip{box-sizing:border-box;display:grid;width:100%;max-width:none;min-width:0;margin:0}.detail-view--admin-review .creator-review-strip.progression-strip--compact{grid-template-columns:minmax(0,1fr)}.detail-view--admin-review .creator-review-strip .progression-strip__track{width:var(--progression-scroll-width, 100%);min-width:var(--progression-scroll-width, 100%)}.detail-view--admin-review .creator-review-strip .progression-strip__track{gap:.75rem}.detail-view--admin-review .creator-review-strip.progression-strip--scroll{display:block;background:transparent}.detail-view--admin-review .creator-review-strip.progression-strip--scroll .progression-strip__track{grid-template-columns:repeat(var(--progression-grid-total, 4),minmax(0,1fr))}.detail-view--admin-review .creator-review-strip .chord-block{cursor:pointer}.detail-view--admin-review .creator-review-strip__chord{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;width:100%;min-height:82px;height:82px;font:inherit}.detail-view--admin-review .creator-review-strip__chord .auto-marquee-text,.detail-view--admin-review .creator-review-strip__chord .auto-marquee-text__scroller{display:block;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-align:center}.detail-view--admin-review .creator-review-strip__chord .chord{display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden;text-align:center}.detail-view--admin-review .creator-review-strip__chord .auto-marquee-text__content{display:inline-block;max-width:none;min-width:max-content;overflow-wrap:normal;white-space:nowrap;word-break:normal}.detail-view--admin-review .creator-review-strip__meta{display:grid;gap:.16rem;justify-items:center;width:100%}.detail-view--admin-review .creator-review-strip__flag{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:7px;right:7px;z-index:2;width:18px;height:18px;margin:0;padding:0;border-radius:999px;cursor:help}.detail-view--admin-review .creator-review-strip__flag-icon{display:inline-grid;place-items:center;width:100%;height:100%;line-height:0}.detail-view--admin-review .creator-review-strip__flag-icon svg{width:10px;height:10px}.detail-view--admin-review .creator-review-strip__rhythm{position:absolute;right:50%;bottom:7px;width:calc(100% - 20px);max-height:12px;overflow:hidden;transform:translate(50%);pointer-events:none}@media(hover:hover)and (pointer:fine){.detail-view--admin-review .creator-review-strip__flag:after{content:attr(data-tooltip);position:absolute;top:calc(100% + 6px);right:0;z-index:4;width:max-content;max-width:11rem;padding:.32rem .46rem;border-radius:7px;background:#1a1727f0;color:#fff;font-size:.66rem;font-weight:800;line-height:1.1;opacity:0;pointer-events:none;transform:translateY(-3px) scale(.96);transform-origin:100% 0;transition:opacity .14s ease,transform .16s cubic-bezier(.16,1,.3,1)}.detail-view--admin-review .creator-review-strip__flag:hover:after{opacity:1;transform:translateY(0) scale(1)}}.detail-view--admin-review .creator-review-strip__flag--borrowed{background:#745ad224;color:#543eb8f0}.detail-view--admin-review .creator-review-strip__flag--outside-key,.detail-view--admin-review .creator-review-strip__flag--secondary{background:#ec965529;color:#9b5412fa}.detail-view--admin-review .creator-review-strip__flag--color{background:#36918224;color:#18675cfa}.detail-view--admin-review .creator-review-strip__chord--borrowed{border-color:#745ad247;background:linear-gradient(180deg,#f9f6fffa,#f1ebfffa);box-shadow:inset 0 0 0 1px #745ad20f}.detail-view--admin-review .creator-review-strip__chord--outside-key,.detail-view--admin-review .creator-review-strip__chord--secondary{border-color:#ec965557;background:linear-gradient(180deg,#fff9f1fa,#ffefddfa);box-shadow:inset 0 0 0 1px #ec965514}.detail-view--admin-review .creator-review-strip__chord--color{border-color:#3691824d;background:linear-gradient(180deg,#f5fffcfa,#e5f8f3fa);box-shadow:inset 0 0 0 1px #36918212}.detail-view--admin-review .creator-review-strip__chord--borrowed .roman{color:#5c46bcc2}.detail-view--admin-review .creator-review-strip__chord--borrowed .chord{color:#362282f5}.detail-view--admin-review .creator-review-strip__chord--outside-key .roman,.detail-view--admin-review .creator-review-strip__chord--secondary .roman{color:#a4601ccc}.detail-view--admin-review .creator-review-strip__chord--outside-key .chord,.detail-view--admin-review .creator-review-strip__chord--secondary .chord{color:#703c0cfa}.detail-view--admin-review .creator-review-strip__chord--color .roman{color:#1f7468cc}.detail-view--admin-review .creator-review-strip__chord--color .chord{color:#0f4e45fa}.detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--borrowed{border-color:#745ad275;background:linear-gradient(180deg,#ede5fffa,#e1d3fffa)}.detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--outside-key,.detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--secondary{border-color:#ec965580;background:linear-gradient(180deg,#ffe8cafa,#ffddb2fa)}.detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--color{border-color:#36918270;background:linear-gradient(180deg,#e6faf5fa,#cfeee7fa)}.detail-view--admin-review .creator-review-current-notes{margin:.55rem 0 0;padding:0 .45rem 0 .7rem;color:#272342bd;font-size:.92rem;font-weight:700;overflow:visible;white-space:normal;text-align:left}.detail-view--admin-review .creator-viz--admin-review+.admin-feedback-inline--compact{margin-top:.4rem}body.theme-dark .detail-view--admin-review .guided-visualizer-panel,body.theme-dark .detail-view--admin-review .creator-viz--admin-review{--admin-review-visualizer-bg: transparent;--admin-review-visualizer-border: transparent;background:transparent;background-image:none;border-color:transparent}body.theme-dark .detail-view--admin-review .creator-review-current-notes{color:#e6eaffd1}body.theme-dark .detail-view--admin-review .creator-review-strip__flag--borrowed{background:#8c78ff2e;color:#ddd6fff0}body.theme-dark .detail-view--admin-review .creator-review-strip__flag--outside-key,body.theme-dark .detail-view--admin-review .creator-review-strip__flag--secondary{background:#ffaa6233;color:#ffe0c0f5}body.theme-dark .detail-view--admin-review .creator-review-strip__flag--color{background:#5bd5be2e;color:#d9fff7f5}body.theme-dark .detail-view--admin-review .creator-review-strip__chord--borrowed{border-color:#8c78ff47;background:linear-gradient(180deg,#2d264cf5,#1f1c3afa);box-shadow:inset 0 0 0 1px #8c78ff14}body.theme-dark .detail-view--admin-review .creator-review-strip__chord--outside-key,body.theme-dark .detail-view--admin-review .creator-review-strip__chord--secondary{border-color:#ffaa624d;background:linear-gradient(180deg,#49301af5,#342414fa);box-shadow:inset 0 0 0 1px #ffaa621a}body.theme-dark .detail-view--admin-review .creator-review-strip__chord--color{border-color:#5bd5be4d;background:linear-gradient(180deg,#183e39f5,#122c2afa);box-shadow:inset 0 0 0 1px #5bd5be17}body.theme-dark .detail-view--admin-review .creator-review-strip__chord--borrowed .roman,body.theme-dark .detail-view--admin-review .creator-review-strip__chord--borrowed .chord{color:#ebe7fff5}body.theme-dark .detail-view--admin-review .creator-review-strip__chord--outside-key .roman,body.theme-dark .detail-view--admin-review .creator-review-strip__chord--outside-key .chord,body.theme-dark .detail-view--admin-review .creator-review-strip__chord--secondary .roman,body.theme-dark .detail-view--admin-review .creator-review-strip__chord--secondary .chord{color:#ffe6cef5}body.theme-dark .detail-view--admin-review .creator-review-strip__chord--color .roman,body.theme-dark .detail-view--admin-review .creator-review-strip__chord--color .chord{color:#e1fff9f5}body.theme-dark .detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--borrowed{border-color:#ae9dff75;background:linear-gradient(180deg,#3f3269fa,#302658fc)}body.theme-dark .detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--outside-key,body.theme-dark .detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--secondary{border-color:#ffbe847a;background:linear-gradient(180deg,#62411ffa,#4c3218fc)}body.theme-dark .detail-view--admin-review .creator-review-strip__chord.active.creator-review-strip__chord--color{border-color:#78ebd575;background:linear-gradient(180deg,#1f524bfa,#173f3afc)}.detail-view--admin-review .creator-review-strip-scroll{z-index:5}.admin-feedback-page{display:grid;gap:1rem}.admin-feedback-note,.admin-feedback-status{margin-top:0}.admin-feedback-block{display:grid;gap:1rem}.admin-feedback-block--two-up{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-feedback-metrics{display:flex;flex-wrap:wrap;gap:.5rem}.admin-feedback-summary{display:grid;gap:.4rem;padding:0;border:0;border-radius:0;background:transparent}.admin-feedback-summary__title{font-size:1.05rem;font-weight:800}.admin-feedback-page--rapid{gap:.85rem}.admin-feedback-rapid{display:grid;gap:.8rem}.admin-feedback-rapid__top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.admin-feedback-rapid__actions,.admin-feedback-random-tags{display:flex;flex-wrap:wrap;gap:.55rem}.admin-feedback-rapid__summary{display:inline-flex;align-items:center;gap:.5rem;margin:0;color:#272342b8;font-weight:700}.admin-feedback-rapid__summary>span:not(.admin-feedback-rapid__summary-text){display:none}.admin-feedback-rapid__status{margin:0;color:#272342ad;font-size:.78rem;font-weight:700;line-height:1.25}.admin-feedback-random-tag{display:inline-flex;align-items:center;gap:.55rem;min-height:40px;padding:.72rem .95rem;border-radius:999px;border:1px solid rgba(128,116,219,.22);background:transparent;color:inherit;cursor:pointer;box-shadow:none}.admin-feedback-random-tag.is-locked{border-color:#8074db6b;background:transparent;box-shadow:none}.admin-feedback-random-tag:disabled{cursor:not-allowed;border-color:#615c772e;color:#27234275;opacity:.58}.admin-feedback-random-tag:disabled .admin-feedback-random-tag__label,.admin-feedback-random-tag:disabled .admin-feedback-random-tag__lock{color:#2723426b}.admin-feedback-random-tag__label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#27234299}.admin-feedback-random-tag__value{font-weight:800}.admin-feedback-random-tag__lock{display:inline-flex;align-items:center;color:#4d42a8d1}.admin-feedback-generation-actions{display:flex;align-items:center;gap:.55rem;margin-left:auto}.admin-feedback-volume-control input{width:88px}.admin-feedback-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.admin-feedback-candidate{position:relative;min-width:0;padding:.85rem;border:1px solid rgba(128,116,219,.24);border-radius:var(--radius-panel, 18px);background:var(--surface-panel-bg, rgba(255, 255, 255, .76));box-shadow:inset 0 0 0 1px transparent;cursor:pointer;outline:none}.admin-feedback-pair.is-focused{grid-template-columns:minmax(0,1fr)}.admin-feedback-candidate:focus-visible{border-color:var(--action-violet, #6f56dd);box-shadow:0 0 0 3px color-mix(in srgb,var(--action-violet, #6f56dd) 22%,transparent)}.admin-feedback-candidate.is-selected{border-color:#705ae0b8;box-shadow:inset 0 0 0 2px #705ae033}.admin-feedback-candidate.is-playing{border-color:var(--action-violet, #6f56dd)}.admin-feedback-candidate.is-empty{border-style:dashed;cursor:default}.admin-feedback-candidate__head{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.admin-feedback-candidate__edit-actions{display:flex;align-items:center;gap:.35rem}.admin-feedback-candidate__edit-button{min-height:32px;padding:.35rem .55rem}.admin-feedback-candidate__edit-button.is-active{border-color:#705ae094;color:var(--action-violet, #6f56dd)}.admin-feedback-candidate__select{display:inline-flex;align-items:center;gap:.45rem;min-width:0;padding:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:800;cursor:pointer}.admin-feedback-candidate__select:disabled{cursor:default;opacity:.58}.admin-feedback-candidate__letter{display:grid;width:28px;height:28px;place-items:center;border-radius:999px;background:#705ae01f;color:#4d3bacf5}.admin-feedback-candidate__letter.is-transport{background:var(--action-violet, #6f56dd);color:#fff}.admin-feedback-candidate__selection-indicator{display:inline-grid;width:28px;height:28px;flex:0 0 28px;place-items:center;padding:0;border:2px solid rgba(112,90,224,.38);border-radius:50%;background:#ffffffb8;color:#fff;cursor:pointer}.admin-feedback-candidate__selection-indicator:hover,.admin-feedback-candidate__selection-indicator:focus-visible{border-color:var(--action-violet, #6f56dd);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--action-violet, #6f56dd) 18%,transparent)}.admin-feedback-candidate__selection-indicator.is-selected{border-color:var(--action-violet, #6f56dd);background:var(--action-violet, #6f56dd)}.admin-feedback-candidate__selection-indicator:disabled{cursor:default;opacity:.45}.admin-feedback-candidate.is-selected .admin-feedback-candidate__letter{background:var(--action-violet, #6f56dd);color:#fff}.admin-feedback-candidate__meta,.admin-feedback-candidate__empty{margin:.75rem 0 0;color:#272342a8;font-size:.86rem;font-weight:700}.admin-feedback-candidate__chords{display:grid;grid-template-columns:repeat(auto-fit,minmax(64px,1fr));gap:.4rem;margin-top:.65rem}.admin-feedback-candidate__progression{min-width:0;margin-top:.75rem;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;overscroll-behavior-x:contain}.admin-feedback-candidate__track{display:grid;grid-template-columns:repeat(var(--preview-grid-total, 4),minmax(0,1fr));grid-auto-flow:row;grid-auto-rows:minmax(62px,auto);align-items:stretch;gap:.4rem;width:var(--preview-scroll-width, 100%);min-width:100%;box-sizing:border-box;padding:3px;border-radius:12px}.admin-feedback-candidate__chord{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;display:grid;place-items:center;gap:.12rem;width:100%;min-width:0;min-height:62px;padding:.5rem .45rem;border:1px solid rgba(128,116,219,.18);border-radius:10px;background:#8074db0f;color:inherit;font:inherit;text-align:center;cursor:pointer}.admin-feedback-candidate__chord-diagnostic{position:absolute;top:5px;right:5px;z-index:1;display:inline-grid;width:18px;height:18px;place-items:center;border-radius:999px;pointer-events:none}.admin-feedback-candidate__chord-diagnostic--secondary,.admin-feedback-candidate__chord-diagnostic--outside-key{background:#ec96552e;color:#9b5412fa}.admin-feedback-candidate__chord-diagnostic--borrowed{background:#745ad229;color:#543eb8f0}.admin-feedback-candidate__chord-diagnostic--color{background:#36918229;color:#18675cfa}button.admin-feedback-candidate__chord:hover,button.admin-feedback-candidate__chord:focus-visible{border-color:#705ae094;outline:none;box-shadow:inset 0 0 0 1px #705ae029}.admin-feedback-candidate__chord.is-static{cursor:inherit}.admin-feedback-candidate__chord.is-editing{cursor:text}.admin-feedback-candidate__chord.is-invalid{border-color:#c4485aad;background:#c4485a14}.admin-feedback-candidate__chord-input{width:100%;min-width:0;padding:.16rem .2rem;border:0;border-bottom:1px solid rgba(112,90,224,.34);border-radius:0;outline:none;background:transparent;color:inherit;font:inherit;font-weight:800;text-align:center}.admin-feedback-candidate__chord-input:focus{border-bottom-color:var(--action-violet, #6f56dd)}.admin-feedback-candidate__chord.is-active{border-color:var(--action-violet, #6f56dd);background:#705ae029;box-shadow:inset 0 0 0 1px #705ae038}.admin-feedback-candidate__chord:disabled{cursor:default;opacity:.55}.admin-feedback-candidate__chord small{color:#4d42a8b3;font-size:.68rem}.admin-feedback-candidate__chord strong{width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-feedback-candidate__chords>span{display:grid;gap:.12rem;min-width:0;padding:.5rem .45rem;border:1px solid rgba(128,116,219,.18);border-radius:10px;background:#8074db0f;text-align:center}.admin-feedback-candidate__chords small{color:#4d42a8b3;font-size:.68rem}.admin-feedback-candidate__chords strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-dark .admin-feedback-candidate{border-color:#a191ff3d;background:var(--surface-panel-bg, rgba(28, 25, 48, .92))}body.theme-dark .admin-feedback-candidate.is-selected{border-color:#a68fffcc;box-shadow:inset 0 0 0 2px #8f74ff3d}body.theme-dark .admin-feedback-candidate__selection-indicator{border-color:#a68fff8a;background:#1c1930eb}body.theme-dark .admin-feedback-candidate__selection-indicator.is-selected{border-color:var(--action-violet, #6f56dd);background:var(--action-violet, #6f56dd)}body.theme-dark .admin-feedback-candidate__meta,body.theme-dark .admin-feedback-candidate__empty{color:#e6eaffad}body.theme-dark .admin-feedback-candidate__chords>span{border-color:#a191ff33;background:#8f74ff14}body.theme-dark .admin-feedback-candidate__chord{border-color:#a191ff33;background:#8f74ff14}body.theme-dark .admin-feedback-candidate__chord.is-active{border-color:var(--action-violet, #6f56dd);background:#8f74ff33}body.theme-dark .admin-feedback-candidate__chord.is-invalid{border-color:#ff8297b8;background:#d64c6924}body.theme-dark .admin-feedback-candidate__chord small{color:#c4b8ffc7}body.theme-dark .admin-feedback-candidate__chord-diagnostic--secondary,body.theme-dark .admin-feedback-candidate__chord-diagnostic--outside-key{background:#eba06038;color:#ffca97fa}body.theme-dark .admin-feedback-candidate__chord-diagnostic--borrowed{background:#9d82ff38;color:#d3c6fffa}body.theme-dark .admin-feedback-candidate__chord-diagnostic--color{background:#3dae9c33;color:#9aeee0fa}body.theme-dark .admin-feedback-candidate__chords small{color:#c4b8ffc7}@media(max-width:760px)and (orientation:portrait){.admin-feedback-random-tags .admin-feedback-generation-actions{grid-column:1 / -1;width:100%;margin-left:0}.admin-feedback-random-tags .admin-feedback-generation-actions .btn{width:100%;flex:1 1 auto;justify-content:center}}@media(max-width:760px){.admin-feedback-pair{grid-template-columns:minmax(0,1fr);margin-bottom:.7rem}}.admin-feedback-inline{display:grid;gap:.85rem;padding:0;border:0;border-radius:0;background:transparent}.admin-feedback-inline--compact{gap:.7rem;padding:0;border:0;background:transparent}.admin-feedback-detail-form{display:grid;gap:.75rem}.admin-feedback-detail-form .admin-feedback-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-feedback-comment-field{display:grid;gap:.45rem}.admin-feedback-comment-field>span{color:#272342db;font-size:.84rem;font-weight:780}.admin-feedback-comment-field>small{color:#2723429e;font-size:.78rem;line-height:1.45}.admin-feedback-comment-field--pattern{padding:.75rem;border:1px solid rgba(112,90,224,.28);border-radius:15px;background:#705ae012}body.theme-dark .admin-feedback-comment-field>span{color:#f0f2ffe6}body.theme-dark .admin-feedback-comment-field>small{color:#e6eaffa3}body.theme-dark .admin-feedback-comment-field--pattern{border-color:#a68fff4d;background:#8f74ff17}.admin-feedback-inline__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.65rem}.admin-feedback-metrics--inline{justify-content:flex-end}.admin-feedback-summary--inline{flex:1 1 28rem;min-width:0;padding:0;border:0;background:transparent}.admin-feedback-panel{display:grid;gap:1rem}.admin-feedback-panel__row{display:grid;gap:.55rem}.admin-feedback-panel__label{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#2723429e}.admin-feedback-panel__row--dual{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-feedback-panel__group{display:grid;gap:.55rem}.admin-feedback-choice-row,.admin-feedback-rating-row,.admin-feedback-tags,.admin-feedback-actions{display:flex;flex-wrap:wrap;gap:.65rem}.admin-feedback-actions--stacked{align-items:flex-start}.admin-feedback-actions--inline{gap:.55rem}.admin-feedback-actions--footer{justify-content:flex-end}.admin-feedback-slider-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}.admin-feedback-rating-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.admin-feedback-rating{--admin-feedback-rating-track-width: 152px;display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,var(--admin-feedback-rating-track-width));align-items:center;min-width:0;gap:.5rem;padding:.42rem .52rem;border:1px solid rgba(128,116,219,.14);border-radius:13px;background:#8074db0b}.admin-feedback-rating__label{min-width:0;overflow:hidden;color:#272342d6;font-size:.78rem;font-weight:760;text-overflow:ellipsis;white-space:nowrap}.admin-feedback-rating__options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:100%;min-width:0}.admin-feedback-rating__option{display:inline-grid;place-items:center;width:24px;height:24px;min-width:0;justify-self:center;padding:0;border:1px solid rgba(128,116,219,.24);border-radius:999px;background:transparent;color:#4d42a8bd;font-size:.68rem;font-weight:850;line-height:1;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.admin-feedback-rating--listener{--admin-feedback-rating-track-width: 260px}.admin-feedback-rating--listener .admin-feedback-rating__options{grid-template-columns:repeat(3,minmax(0,1fr));gap:.32rem}.admin-feedback-rating--listener .admin-feedback-rating__option{width:100%;height:30px;padding-inline:.45rem;white-space:nowrap}.admin-feedback-rating__option:hover,.admin-feedback-rating__option:focus-visible{border-color:#7851c28a;color:#6940bb;outline:none;transform:translateY(-1px)}.admin-feedback-rating__option.is-before-selected{border-color:#7851c257;background:#895ab71f;color:#6940bbe6}.admin-feedback-rating__option.is-selected{border-color:var(--violet);background:var(--violet);color:#fff}.admin-feedback-slider-row{display:grid;min-width:0;gap:.22rem;padding:.52rem .62rem .58rem;border:1px solid rgba(128,116,219,.14);border-radius:14px;background:#8074db0b}.admin-feedback-slider-row__copy{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.admin-feedback-slider-row__label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700;color:#272342e0}.admin-feedback-slider-row__value{flex:0 0 auto;padding:.12rem .4rem;border-radius:999px;background:#8074db1a;color:#2723429e;font-size:.78rem;font-weight:700}.admin-feedback-slider{width:100%;min-height:28px;cursor:pointer;touch-action:manipulation;--tonebud-range-track-height: 5px;--tonebud-range-track-background: linear-gradient(90deg, rgba(137, 90, 183, .18), rgba(137, 90, 183, .78));--tonebud-range-progress-background: var(--violet);--tonebud-range-thumb-size: 19px;--tonebud-range-thumb-hover-size: 21px;--tonebud-range-thumb-active-size: 18px;--tonebud-range-thumb-shadow: none;--tonebud-range-thumb-hover-shadow: none;--tonebud-range-thumb-active-shadow: none}.admin-feedback-textarea{min-height:112px;resize:vertical}.admin-feedback-textarea--inline{min-height:84px;background:transparent;box-shadow:none}.admin-feedback-textarea--inline:hover,.admin-feedback-textarea--inline:focus-visible{background:transparent;box-shadow:none}.admin-feedback-footer-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:.8rem}.admin-feedback-footer-actions{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.55rem}.admin-feedback-utility-actions,.admin-feedback-decision-actions{display:flex;align-items:center;gap:.55rem}.admin-feedback-decision-actions{width:auto}.admin-feedback-decision-stack{display:grid;justify-items:end;gap:.32rem}.admin-feedback-decision-actions .btn{flex:0 0 auto;min-width:142px;min-height:42px;justify-content:center}.admin-feedback-utility-button{width:42px;min-width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}.admin-feedback-action{border-color:transparent;color:#fff}.admin-feedback-action--approve{background:#158a5a}.admin-feedback-action--both{background:var(--action-violet, #6f56dd)}.admin-feedback-action--both:hover,.admin-feedback-action--both:focus-visible{background:#5941c3;color:#fff}.admin-feedback-action--approve:hover,.admin-feedback-action--approve:focus-visible{background:#0f7048;color:#fff}.admin-feedback-action--reject{background:#c94040}.admin-feedback-action--reject:hover,.admin-feedback-action--reject:focus-visible{background:#a83232;color:#fff}.admin-feedback-export-ready{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.85rem;padding:.72rem .82rem;border:1px solid rgba(128,116,219,.2);border-radius:16px;background:#8074db14}.admin-feedback-export-ready__copy{display:grid;min-width:0;gap:.16rem;color:#272342b8;font-size:.84rem;line-height:1.35}.admin-feedback-export-ready__copy strong{color:#272342eb;font-size:.88rem}.admin-feedback-export-ready__manual{flex:1 0 100%;min-height:138px;max-height:260px;font-family:Courier New,monospace;font-size:.72rem;line-height:1.35;resize:vertical}.admin-feedback-analytics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.admin-feedback-analytic-card,.admin-feedback-list-card{border:1px solid rgba(128,116,219,.14);border-radius:18px;background:transparent}.admin-feedback-analytic-card{display:grid;gap:.2rem;padding:.9rem}.admin-feedback-analytic-card strong{font-size:1.2rem}.admin-feedback-analytic-card span{color:#272342ad}.admin-feedback-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.admin-feedback-list-card{display:grid;gap:.55rem;padding:1rem}.admin-feedback-list-card h3{margin:0;font-size:1rem}.admin-feedback-list-row{display:flex;justify-content:space-between;gap:.75rem;font-size:.95rem}.admin-feedback-library-filters{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem;margin-bottom:1rem}.admin-approved-library-list{gap:.85rem}.admin-approved-item{align-items:flex-start}body.theme-dark .admin-feedback-summary,body.theme-dark .admin-feedback-inline,body.theme-dark .admin-feedback-analytic-card,body.theme-dark .admin-feedback-list-card,body.theme-dark .admin-feedback-random-tag{background:transparent;border-color:#a69df02e}body.theme-dark .admin-feedback-random-tag.is-locked{border-color:#a69df06b;box-shadow:none}body.theme-dark .admin-feedback-random-tag:disabled{border-color:#c1bcde21;color:#e6eaff6b}body.theme-dark .admin-feedback-random-tag:disabled .admin-feedback-random-tag__label,body.theme-dark .admin-feedback-random-tag:disabled .admin-feedback-random-tag__lock{color:#e6eaff5c}body.theme-dark .detail-view--admin-review .creator-review-summary,body.theme-dark .admin-feedback-rapid__summary,body.theme-dark .admin-feedback-rapid__status,body.theme-dark .admin-feedback-random-tag__label,body.theme-dark .admin-feedback-panel__label,body.theme-dark .admin-feedback-analytic-card span{color:#e6eaffad}body.theme-dark .admin-feedback-slider-row__label{color:#f4f2ffe0}body.theme-dark .admin-feedback-slider-row{border-color:#a69df02e;background:#a69df012}body.theme-dark .admin-feedback-rating{border-color:#a69df033;background:#a69df012}body.theme-dark .admin-feedback-rating__label{color:#f4f2ffd6}body.theme-dark .admin-feedback-rating__option{border-color:#c4b1ff47;color:#e0d8ffc7}body.theme-dark .admin-feedback-rating__option:hover,body.theme-dark .admin-feedback-rating__option:focus-visible{border-color:#cdb9ffa8;color:#f3edff}body.theme-dark .admin-feedback-rating__option.is-before-selected{border-color:#b89dff6b;background:#9871ee2e;color:#ebe3ffeb}body.theme-dark .admin-feedback-rating__option.is-selected{border-color:var(--violet);background:var(--violet);color:#fff}body.theme-dark .admin-feedback-action--approve,body.theme-dark .admin-feedback-action--approve:hover,body.theme-dark .admin-feedback-action--approve:focus-visible{border-color:transparent;background:#158a5a;color:#fff}body.theme-dark .admin-feedback-action--approve:hover,body.theme-dark .admin-feedback-action--approve:focus-visible{background:#0f7048}body.theme-dark .admin-feedback-action--reject,body.theme-dark .admin-feedback-action--reject:hover,body.theme-dark .admin-feedback-action--reject:focus-visible{border-color:transparent;background:#c94040;color:#fff}body.theme-dark .admin-feedback-action--reject:hover,body.theme-dark .admin-feedback-action--reject:focus-visible{background:#a83232}body.theme-dark .admin-shell--feedback,body.theme-dark .admin-shell--feedback>.admin-shell__header,body.theme-dark .admin-shell--feedback .detail-view--admin-review,body.theme-dark .admin-shell--feedback .detail-card--admin-review,body.theme-dark .admin-shell--feedback .detail-header--admin-review,body.theme-dark .admin-shell--feedback .admin-feedback-rapid,body.theme-dark .admin-shell--feedback .creator-review-main__row{background:transparent;background-image:none;box-shadow:none}body.theme-dark .admin-feedback-slider-row__value{color:#e6eaffb3}body.theme-dark .admin-feedback-slider-row__value{background:#a69df024}body.theme-dark .admin-feedback-export-ready{border-color:#b8a7ff38;background:#b8a7ff14}body.theme-dark .admin-feedback-export-ready__copy{color:#f1edffad}body.theme-dark .admin-feedback-export-ready__copy strong{color:#ffffffeb}body.theme-dark .admin-feedback-textarea--inline,body.theme-dark .admin-feedback-textarea--inline:hover,body.theme-dark .admin-feedback-textarea--inline:focus-visible{background:transparent}body.theme-dark .admin-feedback-summary--inline{background:transparent;border-color:transparent}@media(max-width:760px)and (orientation:portrait){.creator-layout{width:100%;margin-inline:0}.creator-panel{padding-inline:10px}.creator-panel--sequencer{border-radius:20px}.guided-builder,.creator-manual-builder{padding-inline:6px}.creator-mode-body{padding-inline:8px}.creator-mode-switch__label{gap:8px}.creator-mode-switch__label-text{display:inline-flex}.guided-generation-rating{box-sizing:border-box;flex:0 0 calc(100% + 12px);width:calc(100% + 12px);max-width:none;margin-inline:-6px}.guided-generation-rating__content{width:100%;min-width:0;flex-wrap:wrap;justify-content:center}.guided-generation-rating__options{max-width:100%;flex-wrap:wrap;justify-content:center}.creator-panel--sequencer .creator-slots{padding-inline:0}}@media(max-width:1120px){.admin-feedback-block--two-up,.admin-feedback-list-grid,.admin-feedback-analytics-grid,.admin-feedback-library-filters{grid-template-columns:1fr}.admin-feedback-slider-list,.admin-feedback-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-feedback-panel__row--dual{grid-template-columns:1fr}}@media(hover:none),(pointer:coarse){.detail-view--admin-review,.detail-view--admin-review *{-webkit-tap-highlight-color:transparent}.detail-view--admin-review .admin-feedback-candidate,.detail-view--admin-review .admin-feedback-random-tag,.detail-view--admin-review .admin-feedback-rating__option,.detail-view--admin-review .admin-feedback-utility-button,.detail-view--admin-review .admin-feedback-decision-actions .btn{-webkit-user-select:none;user-select:none}}@media(max-width:760px)and (orientation:portrait){.admin-feedback-candidate__empty{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media(max-width:760px){.creator-metronome-control{z-index:4}.creator-metronome-control.is-open{z-index:80;justify-content:flex-start}.creator-metronome-volume{position:absolute;top:auto;bottom:calc(100% + .5rem);right:0;z-index:80;max-width:0;margin-left:0}.creator-metronome-control.is-open .creator-metronome-volume,.creator-metronome-control:focus-within .creator-metronome-volume,.creator-metronome-control:hover .creator-metronome-volume{max-width:min(168px,56vw)}.creator-row--bpm.is-metronome-open .creator-metronome-volume{position:relative;inset:auto}.creator-metronome-control:not(.is-open) .creator-metronome-volume{max-width:0;margin-left:0;padding-inline:0;border-color:transparent;opacity:0;visibility:hidden;pointer-events:none}.detail-view--admin-review .detail-header{gap:.72rem}.detail-view--admin-review .creator-review-strip-scroll{display:none}.admin-feedback-rapid__top{align-items:flex-start}.admin-shell--feedback{padding:14px 12px;border:1px solid rgba(228,223,239,.95);border-radius:var(--radius);background:transparent;background-image:none;box-shadow:none;width:100%}.admin-page--feedback{width:100%;margin-left:0}.admin-shell--feedback>.admin-shell__header{gap:.5rem;margin-bottom:1rem;padding-inline:2px}.admin-shell--feedback>.admin-shell__header .detail-description{margin-bottom:0;line-height:1.45}.admin-shell--feedback>.admin-shell__header>.classic-label{margin-top:.55rem}.admin-shell--feedback .detail-view--admin-review{margin-top:0;padding-bottom:1.5rem}.admin-shell--feedback .detail-card--admin-review{padding:0;border:0;background:transparent;box-shadow:none}.detail-view--admin-review .admin-feedback-rapid{gap:.62rem}.detail-view--admin-review .admin-feedback-rapid__summary,.detail-view--admin-review .admin-feedback-rapid__status,.detail-view--admin-review .creator-review-summary{font-size:.84rem;line-height:1.4}.detail-view--admin-review .admin-feedback-random-tags{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.detail-view--admin-review .admin-feedback-random-tag{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:.08rem .45rem;min-height:52px;padding:.52rem .68rem;border-radius:15px;text-align:left}.detail-view--admin-review .admin-feedback-random-tag__label,.detail-view--admin-review .admin-feedback-random-tag__value{grid-column:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-view--admin-review .admin-feedback-random-tag__label{font-size:.64rem}.detail-view--admin-review .admin-feedback-random-tag__lock{grid-column:2;grid-row:1 / span 2;align-self:center}.detail-view--admin-review .creator-review-main__row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.84rem;margin-bottom:.28rem;position:relative;align-items:stretch;overflow:visible}.detail-view--admin-review .creator-review-main__row .creator-row__play{grid-column:1;grid-row:1;width:100%;justify-content:center;min-height:42px;height:42px}.detail-view--admin-review .creator-review-main__row .creator-metronome-control{grid-area:auto;grid-column:2;grid-row:1;align-self:stretch}.detail-view--admin-review .creator-review-main__row .creator-metronome-btn--create{min-width:42px;width:42px;min-height:42px;height:42px}.detail-view--admin-review .creator-review-summary{grid-column:1 / -1;margin-bottom:.24rem}.detail-view--admin-review .creator-review-strip .progression-strip__track{gap:.45rem}.detail-view--admin-review .creator-review-strip.progression-strip--scroll{scroll-snap-type:x proximity;scroll-padding-inline:14px}.detail-view--admin-review .creator-review-strip__chord[data-bar-start=true]{scroll-snap-align:start}.detail-view--admin-review .creator-review-strip{margin-bottom:.84rem}.detail-view--admin-review .creator-review-strip__flag{top:6px;right:6px;width:17px;height:17px;margin:0;padding:0}.detail-view--admin-review .creator-review-visualizer-toolbar{justify-content:center;margin-bottom:.68rem}.detail-view--admin-review .progression-viz--portrait .progression-viz-stage{height:126px;min-height:126px}.detail-view--admin-review .progression-viz--portrait .piano{height:84%}.detail-view--admin-review .progression-viz--portrait.progression-viz--guitar .progression-viz-stage{height:190px;min-height:190px}.detail-view--admin-review .creator-review-current-notes{margin-top:.54rem;padding-left:.2rem;font-size:.84rem}.detail-view--admin-review .admin-feedback-inline--compact{gap:.62rem}.detail-view--admin-review .admin-feedback-slider-list{grid-template-columns:minmax(0,1fr);gap:.38rem}.detail-view--admin-review .admin-feedback-rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.38rem}.detail-view--admin-review .admin-feedback-rating{gap:.5rem;min-height:48px;padding:.38rem .46rem}.detail-view--admin-review .admin-feedback-rating__label{font-size:.72rem}.detail-view--admin-review .admin-feedback-rating__option{width:24px;height:24px}.detail-view--admin-review .admin-feedback-rating--listener .admin-feedback-rating__option{width:100%;height:30px}.detail-view--admin-review .admin-feedback-slider-row{grid-template-columns:minmax(0,1fr) minmax(118px,1.35fr);grid-template-areas:"copy slider";align-items:center;min-height:48px;gap:.62rem;padding:.4rem .58rem}.detail-view--admin-review .admin-feedback-slider-row__copy{grid-area:copy;min-width:0;gap:.42rem}.detail-view--admin-review .admin-feedback-slider-row__label{font-size:.82rem}.detail-view--admin-review .admin-feedback-slider-row__value{font-size:.74rem}.detail-view--admin-review .admin-feedback-slider{grid-area:slider;min-width:0;min-height:34px;margin:0;--tonebud-range-thumb-size: 20px;--tonebud-range-thumb-hover-size: 20px;--tonebud-range-thumb-active-size: 19px}.detail-view--admin-review .admin-feedback-textarea--inline{min-height:78px}.detail-view--admin-review .admin-feedback-footer-row{gap:.55rem}.detail-view--admin-review .admin-feedback-footer-actions{display:grid;width:100%;justify-content:stretch;justify-items:stretch}.detail-view--admin-review .admin-feedback-utility-actions{justify-content:flex-end}.detail-view--admin-review .admin-feedback-decision-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.detail-view--admin-review .admin-feedback-decision-actions.is-comparison{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-view--admin-review .admin-feedback-decision-stack{width:100%;justify-items:stretch}.detail-view--admin-review .admin-feedback-decision-stack .admin-feedback-rapid__status{text-align:right}.detail-view--admin-review .admin-feedback-decision-actions .btn{min-width:0;width:100%;min-height:42px;padding-inline:.58rem;justify-content:center}.detail-view--admin-review .admin-feedback-decision-actions .btn span{white-space:normal;line-height:1.2;text-align:center}.detail-view--admin-review .admin-feedback-export-ready{display:grid;gap:.62rem}.detail-view--admin-review .admin-feedback-export-ready .btn{width:100%;justify-content:center}}@media(orientation:landscape)and (pointer:coarse)and (max-width:960px){.creator-row__bpm #visual-bpm{width:150px}}@media(max-width:760px)and (orientation:portrait){.detail-view--admin-review .admin-feedback-rating{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto;align-items:start;justify-items:stretch;gap:.26rem;min-height:56px}.detail-view--admin-review .admin-feedback-rating__options{width:100%;justify-self:stretch}}html{color-scheme:light}html:has(body.theme-dark){color-scheme:dark}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:where(h1,h2,h3,p){overflow-wrap:anywhere}:where(button,a,input,select,textarea):focus-visible{outline:2px solid var(--violet);outline-offset:2px}:where(.btn,.filter-tag,.field,.search,select,textarea,input:not([type=range])):focus-visible{box-shadow:var(--focus-ring)}.section-kicker,.filter-caption,.profile-stat__label,.library-hero-copy__stat span{color:var(--violet);font-size:var(--text-xs);font-weight:750;letter-spacing:.055em}.btn{min-height:40px;padding:9px 14px;font-size:var(--text-sm);line-height:1.2}.btn.small{min-height:34px;padding:7px 11px;font-size:var(--text-xs)}.panel,.card,.detail-card,.library-card-shell,.profile-card,.messages-panel,.sidebar-section,.browse-feed-panel{border-color:var(--line);border-radius:var(--radius)}.feed-main,.detail-view,.creator-page,.admin-page,.messages-page,.profile-page,.library-page,.support-page{margin-top:var(--space-5);padding-bottom:24px}.app-shell__content:not(.app-shell__content--create) :where(.detail-header h1,.profile-card__title-copy h1,.library-card-shell__title-row h1,.support-landing__hero h1){line-height:1.04;letter-spacing:-.035em}.app-shell__content:not(.app-shell__content--create) :where(.section-head h2,.profile-panel__head h2,.comments-panel h2,.sidebar-head h2,.library-item__title-row h2){font-size:var(--text-xl);line-height:1.15;letter-spacing:-.025em}.app-shell__content:not(.app-shell__content--create) :where(.profile-panel__copy,.detail-description,.library-item__description,.support-landing__card p,.comment-thread__body){font-size:var(--text-sm);line-height:1.55}@media(max-width:760px)and (orientation:portrait){.topbar-inner,.app-shell--browse,.app-shell__content{padding-inline:12px}.feed-main,.detail-view,.creator-page,.admin-page,.messages-page,.profile-page,.library-page,.support-page{margin-top:14px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0px))}.creator-work-area{display:flex;flex-direction:column}.creator-work-area>.creator-familiarity-notices{order:1;width:100%;margin-top:16px;visibility:visible;opacity:1}.creator-work-area>.creator-viz{order:2}.app-shell__content:not(.app-shell__content--create) :where(.panel,.card,.detail-card,.library-card-shell,.profile-card,.messages-panel,.comments-panel,.support-landing__card,.admin-section){border-radius:var(--radius-lg);padding:14px}.app-shell__content:not(.app-shell__content--create) :where(.profile-grid,.profile-stats-grid,.library-list,.messages-layout,.detail-discussion,.support-landing__grid,.admin-grid){gap:var(--space-3)}.app-shell__content:not(.app-shell__content--create) :where(.detail-header h1,.profile-card__title-copy h1,.library-card-shell__title-row h1,.support-landing__hero h1){font-size:clamp(1.6rem,7vw,2rem)}.profile-stats-grid,.library-hero-copy__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat,.library-hero-copy__stat{min-height:0;border-radius:var(--radius-md);padding:10px 12px}.profile-stat__value,.library-hero-copy__stat strong{font-size:1.35rem}}@media(prefers-reduced-motion:no-preference){@keyframes tonebud-page-enter{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}@keyframes tonebud-card-enter{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0)}}.browse-shell--active,.app-shell__content:not(.app-shell__content--create){animation:tonebud-page-enter var(--motion-page) var(--motion-ease-enter) both}.browse-shell--active .browse-main .feed-card{animation:tonebud-card-enter .24s var(--motion-ease-enter) both}.browse-shell--active .browse-main .feed-card:nth-child(1){animation-delay:24ms}.browse-shell--active .browse-main .feed-card:nth-child(2){animation-delay:44ms}.browse-shell--active .browse-main .feed-card:nth-child(3){animation-delay:64ms}.browse-shell--active .browse-main .feed-card:nth-child(4){animation-delay:84ms}.browse-shell--active .browse-main .feed-card:nth-child(5){animation-delay:104ms}.browse-shell--active .browse-main .feed-card:nth-child(6){animation-delay:124ms}:where(.feed-card,.clickable-card,.trend-item,.contributor-item,.filter-tag,.library-item,.profile-progression-link,.messages-search-result,.messages-thread-card,.admin-home-card,.admin-user-card,.admin-message-card,.chord-block){transition:transform var(--motion-fast) var(--motion-ease-standard),border-color var(--motion-fast) ease,box-shadow var(--motion-fast) ease,color var(--motion-fast) ease}:where(.feed-card.clickable-card,.trend-item,.contributor-item,.library-item.clickable-card,.profile-progression-link,.messages-search-result,.messages-thread-card,.admin-home-card,.admin-user-card,.admin-message-card,.chord-block):active{transform:translateY(0) scale(.975)}.btn:not(:disabled):active{transform:translateY(0) scale(.97)}@media(hover:hover)and (pointer:fine){:where(.feed-card.clickable-card,.trend-item,.contributor-item,.library-item.clickable-card,.profile-progression-link,.messages-search-result:not(.active),.messages-thread-card:not(.active),.admin-home-card:not(:disabled):not(.is-disabled),.admin-user-card:not(.active),.admin-message-card,.chord-block:not(.active)):hover{transform:translateY(-3px)}.btn:not(:disabled):not(.theme-toggle):hover{transform:translateY(-2px)}}@media(max-width:760px)and (orientation:portrait){@keyframes tonebud-mobile-viz-swap{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@keyframes tonebud-mobile-creator-up{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes tonebud-mobile-creator-down{0%{opacity:0;transform:translate3d(0,-18px,0)}to{opacity:1;transform:translateZ(0)}}.browse-shell--active,.app-shell__content:not(.app-shell__content--create){animation:none}.browse-shell--active .browse-main .feed-card{animation:none}.progression-viz-stage__content{animation-name:tonebud-mobile-viz-swap;animation-duration:.26s}.creator-mode-scene--guided .creator-mode-workspace{animation-name:tonebud-mobile-creator-up;animation-duration:.36s;animation-delay:20ms}.creator-mode-scene--manual .creator-mode-workspace{animation-name:tonebud-mobile-creator-down;animation-duration:.36s;animation-delay:20ms}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}body .admin-home-card,body .feed-card,body .feed-card.clickable-card,body .trend-item,body .contributor-item{border-width:var(--popularity-border-width, 1px);border-color:rgba(109,74,255,var(--popularity-border-alpha, .28));background-color:var(--surface-panel-bg);background-image:radial-gradient(circle var(--popularity-orb-size, 150px) at 0 0,rgba(109,74,255,var(--popularity-orb-alpha, .11)) 0,rgba(109,74,255,var(--popularity-orb-soft-alpha, .05)) 46%,rgba(109,74,255,0) 100%),linear-gradient(180deg,#fffffffa,#f8f6fffa);background-repeat:no-repeat}body .admin-home-card--featured{border-width:var(--popularity-border-width, 1px);border-color:rgba(109,74,255,var(--popularity-border-alpha, .28));background-image:radial-gradient(circle 150px at 0 0,#6d4aff1c 0,#6d4aff0d 46%,#6d4aff00)}body .admin-home-card__icon{border:1px solid rgba(109,74,255,.12);background:#6d4aff1a;color:var(--violet);box-shadow:none}body .admin-home-card--featured .admin-home-card__icon{border-color:#6d4aff1f;background:#6d4aff1a;color:var(--violet);box-shadow:none}body .browse-feed-panel,body .sidebar-section,body .messages-shell{box-shadow:var(--surface-shadow)}body .trend-stats{justify-self:end;width:62px}body .trend-score{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;width:100%;min-height:38px;padding:6px 9px}body .trend-score__icon{flex:0 0 auto;justify-self:end;margin-left:0}body .trend-score strong{width:100%;justify-self:stretch;text-align:center}body.theme-dark .admin-home-card,body.theme-dark .feed-card,body.theme-dark .feed-card.clickable-card,body.theme-dark .trend-item,body.theme-dark .contributor-item{border-width:var(--popularity-border-width, 1px);border-color:rgba(139,108,255,var(--popularity-border-alpha, .3));background-color:var(--surface-panel-bg);background-image:radial-gradient(circle var(--popularity-orb-size, 150px) at 0 0,rgba(139,108,255,var(--popularity-orb-alpha, .13)) 0,rgba(139,108,255,var(--popularity-orb-soft-alpha, .055)) 46%,rgba(139,108,255,0) 100%),linear-gradient(180deg,#1c202cfa,#161924fa)}body .feed-card:hover,body .feed-card.clickable-card:hover,body .trend-item:hover,body .contributor-item:hover,body .admin-home-card:hover{transform:none;border-width:var(--popularity-border-width, 1px);border-color:#6d4aff85;box-shadow:inset 0 0 0 1px #6d4aff57,var(--surface-shadow-hover);background-image:radial-gradient(circle var(--popularity-orb-size, 150px) at 0 0,rgba(109,74,255,var(--popularity-orb-alpha, .11)) 0,rgba(109,74,255,var(--popularity-orb-soft-alpha, .05)) 46%,rgba(109,74,255,0) 100%),linear-gradient(180deg,#ffffff29,#6d4aff0a)}body.theme-dark .feed-card:hover,body.theme-dark .feed-card.clickable-card:hover,body.theme-dark .trend-item:hover,body.theme-dark .contributor-item:hover,body.theme-dark .admin-home-card:hover{transform:none;border-color:#8b6cff8f;box-shadow:inset 0 0 0 1px #8b6cff61,var(--surface-shadow-hover);background-image:radial-gradient(circle var(--popularity-orb-size, 150px) at 0 0,rgba(139,108,255,var(--popularity-orb-alpha, .13)) 0,rgba(139,108,255,var(--popularity-orb-soft-alpha, .055)) 46%,rgba(139,108,255,0) 100%),linear-gradient(180deg,#ffffff06,#8b6cff09)}body .browse-feed-panel,body .sidebar-section,body .feed-controls-shell,body.theme-dark .browse-feed-panel,body.theme-dark .sidebar-section,body.theme-dark .feed-controls-shell{border-color:var(--line);background:var(--surface-panel-bg)}body .progression-strip-shell{position:relative;box-sizing:border-box;width:100%;min-width:0;margin:16px 0;padding:14px;overflow:hidden;border-style:solid;border-width:1px;border-color:#6d4aff4d;border-radius:20px;background-color:var(--surface-panel-bg-alt);background-image:radial-gradient(circle 154px at 0 0,#6d4aff1a 0,#6d4aff0b 46%,#6d4aff00)}body.theme-dark .progression-strip-shell{border-color:#8b6cff57;background-image:radial-gradient(circle 154px at 0 0,#8b6cff21 0,#8b6cff0e 46%,#8b6cff00)}body .progression-strip-shell>.progression-strip{width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:14px;background:transparent}body .creator-review-strip-wrap.progression-strip-shell{overflow:visible}body .chord-block.active,body .creator-bar-card.active{border-color:#6d4aff94;background:linear-gradient(180deg,#efe9fffa,#e2d8fff5);box-shadow:inset 0 0 0 1px #6d4aff14,0 8px 20px #6d4aff1a}body.theme-dark .chord-block.active,body.theme-dark .creator-bar-card.active{border-color:#8b6cff94;background:linear-gradient(180deg,#372b58f0,#261e41fa);box-shadow:inset 0 0 0 1px #a88cff14,0 8px 20px #0000002e}body .creator-segment.active,body .creator-segment--borrowed.active,body .creator-segment--outside-key.active,body .creator-segment--secondary.active,body .creator-segment--color.active{background:linear-gradient(180deg,#7f59e721,#6d4aff14);box-shadow:inset 0 0 0 1.5px #6d4aff75}body.theme-dark .creator-segment.active,body.theme-dark .creator-segment--borrowed.active,body.theme-dark .creator-segment--outside-key.active,body.theme-dark .creator-segment--secondary.active,body.theme-dark .creator-segment--color.active{background:linear-gradient(180deg,#a88cff2e,#8b6cff1c);box-shadow:inset 0 0 0 1.5px #8b6cff80}body :is(.progression-strip-shell .chord-block,.generation-comparison__chord,.admin-feedback-candidate__chord,.admin-feedback-candidate__chords>span){border-color:color-mix(in srgb,var(--violet) 30%,var(--line));border-radius:14px;background:transparent;box-shadow:none}body :is(.progression-strip-shell .chord-block .roman,.generation-comparison__chord>span,.admin-feedback-candidate__chord small,.admin-feedback-candidate__chords small){min-height:1em;color:var(--muted);font-size:10px;font-weight:900;letter-spacing:.08em;line-height:1}body :is(.progression-strip-shell .chord-block .chord,.generation-comparison__chord strong,.admin-feedback-candidate__chord strong,.admin-feedback-candidate__chords strong){color:var(--ink);font-size:14px;font-weight:900;line-height:1.1}body .admin-feedback-candidate__chord.is-active{border-color:var(--action-violet, var(--violet));background:color-mix(in srgb,var(--violet) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 20%,transparent)}body .progression-strip-shell .chord-block.active{border-color:#6d4aff94;background:linear-gradient(180deg,#efe9fffa,#e2d8fff5);box-shadow:inset 0 0 0 1px #6d4aff14,0 8px 20px #6d4aff1a}body.theme-dark :is(.progression-strip-shell .chord-block,.generation-comparison__chord,.admin-feedback-candidate__chord,.admin-feedback-candidate__chords>span){border-color:color-mix(in srgb,var(--violet) 38%,var(--line));background:transparent}body.theme-dark .progression-strip-shell .chord-block.active{border-color:#8b6cff94;background:linear-gradient(180deg,#372b58f0,#261e41fa);box-shadow:inset 0 0 0 1px #a88cff14,0 8px 20px #0000002e}body .detail-view--admin-review .creator-review-strip__chord:hover{transform:none;border-color:#6d4aff6b;background:#6d4aff17;box-shadow:none}body.theme-dark .detail-view--admin-review .creator-review-strip__chord:hover{transform:none;border-color:#8b6cff75;background:#8b6cff24;box-shadow:none}body .detail-view--admin-review .creator-review-strip__chord.active:hover{background:linear-gradient(180deg,#f5f1fffa,#e8e0fffa)}body.theme-dark .detail-view--admin-review .creator-review-strip__chord.active:hover{background:linear-gradient(180deg,#423369f5,#2d234cfa)}@media(hover:hover)and (pointer:fine){body :is(.progression-strip-shell .chord-block:not(.active):hover,.generation-comparison__candidate:not(:disabled):hover .generation-comparison__chord,.admin-feedback-candidate__chord:not(.is-active):not(.is-invalid):hover,.admin-feedback-candidate__chord:not(.is-active):not(.is-invalid):focus-visible,.detail-view--admin-review .creator-review-strip__chord:not(.active):hover,.detail-view--admin-review .creator-review-strip__chord:not(.active):focus-visible){border-color:color-mix(in srgb,var(--violet) 58%,var(--line));background:color-mix(in srgb,var(--violet) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 14%,transparent)}}body :is(.progression-strip-shell .chord-block.active,.generation-comparison__candidate.is-playing .generation-comparison__chord,.admin-feedback-candidate__chord.is-active,.detail-view--admin-review .creator-review-strip__chord.active[class]){border-color:color-mix(in srgb,var(--violet) 76%,var(--line));background:linear-gradient(180deg,#efe9fffa,#e2d8fff5);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 22%,transparent),0 8px 20px #6d4aff1a}body.theme-dark :is(.progression-strip-shell .chord-block.active,.generation-comparison__candidate.is-playing .generation-comparison__chord,.admin-feedback-candidate__chord.is-active,.detail-view--admin-review .creator-review-strip__chord.active[class]){border-color:color-mix(in srgb,var(--violet) 76%,var(--line));background:linear-gradient(180deg,#372b58f0,#261e41fa);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--violet) 22%,transparent),0 8px 20px #0000002e}@media(hover:hover)and (pointer:fine){body :where(.feed-card.clickable-card,.trend-item,.contributor-item,.library-item.clickable-card,.profile-progression-link,.messages-search-result,.messages-thread-card,.admin-home-card,.admin-user-card,.admin-message-card,.chord-block):hover,body .btn:not(:disabled):not(.theme-toggle):hover{transform:none}}body .scroll-edge-fade--left{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%)}body .scroll-edge-fade--right{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)}body .scroll-edge-fade--left.scroll-edge-fade--right{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}body .feed-card .progression-token-preview--fade-loop{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100% 100%;mask-size:100% 100%}body .feed-card .progression-token-preview--fade-loop:before,body .feed-card .progression-token-preview--fade-loop:after{display:none}body .feed-card .progression-card__tags-wrap.progression-card__tags--fade-left{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 100%)}body .feed-card .progression-card__tags-wrap.progression-card__tags--fade-right{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent 100%)}body .feed-card .progression-card__tags-wrap.progression-card__tags--fade-left.progression-card__tags--fade-right{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 24px,#000 calc(100% - 24px),transparent 100%)}body .feed-card .progression-card__tags-wrap:before,body .feed-card .progression-card__tags-wrap:after{display:none}:root{--page-background: linear-gradient(180deg, #fbfaff 0, #f7f6fa 420px, #f7f6fa 100%);--surface-panel-bg: linear-gradient(180deg, rgba(255, 255, 255, .99), rgba(248, 246, 252, .99));--surface-panel-bg-alt: var(--surface-panel-bg);--surface-soft-bg: linear-gradient(180deg, rgba(249, 247, 252, .98), rgba(244, 241, 248, .98));--surface-shadow: 0 1px 0 rgba(255, 255, 255, .92), 0 14px 32px rgba(35, 24, 67, .1)}body{background:var(--page-background)}body.theme-dark{--page-background: linear-gradient(180deg, #151822 0, #11131a 420px, #11131a 100%);--surface-panel-bg: linear-gradient(180deg, rgba(24, 27, 38, .99), rgba(18, 21, 30, .99));--surface-panel-bg-alt: var(--surface-panel-bg);--surface-soft-bg: linear-gradient(180deg, rgba(27, 30, 42, .98), rgba(21, 24, 34, .98));--surface-shadow: 0 1px 0 rgba(255, 255, 255, .04), 0 16px 34px rgba(0, 0, 0, .3);background:var(--page-background)}body :where(.panel,.card,.detail-card,.library-card-shell,.profile-card,.messages-shell,.browse-feed-panel,.sidebar-section,.support-landing__card,.admin-section){border-color:var(--line);background:var(--surface-panel-bg);background-clip:padding-box;box-shadow:var(--surface-shadow)}body :where(.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-item,.admin-home-card,.admin-policy-card,.admin-user-card,.admin-message-card,.admin-profile-card,.admin-compose-panel){border-color:var(--line);background:var(--surface-soft-bg)}body :where(input:not([type=range]),textarea,select,.field,.search),body :where(.messages-search-result,.messages-thread-card,.messages-profile-link,.messages-bubble__head){font-family:var(--font-reading);font-weight:500;letter-spacing:0}body :where(input:not([type=range]),textarea,select,.field,.search){line-height:1.45}body .messages-compose__input{font-weight:400}body :where(h1,h2,h3,.browse-title,.section-kicker){font-family:var(--font-display)}body .messages-shell{gap:14px}body .messages-shell__header{padding-bottom:14px;border-bottom:1px solid var(--line)}body .messages-layout{grid-template-columns:minmax(230px,280px) minmax(0,1fr);gap:12px;min-height:500px}body .messages-search-panel,body .messages-panel{border-radius:18px}body .messages-search-panel{gap:9px;padding:12px;background:var(--surface-soft-bg)}body .messages-search-result,body .messages-thread-card{border-width:1px;border-color:transparent;border-radius:14px;padding:9px 10px;background:transparent;box-shadow:none}body .messages-search-result.active,body .messages-thread-card.active,body.theme-dark .messages-search-result.active,body.theme-dark .messages-thread-card.active{border-width:1px;border-color:#6d4aff38;background:#6d4aff1a;box-shadow:inset 3px 0 0 var(--violet)}body .messages-panel{gap:0;overflow:hidden;padding:0;background:var(--surface-panel-bg)}body .messages-panel__head{min-height:58px;padding:10px 14px;border-bottom:1px solid var(--line)}body .messages-log{gap:8px;padding:16px}body .messages-bubble{gap:4px;max-width:min(520px,82%);border-radius:15px;padding:10px 12px;box-shadow:none}body .messages-bubble--sent{border-color:#6d4aff33;background:#6d4aff1c}body .messages-bubble--received{border-color:var(--line);background:var(--surface-soft-bg)}body .messages-compose{padding:12px 14px 14px;border-top:1px solid var(--line);background:var(--surface-panel-bg)}body .messages-compose__input{min-height:72px;padding:11px 132px 11px 12px;border-radius:14px;resize:none}body .admin-shell--feedback :where(.detail-view--admin-review,.detail-card--admin-review,.detail-header--admin-review,.admin-feedback-rapid,.creator-review-main__row,.creator-review-strip-wrap,.creator-review-strip,.creator-viz--admin-review,.admin-feedback-inline--compact){box-sizing:border-box;width:100%;max-width:none;min-width:0}body .detail-view--admin-review .creator-review-strip .progression-strip__track{width:max(100%,var(--progression-scroll-width, 100%));min-width:max(100%,var(--progression-scroll-width, 100%))}body .detail-view--admin-review .creator-review-strip__chord{display:grid;grid-template-rows:auto auto 18px;align-content:center;justify-items:center;row-gap:2px;min-width:0;min-height:86px;height:86px;padding:6px 8px}body .detail-view--admin-review .creator-review-strip__chord--has-rhythm{grid-template-rows:auto auto 18px 7px}body .detail-view--admin-review .creator-review-strip__flag{position:static;inset:auto;z-index:2;grid-row:3;justify-self:center;width:18px;height:18px;margin:1px 0 0}body .detail-view--admin-review .creator-review-strip__rhythm{bottom:5px}@media(max-width:760px)and (orientation:portrait){body .topbar-inner,body .app-shell,body .app-shell--browse{padding-inline:12px}body .app-shell__content,body .app-shell__content:not(.app-shell__content--create){box-sizing:border-box;width:100%;max-width:none;padding-inline:0}body :where(.feed-main,.detail-view,.creator-page,.admin-page,.messages-page,.profile-page,.library-page,.support-page){box-sizing:border-box;width:100%;max-width:none;margin-inline:0}body .trend-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;column-gap:9px;padding:10px}body .sidebar-list--trending .trend-item{flex-basis:min(88vw,320px);min-width:min(88vw,320px)}body .trend-copy{align-self:center}body .trend-copy strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .trend-stats{grid-column:3;grid-row:1;display:flex;flex-wrap:nowrap;align-self:center;justify-self:end;width:auto;gap:5px}body .trend-score{display:inline-flex;grid-template-columns:none;width:auto;min-height:30px;gap:3px;border-radius:10px;padding:5px 7px}body .trend-score strong{width:auto;font-size:11px}body .messages-shell{padding:14px}body .messages-shell__header{padding:0 0 12px}body .messages-layout{grid-template-columns:minmax(0,1fr);min-height:0}body .messages-search-panel{max-height:none;overflow:visible}body .messages-panel{min-height:min(58vh,620px);padding:0}body .messages-log{padding:12px}body .messages-bubble{max-width:88%}body .messages-compose{padding:9px 10px 10px;background:var(--surface-panel-bg)}body .messages-compose__field{display:block;min-height:56px}body .messages-compose__input{display:block;width:100%;height:56px;min-height:56px;padding-right:48px;border-radius:13px}body .messages-compose__send{top:10px;right:8px;bottom:auto;width:36px;height:36px;min-width:36px;min-height:36px;padding-inline:0}body .messages-compose__send span{display:none}body .admin-shell--feedback{padding:12px}body .admin-shell--feedback>.admin-shell__header{padding-inline:0}body .admin-shell--feedback .detail-view--admin-review,body .admin-shell--feedback .detail-card--admin-review,body .admin-shell--feedback .detail-header--admin-review{width:100%;max-width:none;margin-inline:0;padding-inline:0}body .admin-shell--feedback .detail-card--admin-review{padding:0}body .detail-view--admin-review .creator-review-strip-wrap,body .detail-view--admin-review .creator-review-strip{width:100%;max-width:none;margin-inline:0}body .detail-view--admin-review .creator-review-strip{box-sizing:border-box;padding-inline:8px}body .detail-view--admin-review .creator-review-strip .progression-strip__track{box-sizing:border-box;width:max(100%,var(--progression-scroll-width, 100%));min-width:max(100%,var(--progression-scroll-width, 100%))}body .progression-strip-shell{margin-block:12px;padding:8px;border-radius:18px}}body .library-item{border-width:1px;border-color:#6d4aff47;border-radius:var(--radius);background-color:var(--surface-panel-bg);background-image:radial-gradient(circle 150px at 0 0,#6d4aff1c 0,#6d4aff0d 46%,#6d4aff00),var(--surface-panel-bg);background-repeat:no-repeat;box-shadow:var(--surface-shadow)}body.theme-dark .library-item{border-color:#8b6cff4d;background-color:var(--surface-panel-bg);background-image:radial-gradient(circle 150px at 0 0,#8b6cff21 0,#8b6cff0e 46%,#8b6cff00),var(--surface-panel-bg)}@media(hover:hover)and (pointer:fine){body .library-item.clickable-card:hover{transform:none;border-color:#6d4aff85;background-image:radial-gradient(circle 150px at 0 0,#6d4aff1c 0,#6d4aff0d 46%,#6d4aff00),linear-gradient(180deg,#ffffff29,#6d4aff0a);box-shadow:inset 0 0 0 1px #6d4aff57,var(--surface-shadow-hover)}body.theme-dark .library-item.clickable-card:hover{border-color:#8b6cff8f;background-image:radial-gradient(circle 150px at 0 0,#8b6cff21 0,#8b6cff0e 46%,#8b6cff00),linear-gradient(180deg,#ffffff06,#8b6cff09);box-shadow:inset 0 0 0 1px #8b6cff61,var(--surface-shadow-hover)}}@property --popularity-orb-x{syntax: "<length-percentage>"; inherits: false; initial-value: 14%;}@property --popularity-orb-y{syntax: "<length-percentage>"; inherits: false; initial-value: 16%;}@property --popularity-orb-visible{syntax: "<number>"; inherits: false; initial-value: 0;}body :is(.feed-card.clickable-card,.trend-item,.contributor-item,.admin-home-card,.library-item.clickable-card){--popularity-orb-visible: 0;--popularity-card-surface: var(--surface-panel-bg);background-image:radial-gradient(circle var(--popularity-orb-size, 150px) at var(--popularity-orb-x) var(--popularity-orb-y),rgb(109 74 255 / calc(var(--popularity-orb-alpha, .11) * var(--popularity-orb-visible))) 0,rgb(109 74 255 / calc(var(--popularity-orb-soft-alpha, .05) * var(--popularity-orb-visible))) 46%,rgb(109 74 255 / 0) 100%),var(--popularity-card-surface);background-repeat:no-repeat;transition:--popularity-orb-visible .24s ease,border-color .18s ease,box-shadow .18s ease,color .18s ease}body.theme-dark :is(.feed-card.clickable-card,.trend-item,.contributor-item,.admin-home-card,.library-item.clickable-card){background-image:radial-gradient(circle var(--popularity-orb-size, 150px) at var(--popularity-orb-x) var(--popularity-orb-y),rgb(139 108 255 / calc(var(--popularity-orb-alpha, .13) * var(--popularity-orb-visible))) 0,rgb(139 108 255 / calc(var(--popularity-orb-soft-alpha, .055) * var(--popularity-orb-visible))) 46%,rgb(139 108 255 / 0) 100%),var(--popularity-card-surface)}@media(hover:hover)and (pointer:fine){body :is(.feed-card.clickable-card,.trend-item,.contributor-item,.admin-home-card,.library-item.clickable-card):hover{--popularity-orb-visible: 1;--popularity-card-surface: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(109, 74, 255, .04))}body.theme-dark :is(.feed-card.clickable-card,.trend-item,.contributor-item,.admin-home-card,.library-item.clickable-card):hover{--popularity-card-surface: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(139, 108, 255, .035))}}@keyframes tonebud-orb-float{0%{--popularity-orb-x: 14%;--popularity-orb-y: 16%}34%{--popularity-orb-x: 78%;--popularity-orb-y: 30%}67%{--popularity-orb-x: 64%;--popularity-orb-y: 82%}to{--popularity-orb-x: 20%;--popularity-orb-y: 68%}}@media(hover:none),(pointer:coarse){body :is(.feed-card.clickable-card,.trend-item,.contributor-item,.admin-home-card,.library-item.clickable-card){--popularity-orb-visible: 1;animation:tonebud-orb-float 22s ease-in-out infinite alternate}body :is(.feed-card.clickable-card,.trend-item,.contributor-item,.admin-home-card,.library-item.clickable-card):nth-child(2n){animation-delay:-7s}body :is(.feed-card.clickable-card,.trend-item,.contributor-item,.admin-home-card,.library-item.clickable-card):nth-child(3n){animation-delay:-14s}}body :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section){--popularity-orb-core: rgb(109 74 255 / 0);--popularity-orb-soft: rgb(109 74 255 / 0);--popularity-card-surface: var(--surface-panel-bg);background-image:radial-gradient(circle var(--popularity-orb-size, 150px) at var(--popularity-orb-x) var(--popularity-orb-y),var(--popularity-orb-core) 0,var(--popularity-orb-soft) 46%,rgb(109 74 255 / 0) 100%),var(--popularity-card-surface);background-repeat:no-repeat}body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section){--popularity-orb-core: rgb(139 108 255 / 0);--popularity-orb-soft: rgb(139 108 255 / 0)}@media(hover:hover)and (pointer:fine){body :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section).tonebud-orb-active{--popularity-orb-core: rgb(109 74 255 / var(--popularity-orb-alpha, .11));--popularity-orb-soft: rgb(109 74 255 / var(--popularity-orb-soft-alpha, .05));--popularity-card-surface: linear-gradient(180deg, rgba(255, 255, 255, .16), rgba(109, 74, 255, .04))}body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section).tonebud-orb-active{--popularity-orb-core: rgb(139 108 255 / var(--popularity-orb-alpha, .13));--popularity-orb-soft: rgb(139 108 255 / var(--popularity-orb-soft-alpha, .055));--popularity-card-surface: linear-gradient(180deg, rgba(255, 255, 255, .025), rgba(139, 108, 255, .035))}}@media(hover:none),(pointer:coarse){body :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section){--popularity-orb-core: rgb(109 74 255 / var(--popularity-orb-alpha, .11));--popularity-orb-soft: rgb(109 74 255 / var(--popularity-orb-soft-alpha, .05));animation:tonebud-orb-float 22s ease-in-out infinite alternate}body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section){--popularity-orb-core: rgb(139 108 255 / var(--popularity-orb-alpha, .13));--popularity-orb-soft: rgb(139 108 255 / var(--popularity-orb-soft-alpha, .055))}}body .creator-title-input,body .messages-search-panel>.field,body .library-item__visibility-select{font-family:var(--font-ui);font-weight:700;letter-spacing:0}@property --shared-orb-x{syntax: "<length-percentage>"; inherits: true; initial-value: 50vw;}@property --shared-orb-y{syntax: "<length-percentage>"; inherits: true; initial-value: 34vh;}body :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section){animation:none;background-image:radial-gradient(circle 190px at var(--shared-orb-x) var(--shared-orb-y),var(--popularity-orb-core) 0,var(--popularity-orb-soft) 46%,rgb(109 74 255 / 0) 100%),var(--popularity-card-surface);background-attachment:fixed,scroll;background-repeat:no-repeat}@keyframes tonebud-shared-orb-float{0%{--shared-orb-x: 18vw;--shared-orb-y: 20vh}30%{--shared-orb-x: 78vw;--shared-orb-y: 34vh}65%{--shared-orb-x: 62vw;--shared-orb-y: 82vh}to{--shared-orb-x: 24vw;--shared-orb-y: 66vh}}@media(hover:none),(pointer:coarse){html{animation:none;--shared-orb-x: 24vw;--shared-orb-y: 34vh}body :is(.feed-card.clickable-card,.library-item.clickable-card,.trend-item,.contributor-item,.admin-home-card,.card,.panel,.creator-panel,.sidebar-section,.browse-feed-panel,.profile-panel,.comments-panel,.messages-search-panel,.messages-panel,.library-card-shell,.support-landing__card,.admin-section){animation:none}}body :is(.card:not(.feed-card),.panel,.browse-feed-panel,.sidebar-section,.library-card-shell,.messages-panel){background-image:var(--surface-panel-bg);background-attachment:scroll;animation:none}body :is(.creator-panel,.profile-panel,.comments-panel,.messages-search-panel,.support-landing__card,.admin-section){background-image:var(--surface-soft-bg);background-attachment:scroll;animation:none}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-bar-card,.unique-progression-card,.familiar-variation,.admin-item--progression){--popularity-orb-core: rgb(109 74 255 / 0);--popularity-orb-soft: rgb(109 74 255 / 0);animation:none;background-image:radial-gradient(circle 190px at var(--popularity-orb-x) var(--popularity-orb-y),var(--popularity-orb-core) 0,var(--popularity-orb-soft) 46%,rgb(109 74 255 / 0) 100%),var(--surface-panel-bg);background-attachment:scroll;background-repeat:no-repeat}html.tonebud-pointer-orb-ready body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-bar-card,.unique-progression-card,.familiar-variation,.admin-item--progression){--popularity-orb-core: rgb(109 74 255 / var(--popularity-orb-alpha, .11));--popularity-orb-soft: rgb(109 74 255 / var(--popularity-orb-soft-alpha, .05))}html.tonebud-pointer-orb-ready body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-bar-card,.unique-progression-card,.familiar-variation,.admin-item--progression){--popularity-orb-core: rgb(139 108 255 / var(--popularity-orb-alpha, .13));--popularity-orb-soft: rgb(139 108 255 / var(--popularity-orb-soft-alpha, .055))}@media(hover:none),(pointer:coarse){body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-bar-card,.unique-progression-card,.familiar-variation,.admin-item--progression){--popularity-orb-core: rgb(109 74 255 / var(--popularity-orb-alpha, .11));--popularity-orb-soft: rgb(109 74 255 / var(--popularity-orb-soft-alpha, .05));background-image:radial-gradient(circle 190px at var(--shared-orb-x) var(--shared-orb-y),var(--popularity-orb-core) 0,var(--popularity-orb-soft) 46%,rgb(109 74 255 / 0) 100%),var(--surface-panel-bg);background-attachment:fixed,scroll}body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-bar-card,.unique-progression-card,.familiar-variation,.admin-item--progression){--popularity-orb-core: rgb(139 108 255 / var(--popularity-orb-alpha, .13));--popularity-orb-soft: rgb(139 108 255 / var(--popularity-orb-soft-alpha, .055))}}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression),body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):hover{--orb-render-x: var(--popularity-orb-x);--orb-render-y: var(--popularity-orb-y);--popularity-orb-core: rgb(109 74 255 / 0);--popularity-orb-soft: rgb(109 74 255 / 0);background-image:radial-gradient(circle 190px at var(--orb-render-x) var(--orb-render-y),var(--popularity-orb-core) 0,var(--popularity-orb-soft) 46%,rgb(109 74 255 / 0) 100%),var(--surface-panel-bg);background-attachment:scroll;background-repeat:no-repeat}html.tonebud-pointer-orb-ready body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression),html.tonebud-pointer-orb-ready body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):hover{--popularity-orb-core: rgb(109 74 255 / var(--popularity-orb-alpha, .11));--popularity-orb-soft: rgb(109 74 255 / var(--popularity-orb-soft-alpha, .05))}html.tonebud-pointer-orb-ready body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression),html.tonebud-pointer-orb-ready body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):hover{--popularity-orb-core: rgb(139 108 255 / var(--popularity-orb-alpha, .13));--popularity-orb-soft: rgb(139 108 255 / var(--popularity-orb-soft-alpha, .055))}@media(hover:none),(pointer:coarse){body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression),body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):hover{--orb-render-x: var(--shared-orb-x);--orb-render-y: var(--shared-orb-y);--popularity-orb-core: rgb(109 74 255 / var(--popularity-orb-alpha, .11));--popularity-orb-soft: rgb(109 74 255 / var(--popularity-orb-soft-alpha, .05));background-attachment:fixed,scroll}body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression),body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-panel,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):hover{--popularity-orb-core: rgb(139 108 255 / var(--popularity-orb-alpha, .13));--popularity-orb-soft: rgb(139 108 255 / var(--popularity-orb-soft-alpha, .055))}}body .creator-bar-card{background:linear-gradient(180deg,#fffffffa,#faf9fffa);background-clip:border-box}body .creator-bar-card.active{border-color:#6d4aff9e;background:linear-gradient(180deg,#efe9fffc,#e2d8fffa);background-clip:border-box;box-shadow:inset 0 0 0 1px #6d4aff2e,0 8px 20px #6d4aff1a}body.theme-dark .creator-bar-card{background:linear-gradient(180deg,#1c202cfc,#161924fc);background-clip:border-box}body.theme-dark .creator-bar-card.active{border-color:#8b6cffa3;background:linear-gradient(180deg,#372b58fa,#261e41fc);background-clip:border-box;box-shadow:inset 0 0 0 1px #a88cff33,0 8px 20px #0000002e}body .creator-bar-card:not(.active) .creator-bar-main{background:#f7f6f9}body.theme-dark .creator-bar-card:not(.active) .creator-bar-main{background:#252836}body .creator-bar-card>.creator-bar-frame{background:inherit;background-clip:border-box}body .creator-bar-card:not(.active)>.creator-bar-frame{background:#f7f6f9}body.theme-dark .creator-bar-card:not(.active)>.creator-bar-frame{background:#252836}body .unique-progression-card,body .unique-progression-card:hover,html.tonebud-pointer-orb-ready body .unique-progression-card,html.tonebud-pointer-orb-ready body .unique-progression-card:hover{border:3px solid transparent;background:linear-gradient(180deg,#fffffffc,#f9f6fffc) padding-box,linear-gradient(120deg,#e98b8b,#efc06f 22%,#a9d681 45%,#6ecbc3 66%,#8d81de 82%,#df8cc4) border-box;background-attachment:scroll;background-repeat:no-repeat}body.theme-dark .unique-progression-card,body.theme-dark .unique-progression-card:hover,html.tonebud-pointer-orb-ready body.theme-dark .unique-progression-card,html.tonebud-pointer-orb-ready body.theme-dark .unique-progression-card:hover{background:linear-gradient(180deg,#27243afc,#1e1d2efc) padding-box,linear-gradient(120deg,#ca6f82,#d6a54d 22%,#89bb72 45%,#54aaa7 66%,#8375d2 82%,#c46da9) border-box}body .unique-progression-card:before,body.theme-dark .unique-progression-card:before,html.tonebud-pointer-orb-ready body .unique-progression-card:before{opacity:0!important}body .unique-progression-card:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;z-index:2;padding:3px;border-radius:20px;background:linear-gradient(120deg,#e98b8b,#efc06f 22%,#a9d681 45%,#6ecbc3 66%,#8d81de 82%,#df8cc4);pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}body.theme-dark .unique-progression-card:after{background:linear-gradient(120deg,#dc7f92,#e0b45c 22%,#94c879 45%,#5db8b2 66%,#9284e2 82%,#d47cba)}body .creator-panel{--popularity-orb-core: transparent !important;--popularity-orb-soft: transparent !important}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.guided-builder,.creator-manual-builder,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression){--popularity-orb-core: transparent !important;--popularity-orb-soft: transparent !important;position:relative;isolation:isolate}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.guided-builder,.creator-manual-builder,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:radial-gradient(circle 190px at var(--tonebud-shared-orb-x, 50%) var(--tonebud-shared-orb-y, 50%),rgb(109 74 255 / var(--popularity-orb-alpha, .11)) 0,rgb(109 74 255 / var(--popularity-orb-soft-alpha, .05)) 46%,rgb(109 74 255 / 0) 100%);opacity:0;pointer-events:none;transition:opacity .22s ease}body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.guided-builder,.creator-manual-builder,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):before{background:radial-gradient(circle 190px at var(--tonebud-shared-orb-x, 50%) var(--tonebud-shared-orb-y, 50%),rgb(139 108 255 / var(--popularity-orb-alpha, .13)) 0,rgb(139 108 255 / var(--popularity-orb-soft-alpha, .055)) 46%,rgb(139 108 255 / 0) 100%)}html.tonebud-pointer-orb-ready body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.guided-builder,.creator-manual-builder,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):before{opacity:1}@media(hover:none),(pointer:coarse){html{animation:none!important}}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.guided-builder,.creator-manual-builder,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression)>*{z-index:1}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.familiar-variation,.admin-item--progression),body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.familiar-variation,.admin-item--progression):hover{background-image:var(--surface-panel-bg);background-attachment:scroll;background-repeat:no-repeat}body .creator-mode-body,body .creator-mode-body:hover{background-image:linear-gradient(180deg,#fffffffa,#f9f6fffa)}body.theme-dark .creator-mode-body,body.theme-dark .creator-mode-body:hover{background-image:linear-gradient(180deg,#1e2230fa,#161924fa)}body .progression-strip-shell,body .progression-strip-shell:hover{background-color:var(--surface-panel-bg-alt);background-image:none}body :is(.guided-builder,.creator-manual-builder):before{display:none}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression){position:relative;isolation:isolate}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;display:block;border-radius:inherit;background:radial-gradient(circle 190px at var(--tonebud-shared-orb-x, 50%) var(--tonebud-shared-orb-y, 50%),rgb(109 74 255 / .11) 0,rgb(109 74 255 / .05) 46%,rgb(109 74 255 / 0) 100%);opacity:0;pointer-events:none;transition:opacity .22s ease}body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression):before{background:radial-gradient(circle 190px at var(--tonebud-shared-orb-x, 50%) var(--tonebud-shared-orb-y, 50%),rgb(139 108 255 / .13) 0,rgb(139 108 255 / .055) 46%,rgb(139 108 255 / 0) 100%)}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression)>*{z-index:1}html.tonebud-pointer-orb-ready body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.familiar-variation,.admin-item--progression):before{opacity:1}body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.familiar-variation,.admin-item--progression),body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.familiar-variation,.admin-item--progression):hover{background:var(--surface-panel-bg)!important;background-attachment:scroll!important;background-repeat:no-repeat!important}@media(max-width:960px),(hover:none)and (pointer:coarse){html body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.familiar-variation,.admin-item--progression):before{content:none!important;display:none!important}html body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.familiar-variation,.admin-item--progression),html body :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.familiar-variation,.admin-item--progression):hover{background:radial-gradient(circle 220px at 0 0,rgb(109 74 255 / .11) 0,rgb(109 74 255 / .045) 44%,transparent 78%),var(--surface-panel-bg)!important;background-attachment:scroll!important;background-repeat:no-repeat!important}html body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.familiar-variation,.admin-item--progression),html body.theme-dark :is(.feed-card.clickable-card,.library-item.clickable-card,.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.familiar-variation,.admin-item--progression):hover{background:radial-gradient(circle 220px at 0 0,rgb(139 108 255 / .14) 0,rgb(139 108 255 / .06) 44%,transparent 78%),var(--surface-panel-bg)!important}html body :is(.browse-main .feed-card.clickable-card,.library-list>.library-item.clickable-card):not(.is-viewport-centered){border-color:color-mix(in srgb,var(--line) 82%,#9b9aa1);background:color-mix(in srgb,var(--surface-panel-bg) 96%,#a8a7ad)!important;opacity:.94}html body.theme-dark :is(.browse-main .feed-card.clickable-card,.library-list>.library-item.clickable-card):not(.is-viewport-centered){border-color:color-mix(in srgb,var(--line) 84%,#777680);background:color-mix(in srgb,var(--surface-panel-bg) 96%,#73727b)!important}html body :is(.browse-main .feed-card.clickable-card,.library-list>.library-item.clickable-card).is-viewport-centered{border-color:color-mix(in srgb,var(--violet) 34%,var(--line));background:radial-gradient(circle 220px at 0 0,rgb(109 74 255 / .11) 0,rgb(109 74 255 / .045) 44%,transparent 78%),var(--surface-panel-bg)!important;box-shadow:inset 0 0 0 1px #6d4aff3d;opacity:1}html body.theme-dark :is(.browse-main .feed-card.clickable-card,.library-list>.library-item.clickable-card).is-viewport-centered{border-color:color-mix(in srgb,var(--violet) 38%,var(--line));background:radial-gradient(circle 220px at 0 0,rgb(139 108 255 / .14) 0,rgb(139 108 255 / .06) 44%,transparent 78%),var(--surface-panel-bg)!important;box-shadow:inset 0 0 0 1px #8b6cff47}html body :is(.browse-main .feed-card.clickable-card,.library-list>.library-item.clickable-card):active:not(.is-viewport-centered){box-shadow:none}}@media(max-width:760px)and (orientation:portrait){@supports (content-visibility: auto){.browse-main .feed>.feed-card:nth-child(n+7){content-visibility:visible;contain-intrinsic-size:none}}}body .admin-home-card .admin-home-card__icon,body .admin-home-card--featured .admin-home-card__icon{box-sizing:border-box;width:56px;height:56px;border:1px solid rgba(109,74,255,.2);border-radius:18px;background:#f0eaff;color:#7350c2;box-shadow:inset 0 1px #ffffffb8}body.theme-dark .admin-home-card .admin-home-card__icon,body.theme-dark .admin-home-card--featured .admin-home-card__icon{border-color:#a88cff33;background:#25213b;color:#c9baf1;box-shadow:inset 0 1px #ffffff09}body .admin-home-card .admin-home-card__icon svg{width:20px;height:20px;stroke-width:1.8}@media(max-width:760px){body .admin-home-card .admin-home-card__icon,body .admin-home-card--featured .admin-home-card__icon{width:48px;height:48px;border-radius:15px}}@media(max-width:760px),(hover:none),(pointer:coarse){.browse-shell--active,.app-shell__content:not(.app-shell__content--create),.browse-shell--active .browse-main .feed-card{animation:none}.creator-mode-body,.progression-viz-stage{transition:none}.creator-mode-body__content,.creator-mode-workspace,.progression-viz-stage__content{animation:none;will-change:auto}}@media(max-width:900px){.site-footer{gap:30px}.footer-cta{grid-template-columns:auto minmax(0,1fr);gap:20px}.footer-cta__actions{grid-column:2}.footer-grid,.footer-grid--without-newsletter{grid-template-columns:1fr;gap:28px;align-items:start;justify-items:start;text-align:left}.footer-nav-group{align-items:start;justify-items:start;text-align:left}}@media(max-width:560px){.site-footer{gap:26px;padding:0 14px 24px}.footer-brand-block{margin-top:10px}.footer-cta{grid-template-columns:52px minmax(0,1fr);gap:10px;padding:20px 18px}.footer-cta__mark{display:grid;width:100%;height:auto;aspect-ratio:1}.footer-cta__copy{display:contents}.footer-cta__heading{grid-column:2}.footer-cta__description{grid-column:1 / -1}.footer-cta__copy h2{margin:3px 0 0;font-size:clamp(1.1rem,5.5vw,1.32rem);letter-spacing:-.055em;line-height:1.04;white-space:nowrap}.footer-eyebrow{font-size:.65rem;letter-spacing:.065em}.footer-cta__actions{grid-column:1 / -1}.footer-newsletter__form{display:grid;grid-template-columns:1fr}.footer-newsletter__form .btn{width:100%;justify-content:center}.footer-wordmark{width:min(100%,154px)}.footer-bottom{flex-direction:column;gap:5px}}.contributor-meta{display:flex;flex-wrap:wrap;align-items:center;gap:5px 8px}.contributor-meta__count,.contributor-meta__stat{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.contributor-meta__stat{color:var(--ink);font-weight:750}.contributor-meta__stat svg{color:var(--violet);opacity:.78}@media(max-width:760px)and (orientation:portrait){body .sidebar-list--trending .trend-item{flex:0 0 min(88vw,340px);min-width:min(88vw,340px)}body .sidebar-list--contributors .contributor-item{flex:0 0 calc((100% - 10px)*.66);min-width:0}body .sidebar-list--trending .trend-tags{flex-wrap:nowrap;overflow:hidden}body .sidebar-list--trending .trend-tag{flex:0 1 auto;max-width:min(44%,110px)}body .sidebar-list--trending .trend-author{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .trend-stats{grid-column:3;grid-row:1;display:grid;gap:4px;align-self:center;justify-self:end;width:46px}body .trend-score{justify-content:flex-end;min-height:27px;padding:4px 6px}body .contributor-item{grid-template-columns:auto minmax(0,1fr)}}.support-hub{display:grid;gap:16px}.support-hub__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.72fr);align-items:end;gap:16px;padding:18px;border:1px solid var(--line);border-radius:22px;background:var(--surface-soft-bg)}.support-hub__intro h2{margin:5px 0 0;color:var(--ink);font-size:clamp(1.35rem,2vw,1.72rem);letter-spacing:-.035em}.support-hub__intro p,.support-contact-copy{margin:7px 0 0;color:var(--muted);font-family:var(--font-reading);font-size:var(--text-sm);line-height:1.55}.support-content-grid{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(280px,.76fr);gap:16px;align-items:start}.support-content-grid__main{display:grid;gap:16px}.support-result-count{flex:0 0 auto;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-family:var(--font-reading);font-size:var(--text-xs);font-weight:700}.support-knowledge-card{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:inherit;text-align:left;font:inherit;cursor:pointer}.support-knowledge-card:hover,.support-knowledge-card:focus-visible{border-color:color-mix(in srgb,var(--violet) 42%,var(--line));background:color-mix(in srgb,var(--violet) 6%,var(--surface-soft-bg));outline:none}.support-knowledge-card:focus-visible{box-shadow:var(--focus-ring)}.support-knowledge-card__copy{display:grid;min-width:0;gap:4px}.support-knowledge-card__copy strong{color:var(--ink);font-size:15px;font-weight:900;letter-spacing:-.02em}.support-knowledge-card__copy>span:last-child{color:var(--muted);font-family:var(--font-reading);font-size:13px;font-weight:500;line-height:1.45}.support-knowledge-card__category{color:var(--violet);font-family:var(--font-reading);font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.support-faq__item{padding:0}.support-faq__item summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;color:var(--ink);cursor:pointer;font-size:15px;font-weight:900;letter-spacing:-.02em;list-style:none}.support-faq__item summary::-webkit-details-marker{display:none}.support-faq__item summary svg{flex:0 0 auto;color:var(--muted);transition:transform var(--motion-fast) var(--motion-ease)}.support-faq__item[open] summary svg{transform:rotate(90deg);color:var(--violet)}.support-faq__item p{margin:-2px 14px 14px;font-family:var(--font-reading);font-weight:500}.support-ticket-cta{width:100%;justify-content:center;margin-top:4px}.support-guide-dialog,.support-ticket-dialog{display:grid;gap:14px;width:min(600px,100%)}.support-guide-dialog__steps{display:grid;gap:11px;margin:0;padding-left:24px;color:var(--muted);font-family:var(--font-reading);line-height:1.55}.support-guide-dialog__steps li::marker{color:var(--violet);font-family:var(--font-display);font-weight:900}.support-guide-dialog__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-family:var(--font-reading);font-size:var(--text-sm)}.support-ticket-dialog__actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:2px}.support-ticket-dialog__actions .btn{width:100%;justify-content:center}.support-ticket-dialog__status{color:var(--danger)}.support-modal-overlay{z-index:50;padding:max(18px,env(safe-area-inset-top)) 18px max(18px,env(safe-area-inset-bottom));background:#07090f94}.support-modal-overlay .support-guide-dialog,.support-modal-overlay .support-ticket-dialog{max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain}.support-modal-overlay .support-ticket-dialog{width:min(600px,100%)}@media(max-width:820px){.support-hub__intro,.support-content-grid{grid-template-columns:1fr}}@media(max-width:560px){.support-hub__intro{padding:15px}.support-card__header-actions{width:100%}.support-card__header-actions .btn{flex:1 1 0;justify-content:center}.support-card__mail span{overflow:hidden;text-overflow:ellipsis}.support-panel__head{align-items:center}.support-guide-dialog__footer{align-items:flex-start;flex-direction:column}.support-guide-dialog__footer .btn{width:100%;justify-content:center}.support-modal-overlay{padding-inline:12px}.support-modal-overlay .support-guide-dialog,.support-modal-overlay .support-ticket-dialog{max-height:calc(100dvh - 24px);padding:16px}}body :is(.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta){position:relative;isolation:isolate}body :is(.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;background:radial-gradient(circle 190px at var(--tonebud-shared-orb-x, 50%) var(--tonebud-shared-orb-y, 50%),rgb(109 74 255 / .11) 0,rgb(109 74 255 / .05) 46%,rgb(109 74 255 / 0) 100%);opacity:0;pointer-events:none;transition:opacity .22s ease}body.theme-dark :is(.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta):before{background:radial-gradient(circle 190px at var(--tonebud-shared-orb-x, 50%) var(--tonebud-shared-orb-y, 50%),rgb(139 108 255 / .13) 0,rgb(139 108 255 / .055) 46%,rgb(139 108 255 / 0) 100%)}html.tonebud-pointer-orb-ready body :is(.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta):before{opacity:1}body :is(.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta)>*{z-index:1}@media(max-width:960px),(hover:none)and (pointer:coarse){html body :is(.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta):before{content:none!important;display:none!important}html body :is(.messages-search-panel,.messages-panel,.profile-stat,.profile-panel,.support-panel,.footer-cta),html body :is(.messages-search-panel,.messages-panel,.profile-stat,.profile-panel,.support-panel,.footer-cta):hover{background:radial-gradient(circle 220px at 0 0,rgb(109 74 255 / .11) 0,rgb(109 74 255 / .045) 44%,transparent 78%),var(--surface-panel-bg)!important;background-attachment:scroll!important;background-repeat:no-repeat!important}html body.theme-dark :is(.messages-search-panel,.messages-panel,.profile-stat,.profile-panel,.support-panel,.footer-cta),html body.theme-dark :is(.messages-search-panel,.messages-panel,.profile-stat,.profile-panel,.support-panel,.footer-cta):hover{background:radial-gradient(circle 220px at 0 0,rgb(139 108 255 / .14) 0,rgb(139 108 255 / .06) 44%,transparent 78%),var(--surface-panel-bg)!important}html body :is(.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression,.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta){background-image:radial-gradient(circle 220px at 0 0,rgb(109 74 255 / .11) 0,rgb(109 74 255 / .045) 44%,transparent 78%)!important;background-attachment:scroll!important;background-repeat:no-repeat!important}html body.theme-dark :is(.profile-progression-link,.trend-item,.contributor-item,.admin-home-card,.creator-mode-body,.creator-bar-card,.progression-strip-shell,.unique-progression-card,.familiar-variation,.admin-item--progression,.messages-search-panel,.messages-panel,.messages-thread-card,.messages-bubble,.profile-stat,.profile-panel,.profile-achievement,.support-panel,.support-knowledge-card,.support-faq__item,.support-ticket-card,.footer-cta){background-image:radial-gradient(circle 220px at 0 0,rgb(139 108 255 / .14) 0,rgb(139 108 255 / .06) 44%,transparent 78%)!important}}body .admin-feedback-candidate__chord-diagnostic{width:10px;height:10px;border-radius:0;background:transparent}body.theme-dark .admin-feedback-candidate__chord-diagnostic{background:transparent}body .admin-feedback-candidate__chord-diagnostic svg{width:10px;height:10px}body .admin-feedback-candidate__chord--borrowed,body .admin-feedback-candidate__chord--borrowed:is(:hover,:focus-visible),body .admin-feedback-candidate__chord--borrowed.is-active{border-color:#745ad261;background:linear-gradient(135deg,#745ad22e,#745ad21c);box-shadow:inset 0 0 0 1px #745ad214}body .admin-feedback-candidate__chord--secondary,body .admin-feedback-candidate__chord--outside-key,body .admin-feedback-candidate__chord--secondary:is(:hover,:focus-visible),body .admin-feedback-candidate__chord--outside-key:is(:hover,:focus-visible),body .admin-feedback-candidate__chord--secondary.is-active,body .admin-feedback-candidate__chord--outside-key.is-active{border-color:#ec96556b;background:linear-gradient(135deg,#ec965530,#ec96551f);box-shadow:inset 0 0 0 1px #ec965514}body .admin-feedback-candidate__chord--color,body .admin-feedback-candidate__chord--color:is(:hover,:focus-visible),body .admin-feedback-candidate__chord--color.is-active{border-color:#36918266;background:linear-gradient(135deg,#3691822e,#3691821c);box-shadow:inset 0 0 0 1px #36918214}body.theme-dark .admin-feedback-candidate__chord--borrowed,body.theme-dark .admin-feedback-candidate__chord--borrowed:is(:hover,:focus-visible),body.theme-dark .admin-feedback-candidate__chord--borrowed.is-active{border-color:#9d82ff6b;background:linear-gradient(135deg,#9d82ff47,#9d82ff2b);box-shadow:inset 0 0 0 1px #9d82ff1a}body.theme-dark .admin-feedback-candidate__chord--secondary,body.theme-dark .admin-feedback-candidate__chord--outside-key,body.theme-dark .admin-feedback-candidate__chord--secondary:is(:hover,:focus-visible),body.theme-dark .admin-feedback-candidate__chord--outside-key:is(:hover,:focus-visible),body.theme-dark .admin-feedback-candidate__chord--secondary.is-active,body.theme-dark .admin-feedback-candidate__chord--outside-key.is-active{border-color:#ffaa6275;background:linear-gradient(135deg,#ffaa624a,#ffaa622b);box-shadow:inset 0 0 0 1px #ffaa621a}body.theme-dark .admin-feedback-candidate__chord--color,body.theme-dark .admin-feedback-candidate__chord--color:is(:hover,:focus-visible),body.theme-dark .admin-feedback-candidate__chord--color.is-active{border-color:#5bd5be70;background:linear-gradient(135deg,#5bd5be45,#5bd5be29);box-shadow:inset 0 0 0 1px #5bd5be1a}body input:is(:not([type]),[type=text],[type=search],[type=email],[type=password],[type=url],[type=tel],[type=number]),body textarea,body [contenteditable=true]{font-family:var(--font-reading)!important;font-weight:600!important;letter-spacing:0}body input.search{font-size:16px}body input:is(:not([type]),[type=text],[type=search],[type=email],[type=password],[type=url],[type=tel],[type=number])::placeholder,body textarea::placeholder{font-family:var(--font-reading);font-weight:600}