@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500&display=swap";:root{color-scheme:dark;font-family:Inter,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#131313;color:#e5e2e1;--surface: #131313;--surface-dim: #131313;--surface-bright: #393939;--surface-container-lowest: #0e0e0e;--surface-container-low: #1c1b1b;--surface-container: #201f1f;--surface-container-high: #2a2a2a;--surface-container-highest: #353534;--on-surface: #e5e2e1;--on-surface-variant: #bccbb9;--inverse-surface: #e5e2e1;--inverse-on-surface: #313030;--outline: #869585;--outline-variant: #3d4a3d;--surface-tint: #53e076;--primary: #53e076;--on-primary: #003914;--primary-container: #1db954;--on-primary-container: #004118;--inverse-primary: #006e2d;--secondary: #c8c6c5;--on-secondary: #303030;--secondary-container: #474746;--on-secondary-container: #b7b5b4;--tertiary: #c8c6c6;--on-tertiary: #303030;--tertiary-container: #a2a1a1;--on-tertiary-container: #383838;--error: #ffb4ab;--on-error: #690005;--error-container: #93000a;--on-error-container: #ffdad6;--background: #131313;--on-background: #e5e2e1;--bg: #131313;--bg-soft: #0d110f;--surface-1: rgba(19, 19, 19, .94);--surface-2: rgba(28, 27, 27, .96);--surface-3: rgba(35, 35, 35, .98);--surface-hover: rgba(45, 45, 45, .98);--border: rgba(131, 149, 133, .18);--border-strong: rgba(131, 149, 133, .32);--text: #e5e2e1;--text-muted: #bccbb9;--text-soft: #8f9b90;--primary-strong: #1db954;--primary-ink: #03240d;--danger: #ffb4ab;--danger-bg: rgba(147, 0, 10, .16);--warning: #f2cf75;--warning-bg: rgba(242, 207, 117, .14);--success-bg: rgba(83, 224, 118, .12);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 40px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-soft: 0 24px 60px rgba(0, 0, 0, .34);--shadow-focus: 0 0 0 1px rgba(83, 224, 118, .8), 0 0 0 6px rgba(83, 224, 118, .12)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{min-height:100vh;background:var(--background);color:var(--on-surface);font-family:Inter,Segoe UI,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}select{color-scheme:dark}button,input,select,textarea,a{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease,opacity .18s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.app-shell{display:grid;grid-template-areas:"topbar topbar" "sidenav main";grid-template-columns:260px minmax(0,1fr);grid-template-rows:64px minmax(0,1fr);min-height:100vh;background:var(--background)}.top-app-bar{grid-area:topbar;position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);height:64px;padding:0 var(--spacing-lg);background:#131313cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(61,74,61,.3)}.top-app-bar-start{display:flex;align-items:center;gap:var(--spacing-md)}.top-app-bar-brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:var(--primary);font-size:1.1rem;font-weight:800;letter-spacing:-.03em}.brand-mark{width:12px;height:12px;border-radius:var(--radius-full);background:var(--primary);box-shadow:0 0 24px #53e0768c}.brand-text{font-size:1.1rem;font-weight:800;letter-spacing:-.03em}.top-app-bar-nav{display:none;align-items:center;gap:var(--spacing-sm)}.top-nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 var(--spacing-md);padding-bottom:2px;border-bottom:2px solid transparent;color:var(--on-surface-variant);text-decoration:none;font-size:.8rem;font-weight:600;letter-spacing:.04em;transition:all .18s ease}.top-nav-link:hover{color:var(--on-surface)}.top-nav-link.is-active{color:var(--primary);border-bottom-color:var(--primary);background:transparent;border-radius:0}.top-app-bar-end{display:flex;align-items:center;gap:var(--spacing-md)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--on-surface-variant);cursor:pointer;transition:all .18s ease}.icon-button:hover{color:var(--primary);background:#ffffff0a}.icon-button .icon{width:20px;height:20px}.user-menu{position:relative}.user-avatar{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary-container);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease}.user-avatar:hover{border-color:var(--primary);box-shadow:0 0 0 4px #53e0761f}.avatar-text{text-transform:uppercase}.user-menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;display:none;min-width:200px;padding:var(--spacing-sm);border:1px solid var(--outline-variant);border-radius:var(--radius-md);background:var(--surface-container-low);box-shadow:var(--shadow-soft)}.user-menu:hover .user-menu-dropdown,.user-menu:focus-within .user-menu-dropdown{display:block}.user-menu-header{padding:var(--spacing-md);border-bottom:1px solid var(--outline-variant)}.user-menu-name{font-weight:700;color:var(--on-surface)}.user-menu-role{margin-top:4px;color:var(--on-surface-variant);font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.user-menu-item{display:block;width:100%;padding:var(--spacing-md);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--on-surface-variant);text-align:left;font-weight:600;cursor:pointer;transition:all .18s ease}.user-menu-item:hover{color:var(--on-surface);background:var(--surface-container-high)}.side-nav{grid-area:sidenav;position:sticky;top:64px;display:flex;flex-direction:column;height:calc(100vh - 64px);padding:var(--spacing-lg) var(--spacing-md);background:var(--surface-container-low);border-right:1px solid var(--outline-variant);overflow-y:auto}.side-nav-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.side-nav-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:0 var(--spacing-md);border-radius:var(--radius-md);color:var(--on-surface-variant);text-decoration:none;font-weight:700;transition:all .18s ease}.side-nav-link:hover{color:var(--on-surface);background:#ffffff0a}.side-nav-link.is-active{color:var(--primary);background:#53e0761f;border:1px solid rgba(83,224,118,.14)}.side-nav-icon{font-size:1.25rem}.side-nav-label{font-size:.875rem}.main-content{grid-area:main;display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-lg);min-width:0;overflow-x:hidden}.content-header{display:flex;justify-content:space-between;gap:var(--spacing-lg);align-items:flex-start}.content-header-copy{display:grid;gap:12px}.content-eyebrow{margin:0;color:var(--on-surface-variant);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.content-title{margin:0;font-size:clamp(2.2rem,4vw,4rem);line-height:.98;letter-spacing:-.04em;color:var(--on-background)}.content-description{margin:0;max-width:52ch;color:var(--on-surface-variant);font-size:1.125rem;line-height:1.75}.content-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.content-body{display:grid;gap:var(--spacing-lg)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;justify-content:space-around;align-items:center;height:64px;padding:0 var(--spacing-md);background:var(--background);border-top:1px solid var(--outline-variant);box-shadow:0 -4px 12px #0003}.bottom-nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:var(--spacing-sm);color:var(--on-surface-variant);text-decoration:none;font-size:.75rem;font-weight:600;transition:all .18s ease}.bottom-nav-link.is-active{color:var(--primary)}.bottom-nav-icon{font-size:1.25rem}.bottom-nav-label{font-size:.625rem;letter-spacing:.05em;text-transform:uppercase}@media(min-width:768px){.top-app-bar-nav{display:flex}}@media(max-width:767px){.app-shell{grid-template-areas:"topbar" "main";grid-template-columns:1fr;grid-template-rows:64px minmax(0,1fr)}.side-nav{display:none}.bottom-nav{display:flex}.main-content{padding:var(--spacing-lg) var(--spacing-md);padding-bottom:80px}.content-title{font-size:clamp(1.75rem,6vw,2.5rem)}}.ats-song-name{display:flex;align-items:center;gap:8px;margin:0 0 16px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-container);color:var(--on-surface);font-size:.875rem;font-weight:600}.ats-state{color:var(--on-surface-variant);font-size:.85rem;text-align:center;padding:12px 0}.modal-panel--wide{width:min(680px,calc(100vw - 32px))}.vm-player{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9;background:#000;border:1px solid rgba(255,255,255,.08)}.vm-player-iframe{width:100%;height:100%;border:0;display:block}.vm-section{display:flex;flex-direction:column;gap:12px}.vm-section-header{display:flex;align-items:center;gap:8px;font-size:1.1rem}.vm-section-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-background)}.vm-bento-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.vm-bento-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 8px;border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.vm-bento-btn:hover{background:var(--surface-container-high);border-color:#ffffff1a;transform:translateY(-1px)}.vm-bento-btn.is-active{border-color:var(--primary);box-shadow:0 0 16px #53e07633;background:#53e07614}.vm-bento-emoji{font-size:1.5rem;line-height:1}.vm-bento-label{font-size:.65rem;font-weight:600;letter-spacing:.03em;color:var(--on-surface-variant);text-align:center;line-height:1.3}.vm-bento-btn.is-active .vm-bento-label{color:var(--primary)}.vm-comment-section{display:flex;flex-direction:column;gap:8px}.vm-comment-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--on-surface-variant)}.vm-comment-input{width:100%;padding:12px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;resize:vertical;outline:none;transition:all .18s ease}.vm-comment-input::placeholder{color:var(--on-surface-variant);opacity:.4}.vm-comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.vm-submit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.vm-submit-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.vm-voting-as{margin:0;font-size:.85rem;font-style:italic;color:var(--on-surface-variant)}.vm-voting-name{color:var(--primary);font-weight:700;font-style:normal}.vm-submit-btn{padding:12px 28px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 0 20px #53e0764d;transition:all .18s ease}.vm-submit-btn.is-secondary{background:transparent;color:var(--primary);border:1px solid rgba(83,224,118,.35);box-shadow:none}.vm-submit-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 0 28px #53e07673}.vm-submit-btn.is-secondary:hover:not(:disabled){background:#53e07614;box-shadow:none}.vm-submit-btn:disabled{opacity:.6;cursor:wait}.sd-vote-hero-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e0764d}.sd-vote-hero-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e07673}.sd-vote-hero-btn.is-voted{background:transparent;border:1px solid rgba(83,224,118,.3);color:var(--primary);box-shadow:none}.sd-vote-hero-btn.is-voted:hover{background:#53e07614;border-color:var(--primary);box-shadow:none}@media(max-width:600px){.vm-bento-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.vm-submit-row{flex-direction:column;align-items:stretch}.vm-submit-actions{width:100%;flex-direction:column;align-items:stretch}.vm-submit-btn{width:100%}}.sd-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.sd-state.is-error{color:var(--error)}.sd-empty{color:var(--on-surface-variant);font-size:.875rem;font-style:italic}.sd-back-btn{display:inline-flex;align-items:center;gap:6px;color:var(--on-surface-variant);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .18s ease}.sd-back-btn:hover{color:var(--primary)}.sd-layout{display:flex;flex-direction:column;gap:24px}.sd-hero{position:relative;min-height:220px;border-radius:var(--radius-xl);background:var(--surface-container-low);overflow:hidden;display:flex;align-items:flex-end;padding:24px 28px}.sd-hero-content{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.sd-hero-left{display:flex;flex-direction:column;gap:8px}.sd-status-badge{display:inline-flex;align-items:center;padding:3px 12px;border-radius:var(--radius-full);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:fit-content}.sd-status-badge.is-green{background:#53e07626;color:var(--primary);border:1px solid rgba(83,224,118,.2)}.sd-status-badge.is-green-dim{background:#53e07614;color:var(--primary);opacity:.85}.sd-status-badge.is-orange{background:#ffb4ab1a;color:#ffb4ab}.sd-status-badge.is-red{background:#ffb4ab1a;color:var(--error)}.sd-status-badge.is-neutral{background:#ffffff0f;color:var(--on-surface-variant)}.sd-hero-title{margin:0;font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;color:#fff;line-height:1.05}.sd-hero-artist{margin:0;font-size:1.1rem;color:#ffffffb3;font-weight:500}.sd-hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.sd-edit-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07640}.sd-edit-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e07659}.sd-play-btn{display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .18s ease}.sd-play-btn:hover{background:#53e07626;border-color:var(--primary);color:var(--primary)}.sd-player{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:16 / 9;background:#000;border:1px solid rgba(255,255,255,.08)}.sd-player-iframe{width:100%;height:100%;border:0;display:block}.sd-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:20px;align-items:start}.sd-card-title{margin:0 0 14px;font-size:.875rem;font-weight:700;color:var(--on-surface);letter-spacing:.02em}.sd-left{display:flex;flex-direction:column;gap:16px}.sd-score-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sd-score-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 12px;border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid rgba(61,74,61,.1);text-align:center}.sd-score-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant)}.sd-ring{--sd-progress: 0%;position:relative;width:72px;height:72px;border-radius:var(--radius-full);background:radial-gradient(circle at center,var(--surface-container) 58%,transparent 59%),conic-gradient(var(--primary) 0 var(--sd-progress),rgba(255,255,255,.1) var(--sd-progress) 100%);display:flex;align-items:center;justify-content:center}.sd-ring-value{font-size:1rem;font-weight:800;color:var(--on-surface)}.sd-difficulty-value{font-size:1.1rem;font-weight:700;color:var(--primary)}.sd-difficulty-bars{display:flex;gap:4px;width:100%}.sd-difficulty-bar{flex:1;height:4px;border-radius:var(--radius-full);background:#ffffff1a}.sd-difficulty-bar.is-active{background:var(--primary)}.sd-global-score{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface-container-high);border:1px solid rgba(61,74,61,.1)}.sd-global-num{font-size:2rem;font-weight:800;color:var(--on-surface);letter-spacing:-.03em}.sd-global-max{font-size:.85rem;color:var(--on-surface-variant)}.sd-stars{display:flex;gap:2px}.sd-star{font-size:1.4rem;color:#ffffff26}.sd-star.is-filled{color:var(--primary)}.sd-origin-card{display:flex;flex-direction:column;gap:6px;padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.sd-origin-label{margin:0;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.sd-origin-name{font-size:1rem;font-weight:700;color:var(--on-surface)}.sd-origin-date{margin:0;font-size:.8rem;color:var(--on-surface-variant)}.sd-votes-card{display:flex;flex-direction:column;gap:10px;padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.sd-votes-header{display:flex;justify-content:space-between;align-items:center}.sd-votes-count{font-size:.75rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--primary);padding:2px 8px;border-radius:var(--radius-full);background:#53e0761a}.sd-votes-progress-track{height:4px;border-radius:var(--radius-full);background:var(--surface-container-highest);overflow:hidden}.sd-votes-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--primary);transition:width .4s ease}.sd-votes-meta{margin:0;font-size:.75rem;color:var(--on-surface-variant)}.sd-voters-block{display:flex;flex-direction:column;gap:8px}.sd-voters-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.sd-voters-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px}.sd-voter-chip{padding:6px 10px;border-radius:var(--radius-full);background:var(--surface-container-high);border:1px solid rgba(61,74,61,.12);color:var(--on-surface);font-size:.78rem;line-height:1.2}.sd-vote-link{font-size:.8rem;font-weight:700;color:var(--primary);text-decoration:none;transition:opacity .18s ease}.sd-vote-link:hover{opacity:.8}.sd-decisions-card{padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.sd-decisions-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.sd-decision-item{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding-top:10px;border-top:1px solid rgba(61,74,61,.12)}.sd-decision-item:first-child{padding-top:0;border-top:none}.sd-decision-main{display:flex;flex-direction:column;gap:4px}.sd-decision-who{font-size:.8rem;font-weight:700;color:var(--on-surface)}.sd-decision-date{font-size:.7rem;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace;white-space:nowrap}.sd-right{display:flex;flex-direction:column;gap:16px}.sd-journey{padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.sd-journey-track{position:relative;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.sd-journey-line{position:absolute;top:16px;left:16px;right:16px;height:2px;background:#ffffff1a;z-index:0}.sd-journey-line-fill{height:100%;background:var(--primary);transition:width .4s ease}.sd-journey-step{display:flex;flex-direction:column;align-items:center;gap:8px;z-index:1}.sd-journey-dot{width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-container-highest);border:2px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.sd-journey-dot.is-done{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.sd-journey-dot.is-active{background:#53e07626;border-color:var(--primary)}.sd-journey-dot-inner{width:10px;height:10px;border-radius:var(--radius-full);background:var(--primary)}.sd-journey-label{font-size:.65rem;font-weight:600;color:var(--on-surface-variant);text-align:center}.sd-journey-label.is-active{color:var(--primary);font-weight:700}.sd-journey-label.is-done{color:var(--on-surface-variant)}.sd-initial-comment{padding-top:14px;border-top:1px solid rgba(61,74,61,.15)}.sd-comment-label{margin:0 0 6px;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.sd-comment-text{margin:0;font-size:.875rem;color:var(--on-surface-variant);font-style:italic;line-height:1.6}.sd-transition-panel{padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(83,224,118,.12)}.sd-transition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.sd-transition-note{font-size:.7rem;color:var(--on-surface-variant);font-style:italic}.sd-transition-form{display:flex;flex-direction:column;gap:12px}.sd-field{display:flex;flex-direction:column;gap:6px}.sd-field-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.sd-field-input{padding:10px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;resize:vertical;transition:all .18s ease}.sd-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.sd-forced-warning{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:#f2cf7514;color:#f2cf75;font-size:.8rem;font-weight:600}.sd-transition-btn{padding:11px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07633}.sd-transition-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #53e0764d}.sd-transition-btn:disabled{opacity:.5;cursor:not-allowed}.sd-feedback{margin:0;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.sd-feedback.is-success{color:var(--primary);background:#53e07614}.sd-feedback.is-error{color:var(--error);background:#ffb4ab14}.sd-history-panel{padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.sd-history-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0;position:relative}.sd-history-list:before{content:"";position:absolute;top:0;left:7px;width:2px;height:100%;background:linear-gradient(180deg,var(--primary) 0%,rgba(61,74,61,.2) 100%)}.sd-history-item{display:flex;gap:14px;padding:12px 0}.sd-history-item:first-child{padding-top:0}.sd-history-dot{width:16px;height:16px;border-radius:var(--radius-full);background:var(--surface-container-highest);border:2px solid var(--outline-variant);flex-shrink:0;margin-top:2px;z-index:1}.sd-history-item:first-child .sd-history-dot{background:var(--primary);border-color:var(--primary)}.sd-history-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.sd-history-top{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.sd-history-date{font-size:.7rem;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace;white-space:nowrap}.sd-history-transition{margin:0;font-size:.75rem;color:var(--on-surface-variant)}.sd-history-comment{margin:0;font-size:.8rem;color:var(--on-surface);font-style:italic}.sd-history-who{margin:0;font-size:.72rem;color:var(--on-surface-variant);font-weight:600}@media(max-width:900px){.sd-grid{grid-template-columns:1fr}}@media(max-width:600px){.sd-hero{min-height:160px;padding:16px}.sd-hero-title{font-size:1.8rem}.sd-score-grid{grid-template-columns:1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade-in .15s ease}.modal-panel{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101;width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 64px);overflow-y:auto;padding:24px;border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid rgba(83,224,118,.15);box-shadow:0 24px 64px #0009;animation:slide-up .2s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translate(-50%,calc(-50% + 16px))}to{opacity:1;transform:translate(-50%,-50%)}}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.modal-title{display:flex;align-items:center;gap:10px;margin:0;font-size:1rem;font-weight:700;color:var(--on-background)}.modal-title svg{color:var(--primary)}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;transition:all .18s ease;flex-shrink:0}.modal-close:hover{color:var(--on-surface);background:var(--surface-container-highest)}.modal-form{display:flex;flex-direction:column;gap:16px}.modal-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.modal-field{display:flex;flex-direction:column;gap:6px}.modal-field--full{grid-column:1 / -1}.modal-checkbox{display:flex;align-items:center;gap:10px;min-height:44px;color:var(--on-surface);font-size:.92rem;font-weight:600;cursor:pointer}.modal-checkbox input{width:18px;height:18px;accent-color:var(--primary);margin:0}.modal-field-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.modal-field-input{padding:10px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;resize:vertical;transition:all .18s ease}.modal-field-input::placeholder{color:var(--on-surface-variant);opacity:.5}.modal-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.modal-warning{display:flex;align-items:center;gap:8px;margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:#f2cf7514;color:#f2cf75;font-size:.82rem;font-weight:600;border:1px solid rgba(242,207,117,.15)}.modal-error{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:#ffb4ab14;color:var(--error);font-size:.82rem;font-weight:600}.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.modal-cancel{padding:10px 20px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease}.modal-cancel:hover{color:var(--on-surface);background:var(--surface-container-high)}.modal-submit{padding:10px 24px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07633}.modal-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #53e0764d}.modal-submit:disabled{opacity:.6;cursor:wait}.modal-submit.is-danger{background:var(--error);box-shadow:0 4px 16px #ffb4ab33}.modal-submit.is-danger:hover:not(:disabled){box-shadow:0 8px 24px #ffb4ab4d}.db-add-song-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07640}.db-add-song-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e07659}.hi-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.hi-state.is-error{color:var(--error)}.hi-empty{padding:48px 24px;text-align:center;color:var(--on-surface-variant);border:1px dashed rgba(61,74,61,.3);border-radius:var(--radius-lg)}.hi-filters{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.hi-search-wrap{position:relative;flex:1;min-width:240px}.hi-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--on-surface-variant);pointer-events:none}.hi-search-input{width:100%;padding:10px 14px 10px 36px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-full);background:var(--surface-container-low);color:var(--on-surface);font-size:.875rem;outline:none;transition:all .18s ease}.hi-search-input::placeholder{color:var(--on-surface-variant);opacity:.5}.hi-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761a}.hi-filter-chips{display:flex;align-items:center;gap:8px}.hi-filter-count{font-size:.75rem;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace}.hi-timeline{position:relative;display:flex;flex-direction:column;gap:24px;max-width:800px}.hi-timeline:before{content:"";position:absolute;top:0;left:19px;width:2px;height:100%;background:linear-gradient(180deg,rgba(83,224,118,.5) 0%,rgba(61,74,61,.3) 60%,transparent 100%);pointer-events:none}.hi-timeline-item{display:flex;align-items:flex-start;gap:16px}.hi-timeline-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface-container-highest);border:3px solid var(--background);flex-shrink:0;z-index:1;color:var(--on-surface-variant)}.hi-icon-check{background:#53e07626;color:var(--primary)}.hi-icon-close{background:#ffb4ab1a;color:var(--error)}.hi-icon-add{background:#53e0761a;color:var(--primary)}.hi-icon-sync{background:var(--surface-container-highest);color:var(--on-surface-variant)}.hi-entry-card{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px;padding:14px 16px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid var(--outline-variant);transition:border-color .18s ease}.hi-entry-card:hover{border-color:#53e0764d}.hi-entry-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.hi-entry-who{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;flex-wrap:wrap}.hi-member-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary-container);font-size:.72rem;font-weight:700;flex-shrink:0}.hi-entry-action{display:flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:.8rem;line-height:1.5}.hi-member-name{font-weight:700;color:var(--on-surface)}.hi-action-verb{color:var(--on-surface-variant)}.hi-song-link{color:var(--primary);font-weight:700;text-decoration:none;transition:opacity .18s ease}.hi-song-link:hover{opacity:.8;text-decoration:underline}.hi-entry-time{font-size:.7rem;font-family:JetBrains Mono,monospace;color:var(--on-surface-variant);white-space:nowrap;flex-shrink:0;opacity:.6}.hi-status-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.hi-status-badge.is-green{background:#53e07626;color:var(--primary)}.hi-status-badge.is-green-dim{background:#53e07614;color:var(--primary);opacity:.8}.hi-status-badge.is-orange{background:#ffb4ab14;color:#ffb4ab}.hi-status-badge.is-red{background:#ffb4ab1a;color:var(--error)}.hi-status-badge.is-neutral{background:#ffffff0f;color:var(--on-surface-variant)}.hi-forced-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:var(--radius-full);background:#f2cf751f;color:#f2cf75;font-size:.6rem;font-weight:700}.hi-transition{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.hi-arrow{color:var(--on-surface-variant);flex-shrink:0}.hi-entry-comment{display:flex;gap:10px;align-items:flex-start}.hi-comment-bar{width:2px;min-height:100%;background:#53e07633;border-radius:1px;flex-shrink:0;align-self:stretch}.hi-comment-text{margin:0;font-size:.8rem;color:var(--on-surface-variant);font-style:italic;line-height:1.6}.hi-entry-song{display:flex;align-items:center;gap:6px;padding-top:6px;border-top:1px solid rgba(61,74,61,.12)}.hi-entry-song svg{color:var(--on-surface-variant);flex-shrink:0}.hi-song-meta-link{font-size:.75rem;color:var(--on-surface-variant);text-decoration:none;transition:color .18s ease}.hi-song-meta-link:hover{color:var(--primary)}@media(max-width:600px){.hi-timeline:before{left:15px}.hi-timeline-icon{width:32px;height:32px}.hi-entry-header{flex-direction:column;gap:6px}}.rh-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.rh-state.is-error{color:var(--error)}.rh-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:60px 24px;text-align:center;color:var(--on-surface-variant);border:1px dashed rgba(61,74,61,.3);border-radius:var(--radius-xl)}.rh-empty-btn{padding:10px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease}.rh-empty-btn:hover{opacity:.9;transform:translateY(-1px)}.rh-new-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .18s ease;box-shadow:0 4px 16px #53e07640}.rh-new-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e07659}.rh-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:28px 32px;border-radius:var(--radius-xl);background:linear-gradient(180deg,var(--surface-container-low) 0%,var(--background) 100%);border:1px solid rgba(61,74,61,.15);flex-wrap:wrap}.rh-hero-left{display:flex;flex-direction:column;gap:8px}.rh-hero-badges{display:flex;align-items:center;gap:10px}.rh-live-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);background:#53e07626;color:var(--primary);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border:1px solid rgba(83,224,118,.2)}.rh-hero-id{font-size:.72rem;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace}.rh-hero-title{margin:0;font-size:clamp(1.8rem,4vw,3rem);font-weight:800;letter-spacing:-.03em;color:var(--on-background);line-height:1.1}.rh-hero-meta{display:flex;flex-wrap:wrap;gap:16px}.rh-hero-meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--on-surface-variant)}.rh-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.rh-attendees-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.rh-attendees{display:flex}.rh-attendee-avatar{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-container);border:2px solid var(--background);margin-left:-8px;font-size:.75rem;font-weight:700;color:var(--on-primary-container)}.rh-attendee-avatar:first-child{margin-left:0}.rh-attendee-avatar.is-overflow{background:var(--surface-container-highest);color:var(--on-surface-variant);font-size:.65rem}.rh-workspace{display:grid;grid-template-columns:280px minmax(0,1fr);gap:20px;align-items:start}.rh-col-header{display:flex;align-items:center;gap:8px;margin-bottom:14px}.rh-col-icon{color:var(--on-surface-variant)}.rh-col-icon.is-green{color:var(--primary)}.rh-col-title{margin:0;font-size:.875rem;font-weight:700;color:var(--on-surface);letter-spacing:.04em;text-transform:uppercase}.rh-col-sessions{display:flex;flex-direction:column;gap:0;padding:16px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.rh-sessions-list{display:flex;flex-direction:column;gap:8px;max-height:480px;overflow-y:auto;margin-bottom:12px}.rh-session-card{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:var(--radius-md);background:var(--surface-container);border:1px solid transparent;cursor:pointer;text-align:left;transition:all .18s ease;width:100%}.rh-session-card:hover{background:var(--surface-container-high);border-color:#3d4a3d33}.rh-session-card.is-active{background:var(--surface-container-highest);border-color:var(--primary);border-left-width:3px}.rh-session-card-top{display:flex;align-items:center;gap:10px}.rh-session-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:36px;padding:4px 6px;border-radius:var(--radius-sm);background:#53e07614;flex-shrink:0}.rh-session-month{font-size:.5rem;font-weight:700;letter-spacing:.06em;color:var(--primary);text-transform:uppercase}.rh-session-day{font-size:1rem;font-weight:900;color:var(--primary);line-height:1}.rh-session-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rh-session-name{font-size:.85rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rh-session-date{font-size:.7rem;color:var(--on-surface-variant)}.rh-live-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.55rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;flex-shrink:0}.rh-session-comment{margin:0;font-size:.72rem;color:var(--on-surface-variant);font-style:italic;padding-left:46px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rh-events-link{font-size:.75rem;color:var(--primary);text-decoration:none;font-weight:600;padding:8px 4px 0;transition:opacity .18s ease}.rh-events-link:hover{opacity:.8}.rh-col-notes{padding:20px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15);min-height:400px}.rh-notes-heading{margin:0 0 16px;font-size:1.25rem;font-weight:700;color:var(--on-surface);letter-spacing:-.02em}.rh-notes-quote{display:flex;gap:12px;padding:14px 16px;border-radius:var(--radius-md);background:#0000004d;border:1px solid rgba(61,74,61,.2);margin-bottom:16px}.rh-quote-icon{color:var(--primary);flex-shrink:0;margin-top:2px}.rh-notes-quote p{margin:0;font-size:.875rem;color:var(--on-surface-variant);font-style:italic;line-height:1.6}.rh-notes-empty{color:var(--on-surface-variant);font-size:.875rem;font-style:italic}.rh-edit-btn{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .18s ease}.rh-edit-btn:hover{color:var(--primary);border-color:#53e0764d;background:#53e0760d}.rh-edit-form{display:flex;flex-direction:column;gap:12px}.rh-setlist-section{margin-top:20px;padding-top:16px;border-top:1px solid rgba(61,74,61,.15);display:flex;flex-direction:column;gap:12px}.rh-setlist-header{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.rh-setlist-title{margin:0;font-size:.85rem;font-weight:700;color:var(--on-surface)}.rh-setlist-select{padding:6px 12px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.8rem;outline:none;transition:all .18s ease;max-width:200px}.rh-setlist-select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #53e0761a}.rh-setlist-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:6px}.rh-setlist-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:var(--radius-md);background:var(--surface-container);border-left:3px solid var(--primary)}.rh-setlist-num{font-size:.72rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--on-surface-variant);flex-shrink:0;width:20px}.rh-setlist-item-info{display:flex;flex-direction:column;gap:2px;min-width:0}.rh-setlist-item-title{font-size:.85rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rh-setlist-item-artist{font-size:.72rem;color:var(--on-surface-variant)}.rh-delete-btn{margin-right:auto;padding:8px 16px;border:1px solid rgba(255,180,171,.3);border-radius:var(--radius-full);background:transparent;color:var(--error);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s ease}.rh-delete-btn:hover:not(:disabled){background:#ffb4ab1a;border-color:var(--error)}.rh-delete-btn:disabled{opacity:.5;cursor:wait}.rh-notes-meta{display:flex;flex-direction:column;gap:8px;padding-top:16px;border-top:1px solid rgba(61,74,61,.15)}.rh-notes-meta-item{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--on-surface-variant)}.rh-col-decisions{display:flex;flex-direction:column;gap:14px}.rh-decisions-panel{padding:16px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.rh-checklist{display:flex;flex-direction:column;gap:10px}.rh-check-item{display:flex;align-items:center;gap:10px}.rh-check-box{width:18px;height:18px;border-radius:4px;border:2px solid var(--outline-variant);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.rh-check-box.is-checked{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.rh-check-label{font-size:.8rem;color:var(--on-surface)}.rh-check-label.is-done{color:var(--on-surface-variant);text-decoration:line-through;opacity:.6}.rh-focus-card{padding:16px;border-radius:var(--radius-lg);background:var(--primary);color:var(--on-primary)}.rh-focus-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.rh-focus-label{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.rh-focus-track{height:4px;border-radius:var(--radius-full);background:#0003;overflow:hidden;margin-bottom:8px}.rh-focus-fill{height:100%;border-radius:var(--radius-full);background:#000000b3;transition:width .4s ease}.rh-focus-text{margin:0;font-size:.72rem;font-weight:700;opacity:.85}.rh-quick-links{display:flex;flex-direction:column;gap:6px}.rh-quick-link{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15);color:var(--on-surface-variant);font-size:.8rem;font-weight:600;text-decoration:none;transition:all .18s ease}.rh-quick-link:hover{color:var(--primary);border-color:#53e07633;background:var(--surface-container-high)}.rh-form-panel{padding:24px;border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid rgba(83,224,118,.15);box-shadow:0 8px 32px #0000004d}.rh-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.rh-form-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-background)}.rh-form-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;transition:all .18s ease}.rh-form-close:hover{color:var(--on-surface);background:var(--surface-container-highest)}.rh-form{display:flex;flex-direction:column;gap:16px}.rh-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.rh-field{display:flex;flex-direction:column;gap:6px}.rh-field--full{grid-column:1 / -1}.rh-field-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.rh-field-input{padding:10px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;resize:vertical;transition:all .18s ease}.rh-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.rh-form-actions{display:flex;justify-content:flex-end;gap:10px}.rh-form-cancel{padding:10px 20px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease}.rh-form-cancel:hover{color:var(--on-surface);background:var(--surface-container-high)}.rh-form-submit{padding:10px 24px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07633}.rh-form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #53e0764d}.rh-form-submit:disabled{opacity:.6;cursor:wait}.rh-feedback{margin:0;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.rh-feedback.is-success{color:var(--primary);background:#53e07614}.rh-feedback.is-error{color:var(--error);background:#ffb4ab14}@media(max-width:1100px){.rh-workspace{grid-template-columns:1fr}}@media(max-width:768px){.rh-workspace{grid-template-columns:1fr}.rh-hero{flex-direction:column;align-items:flex-start}.rh-form-grid{grid-template-columns:1fr}}.sl-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.sl-state.is-error{color:var(--error)}.sl-link{color:var(--primary);font-weight:700;text-decoration:none}.sl-link:hover{text-decoration:underline}.sl-empty{display:flex;flex-direction:column;align-items:center;gap:16px;padding:48px 24px;text-align:center;color:var(--on-surface-variant);border:1px dashed rgba(61,74,61,.3);border-radius:var(--radius-lg)}.sl-create-bar{padding:14px 20px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(83,224,118,.15)}.sl-create-form{display:flex;align-items:center;gap:10px}.sl-create-input{flex:1;padding:8px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;transition:all .18s ease}.sl-create-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.sl-create-submit{padding:8px 16px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s ease}.sl-create-submit:hover{opacity:.9}.sl-create-cancel{padding:8px 16px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s ease}.sl-create-cancel:hover{color:var(--on-surface);background:var(--surface-container-high)}.sl-event-bar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px 20px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15)}.sl-event-select-wrap{display:flex;align-items:center;gap:10px;flex:1;min-width:200px}.sl-event-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);white-space:nowrap}.sl-event-select{flex:1;padding:8px 12px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;transition:all .18s ease}.sl-event-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.sl-event-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sl-event-type-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);background:#53e0761a;color:var(--primary);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.sl-event-date{font-size:.78rem;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace}.sl-event-comment{font-size:.78rem;color:var(--on-surface-variant);font-style:italic}.sl-save-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}.sl-save-btn:hover:not(:disabled){background:var(--surface-container-high);border-color:var(--primary);color:var(--primary)}.sl-save-btn:disabled{opacity:.5;cursor:wait}.sl-action-btn{display:inline-flex;align-items:center;padding:6px 14px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.75rem;font-weight:700;cursor:pointer;transition:all .18s ease;white-space:nowrap}.sl-action-btn:hover{color:var(--on-surface);background:var(--surface-container-high);border-color:var(--on-surface-variant)}.sl-action-btn.is-danger{color:var(--error);border-color:#ffb4ab4d}.sl-action-btn.is-danger:hover{background:#ffb4ab14;border-color:var(--error)}.sl-save-main-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:9px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.8rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07633;white-space:nowrap}.sl-save-main-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #53e0764d}.sl-save-main-btn:disabled{opacity:.5;cursor:wait}.sl-feedback{margin:0;padding:10px 16px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.sl-feedback.is-success{color:var(--primary);background:#53e07614}.sl-feedback.is-error{color:var(--error);background:#ffb4ab14}.sl-builder{display:grid;grid-template-columns:5fr 7fr;gap:0;border-radius:var(--radius-xl);border:1px solid rgba(61,74,61,.15);overflow:hidden;min-height:600px}.sl-library{display:flex;flex-direction:column;background:var(--surface-container-lowest);border-right:1px solid rgba(61,74,61,.15)}.sl-library-header{display:flex;flex-direction:column;gap:12px;padding:20px;border-bottom:1px solid rgba(61,74,61,.1)}.sl-library-title-row{display:flex;align-items:center;justify-content:space-between}.sl-library-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-surface)}.sl-library-count{font-size:.65rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--primary);padding:2px 8px;border-radius:var(--radius-full);background:#53e0761a}.sl-library-search-wrap{position:relative}.sl-search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:var(--on-surface-variant);pointer-events:none}.sl-search-input{width:100%;padding:8px 12px 8px 32px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-lg);background:var(--surface-container);color:var(--on-surface);font-size:.8rem;outline:none;transition:all .18s ease}.sl-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #53e0761a}.sl-search-input::placeholder{color:var(--on-surface-variant);opacity:.5}.sl-library-list{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:6px}.sl-library-empty{padding:24px;text-align:center;color:var(--on-surface-variant);font-size:.85rem}.sl-library-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.1);transition:all .18s ease;cursor:default}.sl-library-item:hover{background:var(--surface-container-high);border-color:#3d4a3d33}.sl-library-item-thumb{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--surface-container-highest);color:var(--primary);flex-shrink:0;transition:all .18s ease}.sl-library-item:hover .sl-library-item-thumb{background:#53e0761a}.sl-library-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sl-library-item-title{font-size:.875rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-library-item-artist{font-size:.72rem;color:var(--on-surface-variant)}.sl-library-add-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-full);background:#53e0761a;color:var(--primary);cursor:pointer;flex-shrink:0;transition:all .18s ease;opacity:0}.sl-library-item:hover .sl-library-add-btn{opacity:1}.sl-library-add-btn:hover{background:var(--primary);color:var(--on-primary);transform:scale(1.1)}.sl-setlist{display:flex;flex-direction:column;background:var(--background)}.sl-setlist-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 24px;border-bottom:1px solid rgba(61,74,61,.1)}.sl-setlist-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-surface)}.sl-setlist-subtitle{margin:2px 0 0;font-size:.75rem;color:var(--on-surface-variant)}.sl-energy-bar{padding:12px 24px;background:#0e0e0e80;border-bottom:1px solid rgba(61,74,61,.1)}.sl-energy-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.sl-energy-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant)}.sl-energy-peak{font-size:.65rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--primary)}.sl-energy-bars{display:flex;align-items:flex-end;gap:3px;height:48px}.sl-energy-bar-item{flex:1;border-radius:2px 2px 0 0;background:#53e07633;border-top:2px solid rgba(83,224,118,.4);transition:height .3s ease;min-height:4px}.sl-setlist-items{flex:1;overflow-y:auto;padding:12px 16px;display:flex;flex-direction:column;gap:8px}.sl-setlist-empty{padding:40px 24px;text-align:center;color:var(--on-surface-variant);font-size:.85rem;display:flex;flex-direction:column;gap:4px}.sl-setlist-item{display:flex;flex-direction:column;gap:6px}.sl-drag-handle{color:#ffffff26;cursor:grab;padding:0 4px;flex-shrink:0;display:flex;align-items:center}.sl-setlist-item-inner{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:var(--radius-md);background:var(--surface-container-high);border-left:3px solid var(--primary)}.sl-setlist-item-main{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.sl-setlist-num{font-size:.72rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--on-surface-variant);flex-shrink:0;width:24px}.sl-setlist-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.sl-setlist-item-title{font-size:.875rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sl-setlist-item-comment{font-size:.72rem;color:var(--on-surface-variant)}.sl-setlist-item-actions{display:flex;gap:4px;flex-shrink:0}.sl-item-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--surface-container-highest);color:var(--on-surface-variant);cursor:pointer;transition:all .18s ease}.sl-item-btn:hover:not(:disabled){color:var(--on-surface);background:var(--surface-bright)}.sl-item-btn:disabled{opacity:.3;cursor:not-allowed}.sl-item-btn.is-remove:hover:not(:disabled){color:var(--error);background:#ffb4ab1a}.sl-setlist-item-comment-input{width:100%;padding:6px 10px;border:1px solid rgba(61,74,61,.2);border-radius:var(--radius-sm);background:transparent;color:var(--on-surface-variant);font-size:.75rem;outline:none;transition:all .18s ease}.sl-setlist-item-comment-input::placeholder{color:var(--on-surface-variant);opacity:.4}.sl-setlist-item-comment-input:focus{border-color:#53e0764d;color:var(--on-surface)}.sl-setlist-footer{display:flex;align-items:center;gap:24px;padding:14px 24px;background:var(--surface-container-lowest);border-top:1px solid rgba(61,74,61,.15)}.sl-footer-stat{display:flex;flex-direction:column;gap:2px}.sl-footer-label{font-size:.55rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant)}.sl-footer-val{font-size:1.1rem;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--primary);line-height:1}.sl-footer-save-btn{margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 0 16px #53e07640}.sl-footer-save-btn:hover:not(:disabled){box-shadow:0 0 24px #53e07666;transform:scale(1.04)}.sl-footer-save-btn:disabled{opacity:.5;cursor:wait}@media(max-width:900px){.sl-builder{grid-template-columns:1fr}.sl-library{border-right:none;border-bottom:1px solid rgba(61,74,61,.15);max-height:400px}}.ev-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.ev-state.is-error{color:var(--error)}.ev-empty{padding:48px 24px;text-align:center;color:var(--on-surface-variant);border:1px dashed rgba(61,74,61,.4);border-radius:var(--radius-lg)}.ev-new-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .18s ease;box-shadow:0 4px 16px #53e07640}.ev-new-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e07659}.ev-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ev-card{border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.1);overflow:hidden;transition:all .25s ease}.ev-card:hover{border-color:#53e07640;transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.ev-card-thumb{position:relative;height:180px;overflow:hidden;display:flex;align-items:center;justify-content:center}.ev-card-thumb-top{position:absolute;top:12px;left:12px;z-index:2}.ev-type-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ev-type-badge.is-concert{background:var(--primary);color:var(--on-primary)}.ev-type-badge.is-jam{background:var(--secondary-container);color:var(--on-secondary-container)}.ev-type-badge.is-rehearsal{background:var(--on-tertiary-container);color:#fff}.ev-card-date-badge{position:absolute;bottom:12px;right:12px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-md);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(61,74,61,.3);color:var(--on-surface);font-size:.72rem;font-weight:600;font-family:JetBrains Mono,monospace}.ev-card-date-badge svg{color:var(--primary)}.ev-card-thumb-icon{width:64px;height:64px;color:#53e07626}.ev-card-body{display:flex;flex-direction:column;gap:14px;padding:16px 20px 20px}.ev-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.ev-card-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--on-surface);line-height:1.3}.ev-card-location{display:flex;align-items:center;gap:4px;margin:4px 0 0;font-size:.78rem;color:var(--on-surface-variant)}.ev-card-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:48px;padding:8px;border-radius:var(--radius-md);background:#53e07614;border:1px solid rgba(83,224,118,.12);flex-shrink:0}.ev-card-date-month{font-size:.55rem;font-weight:700;letter-spacing:.08em;color:var(--primary);text-transform:uppercase}.ev-card-date-day{font-size:1.4rem;font-weight:900;color:var(--primary);line-height:1}.ev-card-prep{display:flex;flex-direction:column;gap:5px}.ev-card-prep-header{display:flex;justify-content:space-between;align-items:center}.ev-card-prep-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant)}.ev-card-prep-pct{font-size:.65rem;font-weight:700;color:var(--primary)}.ev-card-prep-track{height:4px;border-radius:var(--radius-full);background:var(--surface-container-highest);overflow:hidden}.ev-card-prep-fill{height:100%;border-radius:var(--radius-full);background:var(--primary);transition:width .4s ease}.ev-card-actions{display:flex;gap:8px}.ev-card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:9px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;text-decoration:none;transition:all .18s ease;border:none;cursor:pointer}.ev-card-btn.is-primary{background:var(--primary);color:var(--on-primary);box-shadow:0 2px 8px #53e07633}.ev-card-btn.is-primary:hover{opacity:.9;transform:translateY(-1px)}.ev-card-btn.is-secondary{background:transparent;border:1px solid rgba(61,74,61,.4);color:var(--on-surface)}.ev-card-btn.is-secondary:hover{background:var(--surface-container-high);border-color:var(--outline-variant)}.ev-add-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px 24px;border:2px dashed rgba(61,74,61,.3);border-radius:var(--radius-xl);background:transparent;cursor:pointer;transition:all .2s ease;text-align:center}.ev-add-placeholder:hover{border-color:#53e07666;background:var(--surface-container-low)}.ev-add-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface-variant);transition:all .2s ease}.ev-add-placeholder:hover .ev-add-icon{background:#53e0761a;color:var(--primary);transform:scale(1.1)}.ev-add-label{font-size:1rem;font-weight:700;color:var(--on-surface-variant);transition:color .2s ease}.ev-add-placeholder:hover .ev-add-label{color:var(--on-surface)}.ev-add-sub{margin:0;font-size:.8rem;color:var(--on-surface-variant);max-width:200px}.ev-form-panel{padding:24px;border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid rgba(83,224,118,.15);box-shadow:0 8px 32px #0000004d}.ev-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.ev-form-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-background)}.ev-form-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;transition:all .18s ease}.ev-form-close:hover{color:var(--on-surface);background:var(--surface-container-highest)}.ev-form{display:flex;flex-direction:column;gap:16px}.ev-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ev-field{display:flex;flex-direction:column;gap:6px}.ev-field--full{grid-column:1 / -1}.ev-field-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.ev-field-input{padding:10px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;resize:vertical;transition:all .18s ease}.ev-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.ev-form-actions{display:flex;justify-content:flex-end;gap:10px}.ev-form-cancel{padding:10px 20px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease}.ev-form-cancel:hover{color:var(--on-surface);background:var(--surface-container-high)}.ev-form-submit{padding:10px 24px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07633}.ev-form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #53e0764d}.ev-form-submit:disabled{opacity:.6;cursor:wait}.ev-feedback{margin:0;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.ev-feedback.is-success{color:var(--primary);background:#53e07614}.ev-feedback.is-error{color:var(--error);background:#ffb4ab14}@media(max-width:900px){.ev-grid{grid-template-columns:1fr}}@media(max-width:600px){.ev-form-grid{grid-template-columns:1fr}}.am-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.am-state.is-error{color:var(--error)}.am-invite-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all .18s ease;box-shadow:0 4px 16px #53e07640}.am-invite-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e07659}.am-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.am-stat-card{padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.2);display:flex;flex-direction:column;gap:8px}.am-stat-card.is-accent{background:var(--primary);border-color:transparent}.am-stat-card.is-accent .am-stat-label{color:#003914cc}.am-stat-card.is-accent .am-stat-num{color:var(--on-primary)}.am-stat-card.is-accent .am-stat-sub{color:#003914b3}.am-stat-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant)}.am-stat-value-row{display:flex;align-items:baseline;gap:8px}.am-stat-num{font-size:2rem;font-weight:800;color:var(--primary);letter-spacing:-.03em;line-height:1}.am-stat-sub{font-size:.85rem;color:var(--on-surface-variant)}.am-members-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.am-member-card{display:flex;flex-direction:column;gap:14px;padding:16px;border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid rgba(61,74,61,.1);transition:all .25s ease}.am-member-card:hover{border-color:#53e0764d;background:var(--surface-container-high)}.am-card-top{display:flex;gap:14px;align-items:flex-start}.am-avatar-wrap{position:relative;flex-shrink:0}.am-avatar{width:72px;height:72px;border-radius:var(--radius-lg);background:var(--surface-container-highest);display:flex;align-items:center;justify-content:center;border:2px solid rgba(61,74,61,.2);transition:all .25s ease}.am-member-card:hover .am-avatar{border-color:#53e0764d}.am-avatar-initials{font-size:1.25rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.am-online-dot{position:absolute;bottom:-4px;right:-4px;width:16px;height:16px;border-radius:var(--radius-full);background:var(--surface-container-highest);border:3px solid var(--surface-container)}.am-online-dot.is-linked{background:var(--primary);animation:pulse-green 2s infinite}.am-card-header-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.am-card-name-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.am-card-name{margin:0;font-size:1rem;font-weight:700;color:var(--on-surface)}.am-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em}.am-status-badge.is-active{background:#53e0761a;color:var(--primary);border:1px solid rgba(83,224,118,.2)}.am-status-badge.is-inactive{background:#ffb4ab1a;color:var(--error);border:1px solid rgba(255,180,171,.2)}.am-card-instrument{margin:0;font-size:.78rem;color:var(--primary);font-weight:600;font-family:JetBrains Mono,monospace;text-transform:uppercase;letter-spacing:.04em}.am-role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:fit-content}.am-role-badge.is-admin{background:#53e07626;color:var(--primary)}.am-role-badge.is-manager{background:#c8c6c51f;color:var(--secondary)}.am-role-badge.is-member{background:#ffffff0f;color:var(--on-surface-variant)}.am-participation{display:flex;flex-direction:column;gap:6px}.am-participation-header{display:flex;justify-content:space-between;align-items:center}.am-participation-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--on-surface-variant)}.am-participation-pct{font-size:.7rem;font-weight:700;color:var(--primary)}.am-participation-track{height:4px;border-radius:var(--radius-full);background:var(--surface-container-highest);overflow:hidden}.am-participation-fill{height:100%;border-radius:var(--radius-full);transition:width .4s ease}.am-participation-fill.is-high{background:var(--primary);box-shadow:0 0 6px #53e07666}.am-participation-fill.is-mid{background:var(--primary);opacity:.6}.am-participation-fill.is-low{background:var(--error);opacity:.7}.am-card-auth{margin:0;font-size:.72rem;color:var(--on-surface-variant)}.am-card-actions{display:flex;gap:8px;padding-top:10px;border-top:1px solid rgba(61,74,61,.15)}.am-card-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:var(--radius-md);font-size:.78rem;font-weight:700;cursor:pointer;transition:all .18s ease;border:none}.am-card-btn.is-secondary{background:var(--secondary-container);color:var(--on-secondary-container)}.am-card-btn.is-secondary:hover{background:var(--surface-container-highest);color:var(--on-surface)}.am-card-btn.is-ghost{background:transparent;border:1px solid var(--outline-variant);color:var(--on-surface-variant)}.am-card-btn.is-ghost:hover{color:var(--on-surface);background:var(--surface-container-high)}.am-card-btn.is-danger{background:transparent;border:1px solid rgba(255,180,171,.3);color:var(--error)}.am-card-btn.is-danger:hover{background:#ffb4ab14;border-color:var(--error)}.am-form-panel{padding:24px;border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid rgba(83,224,118,.15);box-shadow:0 8px 32px #0000004d}.am-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.am-form-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-background)}.am-form-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:var(--surface-container-high);color:var(--on-surface-variant);cursor:pointer;transition:all .18s ease}.am-form-close:hover{color:var(--on-surface);background:var(--surface-container-highest)}.am-form{display:flex;flex-direction:column;gap:16px}.am-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.am-field{display:flex;flex-direction:column;gap:6px}.am-field--checkbox{flex-direction:row;align-items:center;gap:10px;grid-column:1 / -1}.am-field-label{font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.am-field-input{padding:10px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;transition:all .18s ease}.am-field-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.am-field-optional{font-weight:400;color:var(--on-surface-variant);font-size:.65rem;letter-spacing:.04em;text-transform:none}.am-field-hint{font-size:.7rem;color:var(--on-surface-variant);font-style:italic;margin-top:2px}.am-form-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:4px}.am-form-cancel{padding:10px 20px;border:1px solid var(--outline-variant);border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease}.am-form-cancel:hover{color:var(--on-surface);background:var(--surface-container-high)}.am-form-submit{padding:10px 24px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07633}.am-form-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #53e0764d}.am-form-submit:disabled{opacity:.6;cursor:wait}.am-feedback{margin:0;padding:10px 14px;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600}.am-feedback.is-success{color:var(--primary);background:#53e07614}.am-feedback.is-error{color:var(--error);background:#ffb4ab14}.am-current-user{margin:0;padding:12px 16px;border-radius:var(--radius-md);background:var(--surface-container);color:var(--on-surface-variant);font-size:.8rem;text-align:center}@media(max-width:900px){.am-members-grid{grid-template-columns:1fr}.am-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.am-stats-grid,.am-form-grid{grid-template-columns:1fr}}.db-board-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.db-board-state.is-error{color:var(--error)}.db-board-topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.db-board-stats{display:flex;gap:12px}.db-board-stat-chip{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-lg);background:var(--surface-container-high)}.db-board-stat-num{font-size:1.5rem;font-weight:800;color:var(--primary);letter-spacing:-.02em;line-height:1}.db-board-stat-lbl{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--on-surface-variant);text-transform:uppercase;line-height:1.4}.db-board-new-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.875rem;font-weight:700;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .18s ease;box-shadow:0 4px 16px #53e07640}.db-board-new-btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #53e07659}.db-board-kanban{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:start;overflow-x:auto}.db-board-column{display:flex;flex-direction:column;gap:12px}.db-board-col-header{padding:0 4px}.db-board-col-title-row{display:flex;align-items:center;gap:8px}.db-board-col-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-background)}.db-board-col-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);background:var(--surface-container-highest);color:var(--on-surface-variant);font-size:.7rem;font-weight:700}.db-board-col-count.is-green{background:var(--primary);color:var(--on-primary)}.db-board-cards{display:flex;flex-direction:column;gap:12px;min-height:96px;border-radius:var(--radius-lg);transition:background .18s ease,outline-color .18s ease}.db-board-column.can-drop .db-board-cards{outline:1px dashed transparent;outline-offset:4px}.db-board-column.is-drop-target .db-board-cards{background:#53e0760f;outline-color:#53e07673}.db-board-empty-col{padding:24px 16px;text-align:center;color:var(--on-surface-variant);font-size:.85rem;border:1px dashed rgba(61,74,61,.3);border-radius:var(--radius-lg)}.db-board-card{position:relative;display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid var(--outline-variant);transition:all .2s ease;overflow:hidden}.db-board-card:hover{border-color:#53e07666;background:var(--surface-container-high)}.db-board-card.is-draggable{cursor:grab}.db-board-card.is-draggable:active{cursor:grabbing}.db-board-card.is-dragging{opacity:.55;transform:scale(.98)}.db-board-card.is-featured{background:var(--surface-container-high);border-color:#53e0764d;box-shadow:0 4px 20px #0000004d}.db-board-card-accent-bar{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--primary),var(--primary-container),var(--primary))}.db-board-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.db-board-card-title-group{flex:1;min-width:0}.db-board-card-title{margin:0;font-size:.95rem;font-weight:700;color:var(--on-surface);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-board-card-artist{margin:2px 0 0;font-size:.72rem;color:var(--on-surface-variant)}.db-board-card-score{display:inline-flex;align-items:center;gap:3px;font-size:.78rem;font-weight:700;color:var(--primary);font-family:JetBrains Mono,monospace;flex-shrink:0}.db-board-card-status{display:flex;align-items:center;gap:6px}.db-board-status-pill{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:.65rem;font-weight:700;letter-spacing:.04em;background:#ffffff0f;color:var(--on-surface-variant)}.db-board-status-pill.status-candidate{background:#53e0761a;color:var(--primary)}.db-board-status-pill.status-to_discuss{background:#53e07614;color:var(--primary)}.db-board-status-pill.status-rehearsal_trial{background:#ffb4ab1a;color:var(--error)}.db-board-status-pill.status-jam_concert_candidate{background:#c8c6c51a;color:var(--secondary)}.db-board-status-pill.status-ready_to_play{background:#53e07626;color:var(--primary)}.db-board-new-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:4px;background:var(--surface-container-highest);color:var(--primary);font-size:.6rem;font-weight:900;letter-spacing:.06em}.db-board-participation{display:flex;flex-direction:column;gap:5px}.db-board-participation-header{display:flex;justify-content:space-between;align-items:center}.db-board-participation-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;color:var(--on-surface-variant);text-transform:uppercase}.db-board-participation-pct{font-size:.65rem;font-weight:700;color:var(--primary)}.db-board-progress-track{height:4px;border-radius:var(--radius-full);background:var(--surface-container-highest);overflow:hidden}.db-board-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--primary);opacity:.5;transition:width .4s ease}.db-board-progress-fill.is-complete{opacity:1;box-shadow:0 0 6px #53e07680}.db-board-vote-count{margin:0;font-size:.72rem;color:var(--on-surface-variant)}.db-board-card-actions{display:flex;gap:6px;padding-top:8px;border-top:1px solid rgba(61,74,61,.2)}.db-board-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 10px;border-radius:var(--radius-md);font-size:.75rem;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .18s ease;white-space:nowrap}.db-board-btn.is-primary{background:var(--primary);color:var(--on-primary)}.db-board-btn.is-primary:hover{opacity:.9;transform:translateY(-1px)}.db-board-btn.is-voted{background:transparent;border:1px solid rgba(83,224,118,.3);color:var(--primary)}.db-board-btn.is-voted:hover{background:#53e07614;border-color:var(--primary)}.db-board-btn.is-secondary{background:var(--surface-container-highest);color:var(--on-surface)}.db-board-btn.is-secondary:hover{background:var(--surface-bright)}.db-board-btn.is-ghost{flex:0 0 auto;width:34px;padding:7px;background:var(--surface-container-highest);color:var(--on-surface-variant)}.db-board-btn.is-ghost:hover{color:var(--primary);background:#53e0761a}.db-board-dnd-note,.db-board-status-message{margin:10px 0 0;font-size:.8rem;color:var(--on-surface-variant)}.db-board-status-message.is-success{color:var(--primary)}.db-board-status-message.is-error{color:var(--error)}.db-board-back-link{display:inline-flex;align-items:center;gap:6px;color:var(--on-surface-variant);font-size:.85rem;font-weight:600;text-decoration:none;transition:color .18s ease}.db-board-back-link:hover{color:var(--primary)}@media(max-width:1200px){.db-board-kanban{grid-template-columns:repeat(3,minmax(220px,1fr))}}@media(max-width:900px){.db-board-kanban{grid-template-columns:repeat(2,minmax(220px,1fr))}}@media(max-width:600px){.db-board-topbar{flex-direction:column;align-items:stretch}.db-board-new-btn{justify-content:center}.db-board-kanban{grid-template-columns:1fr}}.vp-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.vp-state.is-error{color:var(--error)}.vp-empty{padding:48px 24px;text-align:center;color:var(--on-surface-variant);border:1px dashed rgba(61,74,61,.4);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:8px}.vp-summary-bar{display:flex;gap:12px;flex-wrap:wrap}.vp-summary-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:var(--radius-md);background:var(--surface-container);border:1px solid rgba(61,74,61,.15)}.vp-summary-num{font-size:1.4rem;font-weight:800;color:var(--on-background);letter-spacing:-.02em;line-height:1}.vp-summary-num.is-accent{color:var(--primary)}.vp-summary-lbl{font-size:.65rem;font-weight:700;letter-spacing:.1em;color:var(--on-surface-variant);text-transform:uppercase;line-height:1.3;max-width:80px}.vp-list{display:flex;flex-direction:column;gap:32px;max-width:860px}.vp-card{border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.15);overflow:hidden}.vp-hero{position:relative;height:200px;display:flex;align-items:flex-end;overflow:hidden}.vp-hero-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.vp-hero-close{position:absolute;top:10px;right:10px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:6px;background:#000000b3;color:#fff;cursor:pointer}.vp-hero-content{position:relative;z-index:1;width:100%;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px 24px}.vp-hero-meta{display:flex;flex-direction:column;gap:4px}.vp-hero-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;width:fit-content;margin-bottom:4px}.vp-hero-title{margin:0;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.02em;line-height:1.1}.vp-hero-artist{margin:0;font-size:.9rem;color:#ffffffb3}.vp-hero-right{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.vp-vote-count-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-full);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1)}.vp-vote-avatars{display:flex}.vp-vote-avatar{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-container-high);border:2px solid #000;font-size:.6rem;font-weight:700;color:var(--on-surface);margin-left:-6px}.vp-vote-avatar:first-child{margin-left:0}.vp-vote-count-label{font-size:.75rem;font-weight:600;color:var(--on-surface)}.vp-hero-play{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:none;border-radius:var(--radius-full);background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .18s ease}.vp-hero-play:hover{background:var(--primary);color:var(--on-primary);border-color:var(--primary)}.vp-form{display:flex;flex-direction:column;gap:24px;padding:24px}.vp-section{display:flex;flex-direction:column;gap:12px}.vp-section-header{display:flex;align-items:center;gap:8px}.vp-section-icon{font-size:1.1rem}.vp-section-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-background)}.vp-bento-grid{display:grid;gap:8px}.vp-bento-grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}.vp-bento-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:16px 8px;border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid rgba(255,255,255,.05);cursor:pointer;transition:all .2s ease}.vp-bento-btn:hover{background:var(--surface-container-high);border-color:#ffffff1a;transform:translateY(-1px)}.vp-bento-btn.is-active{border-color:var(--primary);box-shadow:0 0 16px #53e07633;background:#53e07614}.vp-bento-btn--sm{padding:12px 8px}.vp-bento-emoji{font-size:1.6rem;line-height:1}.vp-bento-btn--sm .vp-bento-emoji{font-size:1.2rem}.vp-bento-label{font-size:.65rem;font-weight:600;letter-spacing:.04em;color:var(--on-surface-variant);text-align:center;line-height:1.3}.vp-bento-btn.is-active .vp-bento-label{color:var(--primary)}.vp-submit-panel{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid rgba(255,255,255,.05)}.vp-comment-label{font-size:.65rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-surface-variant)}.vp-comment-input{width:100%;padding:12px 14px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;resize:vertical;outline:none;transition:all .18s ease}.vp-comment-input::placeholder{color:var(--on-surface-variant);opacity:.4}.vp-comment-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.vp-submit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.vp-voting-as{margin:0;font-size:.8rem;font-style:italic;color:var(--on-surface-variant)}.vp-voting-name{color:var(--primary);font-weight:700;font-style:normal}.vp-submit-btn{padding:12px 32px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.9rem;font-weight:700;cursor:pointer;box-shadow:0 0 20px #53e0764d;transition:all .18s ease}.vp-submit-btn:hover:not(:disabled){transform:scale(1.04);box-shadow:0 0 28px #53e07673}.vp-submit-btn:disabled{opacity:.6;cursor:wait}.vp-feedback{margin:0;font-size:.85rem;font-weight:600;padding:8px 12px;border-radius:var(--radius-sm)}.vp-feedback.is-success{color:var(--primary);background:#53e07614}.vp-feedback.is-error{color:var(--error);background:#ffb4ab14}.vp-group-votes{display:flex;flex-direction:column;gap:12px;padding-top:8px;border-top:1px solid rgba(61,74,61,.15)}.vp-group-votes-title{margin:0;font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant)}.vp-group-votes-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.vp-group-vote-row{display:flex;align-items:flex-start;gap:10px}.vp-group-vote-avatar{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-full);background:var(--primary-container);color:var(--on-primary-container);font-size:.7rem;font-weight:700;flex-shrink:0}.vp-group-vote-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.vp-group-vote-name{font-size:.85rem;font-weight:700;color:var(--on-background)}.vp-group-vote-detail{font-size:.75rem;color:var(--on-surface-variant)}.vp-group-vote-comment{font-size:.75rem;color:var(--on-surface-variant);font-style:italic;flex-shrink:0;max-width:200px;text-align:right}@media(max-width:600px){.vp-bento-grid--5{grid-template-columns:repeat(3,minmax(0,1fr))}.vp-hero{height:160px}.vp-hero-content{flex-direction:column;align-items:flex-start}.vp-hero-right{flex-direction:row;align-items:center}.vp-submit-row{flex-direction:column;align-items:stretch}.vp-submit-btn{width:100%}}.db-state{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.db-state.is-error{color:var(--error)}.db-empty{color:var(--on-surface-variant);font-size:.9rem;padding:16px 0}.db-layout{display:flex;flex-direction:column;gap:32px}.db-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.db-stat-card{display:flex;flex-direction:column;gap:8px;padding:20px 24px;border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid rgba(61,74,61,.1);transition:background .18s ease}.db-stat-card:hover{background:var(--surface-container-high)}.db-stat-card.is-urgent{border-color:#ffb4ab26}.db-stat-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:4px}.db-stat-icon{color:var(--primary)}.db-stat-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);background:#53e0761a;color:var(--primary);font-size:.7rem;font-weight:700;font-family:JetBrains Mono,monospace}.db-stat-badge.is-error{background:#ffb4ab1a;color:var(--error)}.db-stat-label{margin:0;color:var(--on-surface-variant);font-size:.65rem;font-weight:700;letter-spacing:.1em}.db-stat-value{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;color:var(--on-background);line-height:1.2}.db-main-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:start}.db-left-col{display:flex;flex-direction:column;gap:24px}.db-right-col,.db-section{display:flex;flex-direction:column;gap:16px}.db-section-header{display:flex;justify-content:space-between;align-items:center}.db-section-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--on-background)}.db-section-link{color:var(--primary);font-size:.8rem;font-weight:600;text-decoration:none;transition:opacity .18s ease}.db-section-link:hover{opacity:.8}.db-tab-list{display:flex;flex-wrap:wrap;gap:8px}.db-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(61,74,61,.18);border-radius:var(--radius-full);background:var(--surface-container-low);color:var(--on-surface-variant);font-size:.82rem;font-weight:700;cursor:pointer;transition:all .18s ease}.db-tab-btn:hover{color:var(--on-surface);border-color:#53e0764d}.db-tab-btn.is-active{background:#53e0761f;border-color:#53e07642;color:var(--primary)}.db-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-full);background:#ffffff0f;color:inherit;font-size:.72rem;font-family:JetBrains Mono,monospace}.db-vote-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.db-vote-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.2);overflow:hidden;transition:all .25s ease}.db-vote-card:hover{border-color:#53e07666;transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.db-vote-thumb{position:relative;aspect-ratio:1 / 1;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0d1a0d}.db-vote-iframe{width:100%;height:100%;border:0;display:block}.db-vote-close{position:absolute;top:6px;right:6px;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:4px;background:#000000b3;color:#fff;cursor:pointer;z-index:2}.db-vote-thumb-icon{width:36px;height:36px;color:#53e07633}.db-vote-play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000004d;border:none;padding:0;cursor:pointer;opacity:0;transition:opacity .2s ease}.db-vote-card:hover .db-vote-play-overlay{opacity:1}.db-vote-play-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);box-shadow:0 4px 16px #53e07666;transform:translateY(4px);transition:transform .2s ease}.db-vote-card:hover .db-vote-play-btn{transform:translateY(0)}.db-vote-body{display:flex;flex-direction:column;gap:6px;padding:12px 14px 14px}.db-vote-title{margin:0;font-size:.9rem;font-weight:700;color:var(--on-background);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-vote-artist{margin:0;font-size:.75rem;color:var(--on-surface-variant)}.db-vote-meta{margin:0;font-size:.7rem;color:var(--on-surface-variant)}.db-vote-actions{display:flex;gap:6px;margin-top:4px}.db-vote-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:5px 10px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;text-decoration:none;border:1px solid transparent;transition:all .18s ease}.db-vote-btn.is-primary{background:#53e0761a;border-color:#53e07633;color:var(--primary)}.db-vote-btn.is-primary:hover{background:var(--primary);color:var(--on-primary)}.db-vote-btn.is-secondary{background:var(--surface-container-high);border-color:#3d4a3d33;color:var(--on-surface-variant)}.db-vote-btn.is-secondary:hover{color:var(--on-surface);background:var(--surface-container-highest)}.db-popular-panel{display:flex;flex-direction:column;gap:16px;padding:20px 24px;border-radius:var(--radius-xl);background:var(--surface-container-low)}.db-track-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px}.db-track-row{display:flex;align-items:center;gap:12px;padding:8px;border-radius:var(--radius-md);transition:background .18s ease}.db-track-row:hover{background:#ffffff0a}.db-track-row.is-active{background:#53e0760d;border-left:3px solid var(--primary);padding-left:5px}.db-track-num{width:20px;text-align:center;font-size:.75rem;font-weight:600;color:var(--on-surface-variant);font-family:JetBrains Mono,monospace;flex-shrink:0}.db-track-row.is-active .db-track-num{color:var(--primary)}.db-track-thumb{width:36px;height:36px;border-radius:6px;background:var(--surface-container-highest);flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center;color:var(--on-surface-variant)}.db-track-thumb-img{width:100%;height:100%;object-fit:cover}.db-track-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.db-track-name{font-size:.875rem;font-weight:700;color:var(--on-background);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-track-row.is-active .db-track-name{color:var(--primary)}.db-track-meta{font-size:.7rem;color:var(--on-surface-variant)}.db-track-status{font-size:.7rem;color:var(--on-surface-variant);white-space:nowrap;flex-shrink:0}.db-track-score{display:flex;align-items:center;gap:4px;flex-shrink:0}.db-track-score-val{font-size:.875rem;font-weight:700;color:var(--on-surface-variant)}.db-track-score-val.is-green{color:var(--primary)}.db-track-more{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:4px;color:var(--on-surface-variant);text-decoration:none;opacity:0;transition:all .18s ease;flex-shrink:0}.db-track-row:hover .db-track-more{opacity:1;color:var(--on-surface)}.db-track-more.is-visible{opacity:1}.db-event-hero{position:relative;overflow:hidden;padding:20px;border-radius:var(--radius-xl);background:var(--primary);color:var(--on-primary)}.db-event-hero-bg{position:absolute;top:-40px;right:-40px;width:120px;height:120px;border-radius:var(--radius-full);background:#ffffff1a;pointer-events:none}.db-event-hero-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.db-event-hero-title{margin:0;font-size:1rem;font-weight:700}.db-event-hero-date-row{display:flex;align-items:center;gap:12px}.db-event-hero-date-box{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:52px;padding:8px;border-radius:var(--radius-md);background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:center}.db-event-hero-month{font-size:.6rem;font-weight:700;opacity:.7;text-transform:uppercase}.db-event-hero-day{font-size:1.5rem;font-weight:900;line-height:1}.db-event-hero-name{margin:0;font-weight:700;font-size:.9rem}.db-event-hero-type{margin:0;font-size:.75rem;opacity:.85}.db-event-hero-empty{margin:0;font-size:.85rem;opacity:.85}.db-event-hero-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:var(--radius-md);background:#000000d9;color:var(--primary);font-size:.8rem;font-weight:700;text-decoration:none;transition:background .18s ease}.db-event-hero-btn:hover{background:#000}.db-members-panel{display:flex;flex-direction:column;gap:14px;padding:20px;border-radius:var(--radius-xl);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.1)}.db-members-count{font-size:.75rem;padding:2px 10px;border-radius:var(--radius-full);background:var(--surface-container-highest);color:var(--on-surface-variant)}.db-members-avatars{display:flex;flex-wrap:wrap;gap:8px}.db-member-avatar{position:relative;width:36px;height:36px;border-radius:var(--radius-full);background:var(--primary-container);border:2px solid var(--primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-member-avatar.is-overflow{background:var(--surface-container-highest);border:2px dashed var(--outline-variant)}.db-member-avatar--sm{width:28px;height:28px}.db-member-initial{font-size:.75rem;font-weight:700;color:var(--on-primary-container);text-transform:uppercase}.db-member-avatar.is-overflow .db-member-initial{color:var(--on-surface-variant);font-size:.65rem}.db-member-dot{position:absolute;bottom:0;right:0;width:9px;height:9px;border-radius:var(--radius-full);background:var(--primary);border:2px solid var(--surface-container-low)}.db-members-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:0}.db-members-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid rgba(61,74,61,.12)}.db-members-row:first-child{border-top:none;padding-top:0}.db-members-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.db-members-name{font-size:.85rem;font-weight:700;color:var(--on-background)}.db-members-instrument{font-size:.7rem;color:var(--on-surface-variant)}.db-members-role{font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);padding:2px 8px;border-radius:var(--radius-full);background:var(--surface-container-high)}.db-admin-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.1)}.db-admin-label{margin:0;font-size:.8rem;font-weight:700;color:var(--on-surface-variant)}.db-admin-btn{display:inline-flex;align-items:center;padding:6px 14px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:.78rem;font-weight:700;text-decoration:none;white-space:nowrap;transition:opacity .18s ease}.db-admin-btn:hover{opacity:.85}@media(max-width:1100px){.db-main-grid{grid-template-columns:1fr}.db-right-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:900px){.db-stats-grid,.db-vote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.db-stats-grid,.db-vote-grid,.db-right-col{grid-template-columns:1fr}}.sc-new-song-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-weight:700;font-size:.875rem;text-decoration:none;white-space:nowrap;cursor:pointer;transition:all .18s ease;box-shadow:0 8px 24px #53e0764d}.sc-new-song-btn:hover{transform:translateY(-1px);box-shadow:0 12px 32px #53e07666}.sc-toolbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:var(--radius-lg);background:var(--surface-container);border:1px solid rgba(61,74,61,.2);box-shadow:0 4px 24px #0003}.sc-search-wrap{position:relative;flex:1;min-width:0}.sc-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--on-surface-variant);width:16px;height:16px;pointer-events:none}.sc-search-input{width:100%;padding:8px 12px 8px 38px;border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-md);background:var(--surface-container-lowest);color:var(--on-surface);font-size:.875rem;outline:none;transition:all .18s ease}.sc-search-input::placeholder{color:var(--on-surface-variant);opacity:.6}.sc-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #53e0761f}.sc-filter-pills{display:flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 12px;border-radius:var(--radius-full);background:var(--surface-container-high);border:1px solid rgba(61,74,61,.3)}.sc-filter-label{color:var(--on-surface-variant);font-size:.75rem;font-weight:600;white-space:nowrap}.sc-filter-btn{padding:2px 8px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--on-surface-variant);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.sc-filter-btn:hover{color:var(--on-surface)}.sc-filter-btn.is-active{color:var(--primary);font-weight:700}.sc-filter-divider{width:1px;height:16px;background:#3d4a3d66;margin:0 4px}.sc-sort-icon{display:inline-flex;align-items:center;color:var(--primary)}.sc-state-msg{margin:0;padding:24px;color:var(--on-surface-variant);text-align:center}.sc-results-meta{margin:0 0 16px;color:var(--on-surface-variant);font-size:.85rem}.sc-state-msg.is-error{color:var(--error)}.sc-empty{padding:48px 24px;text-align:center;color:var(--on-surface-variant);border:1px dashed rgba(61,74,61,.4);border-radius:var(--radius-lg)}.sc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sc-load-more-sentinel{width:100%;height:1px}.sc-load-more-label{margin:18px 0 0;text-align:center;color:var(--on-surface-variant);font-size:.85rem}.sc-card{display:flex;flex-direction:column;border-radius:var(--radius-lg);background:var(--surface-container-low);border:1px solid rgba(61,74,61,.1);overflow:hidden;transition:all .25s ease}.sc-card:hover{border-color:#53e0764d;background:var(--surface-container-high);transform:translateY(-2px);box-shadow:0 8px 32px #0000004d}.sc-card-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#0d1a0d}.sc-card-thumb--player{background:#000}.sc-card-iframe{width:100%;height:100%;border:0;display:block}.sc-card-close-player{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:#000000b3;color:#fff;cursor:pointer;z-index:2;transition:background .18s ease}.sc-card-close-player:hover{background:#000000e6}.sc-card-thumb-icon{width:40px;height:40px;color:#53e07633}.sc-card:hover .sc-card-thumb-icon{color:#53e07659}.sc-score-badge{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:4px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.7rem;font-weight:700}.sc-score-badge svg{color:var(--primary)}.sc-card-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000059;border:none;padding:0;cursor:pointer;opacity:0;transition:opacity .2s ease}.sc-card:hover .sc-card-play{opacity:1}.sc-card-play-btn{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);box-shadow:0 4px 20px #53e07666;transform:translateY(4px);transition:transform .2s ease,box-shadow .2s ease}.sc-card:hover .sc-card-play-btn{transform:translateY(0);box-shadow:0 8px 28px #53e0768c}.sc-card-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}.sc-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.sc-card-title{margin:0;font-size:1rem;font-weight:700;color:var(--on-surface);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-card-menu{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;color:var(--on-surface-variant);text-decoration:none;transition:all .18s ease}.sc-card-menu:hover{color:var(--primary);background:#53e0761a}.sc-card-artist{margin:0;font-size:.8rem;color:var(--on-surface-variant)}.sc-vote-progress{display:flex;flex-direction:column;gap:6px}.sc-vote-progress-header{display:flex;justify-content:space-between;align-items:center}.sc-vote-progress-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;color:var(--on-surface-variant)}.sc-vote-progress-pct{font-size:.7rem;font-weight:700;color:var(--primary)}.sc-progress-track{height:4px;border-radius:var(--radius-full);background:var(--surface-container-highest);overflow:hidden}.sc-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--primary);opacity:.6;transition:width .4s ease}.sc-progress-fill.is-complete{opacity:1;box-shadow:0 0 8px #53e07680}.sc-card-status{display:flex;align-items:center;gap:6px;padding-top:2px}.sc-status-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.sc-status-dot.is-green{background:var(--primary);box-shadow:0 0 8px #53e07699;animation:pulse-green 2s infinite}.sc-status-dot.is-green-dim{background:var(--primary);opacity:.7}.sc-status-dot.is-orange{background:#ffb4ab}.sc-status-dot.is-grey{background:var(--secondary-container)}.sc-status-dot.is-muted{background:var(--surface-variant)}.sc-status-label{font-size:.65rem;font-weight:700;letter-spacing:.06em}.sc-status-label.is-green{color:var(--primary)}.sc-status-label.is-green-dim{color:var(--primary);opacity:.8}.sc-status-label.is-orange{color:#ffb4ab}.sc-status-label.is-grey{color:var(--on-surface-variant)}@keyframes pulse-green{0%,to{box-shadow:0 0 8px #53e07699}50%{box-shadow:0 0 14px #53e076e6}}.sc-card-actions{display:flex;gap:8px;margin-top:10px}.sc-card-action-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:var(--radius-full);font-size:.78rem;font-weight:700;text-decoration:none;cursor:pointer;transition:all .15s;border:none}.sc-card-action-btn.is-primary{background:var(--primary);color:var(--on-primary)}.sc-card-action-btn.is-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #53e0764d}.sc-card-action-btn.is-ghost{background:transparent;border:1px solid var(--outline-variant);color:var(--on-surface-variant)}.sc-card-action-btn.is-ghost:hover{background:var(--surface-container-high);color:var(--on-surface)}.sc-card-action-btn.is-voted{background:transparent;border:1px solid rgba(83,224,118,.3);color:var(--primary)}.sc-card-action-btn.is-voted:hover{background:#53e07614;border-color:var(--primary)}@media(max-width:1200px){.sc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:900px){.sc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sc-toolbar{flex-direction:column;align-items:stretch}.sc-filter-pills{flex-wrap:wrap}}@media(max-width:600px){.sc-grid{grid-template-columns:1fr}}.page{min-height:100vh;display:grid;place-items:center;padding:24px;background:transparent}.public-page{place-items:stretch;padding:0}.pub-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 var(--spacing-lg);background:#131313cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(61,74,61,.3)}.pub-brand{display:flex;align-items:center;gap:10px}.pub-brand-mark{display:block;width:28px;height:28px;background:var(--primary);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E") center / contain no-repeat}.pub-brand-name{font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--primary)}.pub-login-btn{display:inline-flex;align-items:center;padding:8px 20px;border-radius:var(--radius-full);background:var(--surface-container-high);color:var(--on-surface);font-size:14px;font-weight:600;text-decoration:none;border:1px solid var(--outline-variant);transition:all .15s}.pub-login-btn:hover{background:var(--surface-container-highest);border-color:var(--primary);color:var(--primary)}.pub-hero{position:relative;height:420px;display:flex;align-items:flex-end;padding:var(--spacing-lg);overflow:hidden;background:linear-gradient(135deg,#0a1a0f,#131313 40%,#1a0f1a)}@media(min-width:721px){.pub-hero{height:512px;padding:var(--spacing-xl)}}.pub-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--background) 0%,rgba(19,19,19,.4) 50%,transparent 100%);z-index:1}.pub-hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.pub-hero-content{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:var(--spacing-lg)}@media(min-width:721px){.pub-hero-content{flex-direction:row;align-items:flex-end;justify-content:space-between}}.pub-hero-text{display:flex;flex-direction:column;gap:8px}.pub-hero-badge{display:inline-flex;align-items:center;gap:8px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.pub-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:auth-pulse 2s ease-in-out infinite}.pub-hero-title{font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.1;color:var(--on-surface);margin:0}@media(min-width:721px){.pub-hero-title{font-size:56px}}.pub-hero-desc{font-size:16px;line-height:1.6;color:var(--on-surface-variant);max-width:520px;margin:0}@media(min-width:721px){.pub-hero-desc{font-size:18px}}.pub-cta-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;border-radius:var(--radius-full);background:var(--primary);color:var(--on-primary);font-size:16px;font-weight:700;text-decoration:none;border:none;cursor:pointer;transition:all .15s;box-shadow:0 0 20px #53e0764d}.pub-cta-btn:hover{transform:scale(1.05);box-shadow:0 0 30px #53e07666}.pub-cta-btn:active{transform:scale(.95)}.pub-section{max-width:1200px;margin:0 auto;padding:48px var(--spacing-lg)}@media(min-width:721px){.pub-section{padding:64px var(--spacing-lg)}}.pub-section-header{display:flex;align-items:center;gap:12px;margin-bottom:32px}.pub-section-icon{color:var(--primary);flex-shrink:0}.pub-section-title{font-size:24px;font-weight:600;letter-spacing:-.01em;color:var(--on-surface);margin:0;white-space:nowrap}.pub-section-line{flex:1;height:1px;background:#3d4a3d4d}.pub-band-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}@media(min-width:600px){.pub-band-grid{grid-template-columns:repeat(3,1fr)}.pub-member-card.is-wide{grid-column:span 1}}@media(min-width:900px){.pub-band-grid{grid-template-columns:repeat(3,1fr)}.pub-member-card.is-wide{grid-column:span 1}}.pub-member-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);background:var(--surface-container);border:1px solid rgba(61,74,61,.2);border-radius:var(--radius-xl);text-align:center;transition:all .2s}.pub-member-card:hover{background:var(--surface-container-high);border-color:#53e07633;transform:translateY(-2px)}.pub-member-avatar{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--surface-container-highest),var(--surface-container-low));border:2px solid var(--outline-variant);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.pub-member-initials{font-size:20px;font-weight:700;color:var(--primary)}.pub-member-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.pub-member-info{display:flex;flex-direction:column;gap:4px}.pub-member-role{font-family:JetBrains Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--primary)}.pub-member-name{font-size:18px;font-weight:600;color:var(--on-surface);margin:0}.pub-member-desc{font-size:13px;line-height:1.5;color:var(--on-surface-variant);margin:4px 0 0}.pub-tracks-list{background:var(--surface-container-lowest);border:1px solid rgba(61,74,61,.2);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 8px 32px #0000004d}.pub-track-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid rgba(61,74,61,.1);transition:background .15s}.pub-track-row:last-child{border-bottom:none}.pub-track-row:hover{background:var(--surface-container-high)}.pub-track-row:hover .pub-track-play{opacity:1}.pub-track-rank{font-family:JetBrains Mono,monospace;font-size:12px;color:var(--on-surface-variant);width:20px;text-align:center}.pub-track-thumb{width:48px;height:48px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--surface-container-high),var(--surface-container));flex-shrink:0;object-fit:cover}.pub-track-info{flex:1;display:flex;flex-direction:column;gap:2px}.pub-track-title{font-size:15px;font-weight:600;color:var(--on-surface)}.pub-track-artist{font-size:12px;color:var(--on-surface-variant)}.pub-track-play{color:var(--primary);opacity:0;transition:opacity .15s}.pub-track-score{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--primary)}.pub-tracks-more{padding:var(--spacing-md);margin:0;text-align:center;font-size:14px;font-style:italic;color:var(--on-surface-variant)}.pub-studio-card{background:var(--surface-container-low);border:1px solid rgba(61,74,61,.2);border-radius:24px;padding:var(--spacing-xl)}.pub-studio-text{display:flex;flex-direction:column;gap:var(--spacing-md)}.pub-studio-title{font-size:24px;font-weight:600;color:var(--on-surface);margin:0}.pub-studio-desc{font-size:15px;line-height:1.6;color:var(--on-surface-variant);margin:0}.pub-waveform{display:flex;align-items:flex-end;gap:2px;height:48px;margin-top:var(--spacing-sm)}.pub-wave-bar{width:4px;border-radius:4px;background:#535353;transition:background .2s}.pub-wave-bar.is-played{background:var(--primary)}.pub-contact{text-align:center;padding-top:80px;padding-bottom:80px}.pub-contact-title{font-size:32px;font-weight:700;letter-spacing:-.02em;color:var(--on-surface);margin:0 0 16px}@media(min-width:721px){.pub-contact-title{font-size:48px}}.pub-contact-desc{font-size:16px;line-height:1.6;color:var(--on-surface-variant);max-width:600px;margin:0 auto 32px}@media(min-width:721px){.pub-contact-desc{font-size:18px}}.pub-footer{padding:var(--spacing-lg);display:flex;justify-content:center}.pub-footer-brand{display:flex;align-items:center;gap:var(--spacing-sm);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em}@media(max-width:1200px){.song-detail-showcase-grid{grid-template-columns:1fr}.song-detail-cinematic-hero{min-height:320px}}@media(max-width:900px){.song-detail-cinematic-hero{flex-direction:column;align-items:stretch}.song-detail-cinematic-actions{justify-content:flex-start}.song-detail-transition-grid{grid-template-columns:1fr}}@media(max-width:720px){.song-detail-cinematic-hero,.song-detail-spot-card,.song-detail-score-feature,.song-detail-voting-card,.song-detail-journey-panel{padding:24px}.song-detail-cinematic-copy h2{font-size:2.5rem}.song-detail-mini-grid,.song-detail-journey-track{grid-template-columns:1fr}.song-detail-journey-step:before{display:none}.song-detail-score-feature,.song-detail-voting-item,.song-detail-card-heading{flex-direction:column;align-items:stretch}.song-detail-history-item{grid-template-columns:1fr}.song-detail-history-item:before{width:36px;height:36px}}@media(min-width:721px){.auth-status-mark{display:inline-flex;position:fixed;left:24px;bottom:24px}}.auth-page{position:relative;overflow:hidden}.auth-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(120px)}.auth-orb-top{top:-100px;left:25%;width:380px;height:380px;background:#53e07614}.auth-orb-bottom{bottom:-120px;right:20%;width:500px;height:500px;background:#53e0760a}.auth-shell{width:100%;max-width:420px;z-index:10;display:flex;flex-direction:column;align-items:center}.auth-heading{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-xl);text-align:center}.auth-heading .auth-logo{width:72px;height:72px;margin-bottom:var(--spacing-lg)}.auth-heading .auth-logo .public-brand-mark{display:block;width:72px;height:72px;background:var(--primary);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v10.55c-.59-.34-1.27-.55-2-.55-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4V7h4V3h-6z'/%3E%3C/svg%3E") center / contain no-repeat}.auth-heading .eyebrow{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);margin-bottom:var(--spacing-sm)}.auth-heading h1{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--on-surface);margin:0}@media(min-width:721px){.auth-heading h1{font-size:36px}}.auth-panel{width:100%;background:var(--surface-container-low);border:1px solid rgba(61,74,61,.3);border-radius:var(--radius-xl);padding:var(--spacing-lg);box-shadow:0 25px 50px -12px #00000080}@media(min-width:721px){.auth-panel{padding:var(--spacing-xl)}}.auth-google-button{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--primary-container);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 14px #53e07633}.auth-google-button:hover:not(:disabled){transform:scale(1.02);box-shadow:0 6px 20px #53e0764d}.auth-google-button:active:not(:disabled){transform:scale(.97)}.auth-google-button:disabled{opacity:.6;cursor:not-allowed}.auth-divider{display:flex;align-items:center;margin:var(--spacing-lg) 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--outline-variant)}.auth-divider span{padding:0 12px;font-size:12px;font-weight:600;letter-spacing:.03em;color:var(--on-surface-variant);white-space:nowrap}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.auth-form .field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.auth-form .field span{font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--on-surface-variant);margin-left:var(--spacing-xs)}.auth-form .field input{width:100%;height:56px;background:var(--surface-container-lowest);border:1px solid var(--outline-variant);border-radius:var(--radius-md);padding:0 16px;font-size:16px;color:var(--on-surface);font-family:inherit;transition:border-color .2s,box-shadow .2s}.auth-form .field input::placeholder{color:var(--outline)}.auth-form .field input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #53e07633}.auth-magic-button{width:100%;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--on-surface);font-size:14px;font-weight:600;border:1px solid var(--outline-variant);border-radius:var(--radius-full);cursor:pointer;transition:background .15s,border-color .15s}.auth-magic-button:hover:not(:disabled){background:var(--surface-container);border-color:var(--outline)}.auth-magic-button:disabled{opacity:.6;cursor:not-allowed}.auth-panel .feedback{margin-top:var(--spacing-md);padding:12px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.5}.auth-panel .feedback.success{background:var(--success-bg);color:var(--primary);border:1px solid rgba(83,224,118,.2)}.auth-panel .feedback.error{background:var(--danger-bg);color:var(--danger);border:1px solid rgba(255,180,171,.2)}.auth-helper-links{margin-top:var(--spacing-lg);text-align:center;font-size:14px;color:var(--on-surface-variant)}.auth-helper-links a{color:var(--primary);text-decoration:none;font-weight:600}.auth-helper-links a:hover{text-decoration:underline}.auth-intro-after-panel{margin-top:var(--spacing-lg);text-align:center;font-size:14px;line-height:1.6;color:var(--on-surface-variant);max-width:380px}.auth-status-mark{display:none;align-items:center;gap:var(--spacing-sm);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:500;color:var(--on-surface-variant);text-transform:uppercase;letter-spacing:.1em}.auth-status-dot{width:8px;height:8px;border-radius:50%;background:var(--primary);animation:auth-pulse 2s ease-in-out infinite}@keyframes auth-pulse{0%,to{opacity:1}50%{opacity:.4}}.auth-pending-message{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--spacing-md)}.auth-pending-icon{color:var(--primary);opacity:.8}.auth-pending-text{font-size:16px;line-height:1.6;color:var(--on-surface);margin:0}.auth-pending-text strong{color:var(--primary)}.auth-pending-hint{font-size:14px;line-height:1.5;color:var(--on-surface-variant);margin:0}.auth-pending-actions{margin-top:var(--spacing-lg)}