/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--accent:#ff4d58;--accent-gold:#f2a93b;--bg-page:#09090b;--bg-sidebar:#111113;--bg-card:#18181b;--bg-card-hover:#1c1c1f;--bg-card-glass:#09090bd9;--bg-page-glass:#09090bf2;--bg-input:#27272acc;--bg-demo-box:#27272a99;--border:#27272a;--border-subtle:#1f1f23;--border-hover:#3f3f46;--text-primary:#f4f4f5;--text-primary-dim:#e4e4e7;--text-tertiary:#a1a1aa;--text-secondary:#71717a;--text-muted:#52525b;--today-bg:#f4f4f508}[data-theme=light]{--bg-page:#f2ede6;--bg-sidebar:#fdfaf7;--bg-card:#fff;--bg-card-hover:#f8f5f1;--bg-card-glass:#ffffffe0;--bg-page-glass:#f2ede6f2;--bg-input:#f2ede6e6;--bg-demo-box:#fff9;--border:#e5ddd5;--border-subtle:#ede8e0;--border-hover:#d4c9be;--text-primary:#1c1a1f;--text-primary-dim:#3d3a42;--text-tertiary:#6b6677;--text-secondary:#8a8490;--text-muted:#a49fa8;--today-bg:#ff4d580f}*,:before,:after{box-sizing:border-box}body{background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:Segoe UI,system-ui,sans-serif}.auth-wrapper{background-image:url(/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.auth-wrapper:before{content:"";z-index:0;background-color:#0000008c;position:absolute;inset:0}.auth-card{z-index:1;background-color:var(--bg-card-glass);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:1.25rem;width:100%;max-width:26rem;padding:2.5rem 2rem;position:relative}.auth-logo-img{width:auto;height:3rem;margin:0 0 .5rem;display:block}.auth-sub{color:var(--text-secondary);margin:0 0 2rem;font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-error{color:#f87171;background-color:#f871711a;border:1px solid #f8717133;border-radius:.625rem;margin:0;padding:.75rem 1rem;font-size:.8125rem}.auth-success{color:#4ade80;background-color:#4ade801a;border:1px solid #4ade8033;border-radius:.625rem;margin:0 0 1rem;padding:.75rem 1rem;font-size:.8125rem}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1.5rem;font-size:.875rem}.auth-link{color:var(--text-primary-dim);font-weight:600;text-decoration:none}.auth-link:hover{color:#fff}.auth-success-box{text-align:center;padding:1rem 0}.auth-success-icon{margin:0 0 1rem;font-size:3rem}.auth-success-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.25rem;font-weight:700}.auth-success-text{color:var(--text-tertiary);margin:0 0 1rem;font-size:.875rem;line-height:1.6}.auth-success-hint{color:var(--text-muted);margin:0;font-size:.8125rem}.demo-box{background:var(--bg-demo-box);border:1px solid var(--border-hover);text-align:center;border-radius:.75rem;margin-top:1.25rem;padding:1rem 1.125rem}.demo-box-title{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .375rem;font-size:.8125rem;font-weight:700}.demo-box-text{color:var(--text-secondary);margin:0 0 .25rem;font-size:.8125rem}.demo-box-credentials{color:#d4d4d8;margin:0 0 .75rem;font-family:monospace;font-size:.875rem}.demo-box-btn{font-size:.8125rem}.field{flex-direction:column;gap:.375rem;display:flex}.field-label{color:var(--text-tertiary);font-size:.8125rem;font-weight:600}.field-input{background-color:var(--bg-input);border:1px solid var(--border-hover);color:var(--text-primary);border-radius:.625rem;outline:none;padding:.625rem .875rem;font-size:.9375rem;transition:border-color .15s}.field-input:focus{border-color:var(--text-tertiary)}.field-input::placeholder{color:var(--text-muted)}.field-input:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background-color:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:9999px;padding:.625rem 1rem;font-size:.875rem;font-weight:700;transition:background-color .15s,transform .1s}.btn-primary:hover{background-color:#e6404a}.btn-primary:active{transform:scale(.95)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-full{width:100%}.btn-ghost{border:1px solid var(--border-hover);color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:9999px;padding:.4rem .875rem;font-size:.8125rem;transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--text-secondary);color:var(--text-primary)}.btn-play{color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:.875rem;font-weight:600;transition:color .15s}.btn-play:hover{color:var(--text-primary)}.page-wrapper{max-width:64rem;min-height:100vh;margin:0 auto;padding:2rem 1.5rem}.hub-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:0;padding-bottom:1.5rem;display:flex}.hub-logo-img{width:auto;height:2.25rem}.hub-title{letter-spacing:-.05em;text-transform:uppercase;color:var(--text-primary);margin:0;font-size:1.875rem;font-style:italic;font-weight:900}.hub-accent{color:var(--text-tertiary)}.header-right{align-items:center;gap:1rem;display:flex}.header-user{color:var(--text-secondary);font-size:.875rem}.dash-nav{border-bottom:1px solid var(--border);gap:.25rem;margin-bottom:2rem;display:flex;overflow-x:auto}.nav-item{color:var(--text-secondary);white-space:nowrap;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.nav-item:hover{color:var(--text-primary)}.nav-item--active{color:var(--accent);border-bottom-color:var(--accent)}.dashboard-grid{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (width>=640px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.dashboard-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;transition:border-color .2s}.card:hover{border-color:var(--border-hover)}.card--highlight:hover{border-color:var(--text-muted)}.card--clickable{cursor:pointer}.card-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;margin:0 0 1rem;font-size:.6875rem;font-weight:700}.card-title{color:var(--text-primary);margin:0;font-size:1.5rem;font-weight:700}.card-sub{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem}.card-quote{color:var(--text-tertiary);margin:0;font-size:.875rem;font-style:italic;line-height:1.6}.track-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.track-item{background-color:var(--bg-page);border:1px solid var(--border);border-radius:.75rem;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.track-name{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-right:.75rem;font-size:.875rem;font-weight:500;overflow:hidden}.track-time{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.75rem}.overview-idea-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.overview-idea-item{background-color:var(--bg-page);border:1px solid var(--border);border-radius:.75rem;padding:.75rem 1rem}.overview-idea-text{color:var(--text-tertiary);white-space:normal;word-break:break-word;margin:0;font-size:.875rem;line-height:1.5}.overview-idea-more{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:0 0 0 .35rem;font-size:.8125rem;font-weight:600;text-decoration:underline}.avatar-group{margin-top:1.25rem;display:flex}.avatar-group .avatar+.avatar{margin-left:-.5rem}.avatar{border:2px solid var(--bg-card);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:2rem;height:2rem;font-size:.75rem;font-weight:700;display:flex}.avatar--blue{background-color:#3b82f6}.avatar--red{background-color:#ef4444}.avatar--green{background-color:#22c55e}.placeholder-page{min-height:40vh;color:var(--border-hover);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex}.placeholder-icon{font-size:3rem}.placeholder-page h2{color:var(--text-muted);margin:0}.placeholder-page p{margin:0;font-size:.875rem}.cal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.cal-nav{align-items:center;gap:.5rem;display:flex}.cal-nav-btn{padding:.35rem .75rem;font-size:1.1rem;line-height:1}.cal-nav-title{color:var(--text-primary);text-align:center;min-width:16rem;font-size:1rem;font-weight:700}.cal-toolbar-right{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.cal-legend{flex-wrap:wrap;gap:.875rem;display:flex}.cal-legend-item{color:var(--text-secondary);align-items:center;gap:.375rem;font-size:.75rem;display:flex}.cal-legend-dot{border-radius:9999px;flex-shrink:0;width:.5rem;height:.5rem}.cal-import-hint{color:var(--text-tertiary);margin-bottom:1rem;font-size:.85rem;line-height:1.6}.cal-import-error{color:#f87171;margin-top:.5rem;font-size:.85rem}.cal-import-result{color:#d4d4d8;font-size:.95rem;line-height:1.6}.cal-import-select-bar{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.cal-import-select-all{padding:.25rem .75rem;font-size:.8125rem}.cal-import-count{color:var(--text-secondary);font-size:.8125rem}.cal-import-list{flex-direction:column;gap:.375rem;max-height:340px;padding-right:.25rem;display:flex;overflow-y:auto}.cal-import-event{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;border-radius:.5rem;align-items:center;gap:.75rem;padding:.6rem .75rem;transition:border-color .15s;display:flex}.cal-import-event--checked{border-color:#3b82f6}.cal-import-event--exists{opacity:.45;cursor:default}.cal-import-checkbox{accent-color:#3b82f6;cursor:pointer;flex-shrink:0;width:1rem;height:1rem}.cal-import-event--exists .cal-import-checkbox{cursor:default}.cal-import-event-info{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.cal-import-event-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.cal-import-event-meta{color:var(--text-secondary);font-size:.775rem}.cal-import-badge{color:var(--text-secondary);background:var(--border);white-space:nowrap;border-radius:9999px;flex-shrink:0;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.modal-card--wide{width:min(560px,95vw)}.cal-detail-row{color:#d4d4d8;align-items:center;gap:.5rem;font-size:.9rem;display:flex}.cal-view-toggle{background-color:var(--bg-card);border:1px solid var(--border);border-radius:9999px;padding:.2rem;display:flex}.cal-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9999px;padding:.35rem 1rem;font-size:.8125rem;font-weight:600;transition:background-color .15s,color .15s}.cal-toggle-btn--active{background-color:var(--border);color:var(--text-primary)}.cal-container{background-color:var(--bg-card);border:1px solid var(--border);border-radius:1rem;overflow:hidden}.cal-month{width:100%}.cal-weekdays{border-bottom:1px solid var(--border);grid-template-columns:repeat(7,1fr);display:grid}.cal-weekday{text-align:center;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:.75rem 0;font-size:.75rem;font-weight:700}.cal-days{grid-template-columns:repeat(7,1fr);display:grid}.cal-day{border-right:1px solid var(--border);border-bottom:1px solid var(--border);cursor:pointer;min-height:6rem;padding:.5rem;transition:background-color .15s}.cal-day:hover{background-color:var(--bg-page)}.cal-day--empty{cursor:default;background-color:#0000}.cal-day--today{background-color:var(--today-bg)}.cal-day:nth-child(7n){border-right:none}.cal-day-num{width:1.75rem;height:1.75rem;color:var(--text-secondary);border-radius:9999px;justify-content:center;align-items:center;margin-bottom:.25rem;font-size:.8125rem;font-weight:600;display:inline-flex}.cal-day-num--today{background-color:var(--accent);color:#fff;font-weight:700}.cal-day-events{flex-direction:column;gap:.2rem;display:flex}.cal-event-pill{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary-dim);border-radius:.25rem;padding:.15rem .4rem;font-size:.6875rem;font-weight:500;overflow:hidden}.cal-event-more{color:var(--text-muted);padding:.15rem .4rem;font-size:.6875rem}.cal-week{width:100%;overflow-x:auto}.cal-week-header{border-bottom:1px solid var(--border);background-color:var(--bg-card);z-index:1;grid-template-columns:3.5rem repeat(7,1fr);display:grid;position:sticky;top:0}.cal-week-time-col{border-right:1px solid var(--border)}.cal-week-day-header{border-right:1px solid var(--border);cursor:pointer;flex-direction:column;align-items:center;gap:.25rem;padding:.625rem .25rem;transition:background-color .15s;display:flex}.cal-week-day-header:hover{background-color:var(--bg-page)}.cal-week-day-header--today{background-color:var(--today-bg)}.cal-week-day-header:last-child{border-right:none}.cal-week-day-name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.6875rem;font-weight:700}.cal-week-day-num{width:1.75rem;height:1.75rem;color:var(--text-secondary);border-radius:9999px;justify-content:center;align-items:center;font-size:.875rem;font-weight:600;display:inline-flex}.cal-week-day-num--today{background-color:var(--accent);color:#fff}.cal-week-body{max-height:32rem;overflow-y:auto}.cal-week-row{border-bottom:1px solid var(--border-subtle);grid-template-columns:3.5rem repeat(7,1fr);min-height:3rem;display:grid}.cal-week-time{color:var(--border-hover);text-align:right;border-right:1px solid var(--border);padding:.375rem .5rem 0 0;font-size:.6875rem;position:relative;top:-.5rem}.cal-week-cell{border-right:1px solid var(--border-subtle);cursor:pointer;min-height:3rem;padding:.15rem;transition:background-color .1s}.cal-week-cell:hover{background-color:var(--bg-page)}.cal-week-cell:last-child{border-right:none}.cal-week-event{border-radius:.375rem;flex-direction:column;gap:.1rem;margin-bottom:.15rem;padding:.25rem .5rem;display:flex}.cal-week-event-title{color:var(--text-primary-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:600;overflow:hidden}.cal-week-event-time{color:var(--text-tertiary);font-size:.6875rem}.modal-overlay{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:1.25rem;width:100%;max-width:28rem;overflow:hidden}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.modal-title{color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:700}.modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1rem;line-height:1;transition:color .15s}.modal-close:hover{color:var(--text-primary)}.modal-body{flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.modal-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.modal-footer{border-top:1px solid var(--border);justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;display:flex}select.field-input{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right .875rem center;background-repeat:no-repeat;padding-right:2.5rem}input[type=time].field-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){input[type=time].field-input{--lightningcss-light: ;--lightningcss-dark:initial}}[data-theme=light] input[type=time].field-input{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.songs-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.songs-filters{flex-wrap:wrap;gap:.375rem;display:flex}.filter-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:9999px;padding:.375rem .875rem;font-size:.8125rem;font-weight:500;transition:all .15s}.filter-btn:hover{border-color:var(--border-hover);color:var(--text-tertiary)}.filter-btn--active{border-color:var(--accent);color:var(--accent);background-color:#ff4d581a}.songs-list{flex-direction:column;gap:.5rem;padding-bottom:6rem;display:flex}.song-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;align-items:center;gap:1rem;padding:.875rem 1.25rem;transition:border-color .15s;display:flex}.song-card:hover{border-color:var(--border-hover)}.song-card--active{border-color:var(--text-muted);background-color:var(--bg-card-hover)}.song-play-btn{border:1px solid var(--border-hover);width:2.5rem;height:2.5rem;color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;transition:all .15s;display:flex}.song-play-btn:hover,.song-play-btn--playing{border-color:var(--text-primary);color:var(--text-primary)}.song-play-btn:disabled{opacity:.3;cursor:not-allowed}.song-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.song-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.song-meta{color:var(--text-muted);font-size:.75rem}.song-status{flex-shrink:0;font-size:.75rem;font-weight:600}.song-archive-btn{cursor:pointer;opacity:.4;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1rem;transition:opacity .15s}.song-archive-btn:hover{opacity:1}.file-drop{border:1px dashed var(--border-hover);text-align:center;cursor:pointer;border-radius:.75rem;flex-direction:column;align-items:center;gap:.375rem;padding:2rem 1rem;transition:border-color .15s;display:flex}.file-drop:hover{border-color:var(--text-secondary)}.file-drop-icon{font-size:2rem}.file-drop-hint{color:var(--text-tertiary);font-size:.875rem;font-weight:500}.file-drop-sub{color:var(--text-muted);font-size:.75rem}.file-drop-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.file-drop-size{color:var(--text-secondary);font-size:.75rem}.player-bar{background-color:var(--bg-page-glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);z-index:40;align-items:center;gap:1.5rem;padding:.875rem 1.5rem;display:flex;position:fixed;bottom:0;left:14rem;right:0}.player-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.375rem;font-size:.7rem;line-height:1;transition:color .15s}.player-toggle:hover{color:var(--text-primary)}.player-bar--collapsed{border:1px solid var(--border);border-radius:9999px;gap:.75rem;max-width:16rem;padding:.5rem 1rem;bottom:1rem;left:auto;right:1.5rem}.player-bar--collapsed .player-song-title{max-width:9rem}.player-song-info{flex-direction:column;gap:.15rem;min-width:10rem;max-width:14rem;display:flex}.player-song-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.player-song-sub{color:var(--text-muted);font-size:.75rem}.player-controls{align-items:center;gap:.5rem;display:flex}.player-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:.375rem;font-size:1.125rem;line-height:1;transition:color .15s}.player-btn:hover{color:var(--text-primary)}.player-btn--main{background-color:var(--accent);color:#fff;border-radius:9999px;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;font-size:.9rem;display:flex}.player-btn--main:hover{color:#fff;background-color:#e6404a}.player-progress-area{flex:1;align-items:center;gap:.75rem;display:flex}.player-time{color:var(--text-muted);text-align:center;flex-shrink:0;min-width:2.5rem;font-size:.75rem}.player-progress,.player-volume-slider{appearance:none;background:var(--border);cursor:pointer;border-radius:9999px;outline:none;height:3px}.player-progress{flex:1}.player-volume-slider{width:6rem}.player-progress::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:12px;height:12px}.player-volume{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.player-volume-icon{font-size:.875rem}.dashboard-shell{background-color:var(--bg-page);min-height:100vh;display:flex}.sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;flex-shrink:0;width:14rem;display:flex;position:fixed;top:0;bottom:0;left:0}.sidebar-logo{border-bottom:1px solid var(--border-subtle);padding:1.5rem 1.25rem 1rem}.sidebar-logo-inner{align-items:center;gap:.625rem;display:flex}.sidebar-logo-icon{flex-shrink:0;width:1.75rem;height:1.75rem}.sidebar-logo-text{letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);font-size:1rem;font-weight:900}.sidebar-logo-accent{color:var(--accent)}.sidebar-band-logo{border-top:1px solid var(--border-subtle);margin-top:.75rem;padding-top:.75rem}.sidebar-band-logo-img{object-fit:contain;border-radius:.375rem;max-width:100%;max-height:3.5rem}.logo-preview{margin-bottom:.75rem}.logo-preview-img{object-fit:contain;border:1px solid var(--border-hover);background:var(--bg-input);border-radius:.5rem;max-width:10rem;max-height:5rem;padding:.375rem}.sidebar-nav{flex-direction:column;flex:1;gap:.2rem;padding:.75rem .625rem;display:flex;overflow-y:auto}.sidebar-nav-item{color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:.625rem;align-items:center;gap:.75rem;width:100%;padding:.625rem .875rem;font-size:.875rem;font-weight:500;transition:background-color .15s,color .15s;display:flex}.sidebar-nav-item:hover{background-color:var(--bg-card-hover);color:var(--text-tertiary)}.sidebar-nav-item--active{color:var(--accent);background-color:#ff4d581f}.sidebar-nav-icon{flex-shrink:0;font-size:1rem}.sidebar-nav-label{white-space:nowrap}.sidebar-footer{border-top:1px solid var(--border-subtle);align-items:center;gap:.625rem;padding:1rem .875rem;display:flex}.sidebar-avatar{background-color:var(--border);width:2rem;height:2rem;color:var(--text-tertiary);border-radius:9999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.sidebar-user-info{flex-direction:column;flex:1;gap:.1rem;min-width:0;display:flex}.sidebar-user-name{color:var(--text-primary-dim);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.sidebar-theme-toggle{cursor:pointer;opacity:.7;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1rem;line-height:1;transition:opacity .15s}.sidebar-theme-toggle:hover{opacity:1}.sidebar-logout{color:var(--text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:.25rem;font-size:1rem;line-height:1;transition:color .15s}.sidebar-logout:hover{color:#f87171}.dashboard-main{flex:1;min-height:100vh;margin-left:14rem;overflow-y:auto}.panel{max-width:72rem;padding:2rem 2rem 6rem}.panel-header{margin-bottom:1.75rem}.panel-title{color:var(--text-primary);letter-spacing:-.03em;margin:0;font-size:1.5rem;font-weight:800}.ideas-compose{flex-direction:column;gap:.75rem;margin-bottom:1.5rem;display:flex}.ideas-textarea{resize:vertical;min-height:5rem;font-family:inherit}.ideas-list{flex-direction:column;gap:.75rem;display:flex}.idea-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;padding:1.25rem;transition:border-color .15s}.idea-card:hover{border-color:var(--border-hover)}.idea-header{justify-content:space-between;align-items:center;margin-bottom:.625rem;display:flex}.idea-author{color:var(--text-tertiary);font-size:.8125rem;font-weight:600}.idea-date{color:var(--border-hover);font-size:.75rem}.idea-content{color:var(--text-primary-dim);margin:0;font-size:.9375rem;line-height:1.6}.idea-actions{justify-content:flex-end;gap:.25rem;margin-top:.625rem;display:flex}.settings-section{background-color:var(--bg-card);border:1px solid var(--border);border-radius:1rem;flex-direction:column;gap:1rem;max-width:28rem;padding:1.5rem;display:flex}.settings-heading{color:var(--text-primary);margin:0;font-size:1rem;font-weight:700}.settings-field{flex-direction:column;gap:.375rem;display:flex}.settings-hint{color:var(--text-muted);margin:0;font-size:.8125rem}.member-list,.invite-pending-list{flex-direction:column;gap:.5rem;display:flex}.member-row{background-color:var(--bg-page);border-radius:.5rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem;display:flex}.member-role{color:var(--text-tertiary);font-size:.8125rem;font-weight:600}.member-row-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (width<=768px){.sidebar{border-right:none;border-bottom:1px solid var(--border-subtle);flex-direction:row;width:100%;height:auto;position:relative}.sidebar-logo,.sidebar-footer{display:none}.sidebar-nav{flex-direction:row;padding:.5rem;overflow-x:auto}.sidebar-nav-item{flex-direction:column;gap:.25rem;padding:.5rem .75rem;font-size:.75rem}.dashboard-shell{flex-direction:column}.dashboard-main{margin-left:0}.panel{padding:1.25rem 1rem 6rem}.player-bar{left:0}}@media (width<=600px){.sidebar-nav{justify-content:space-between;overflow-x:visible}.sidebar-nav-item{flex:1;padding:.5rem .25rem}.sidebar-nav-label{display:none}.sidebar-nav-icon{font-size:1.35rem}}.recorder-card{background-color:var(--bg-sidebar);border:1px solid var(--border);border-radius:1.25rem;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;display:flex}.recorder-display{flex-direction:column;align-items:center;gap:1rem;width:100%;display:flex}.recorder-timer{color:var(--text-primary);font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-family:Courier New,monospace;font-size:3.5rem;font-weight:800}.recorder-hint{color:var(--text-muted);margin:0;font-size:.875rem}.recorder-size{color:var(--text-muted);margin:0;font-size:.8125rem}.recorder-preview{border-radius:.5rem;width:100%;height:2.5rem}.wave-visualizer{align-items:center;gap:3px;height:3.5rem;padding:0 1rem;display:flex}.wave-bar{background-color:var(--border-hover);border-radius:9999px;width:3px;min-height:4px;transition:height 50ms}.wave-bar:nth-child(odd){background-color:var(--text-muted)}.wave-bar:nth-child(2n){background-color:var(--border-hover)}.recorder-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.rec-btn{cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:.5rem;padding:.625rem 1.5rem;font-size:.875rem;font-weight:700;transition:all .15s;display:flex}.rec-btn--start{background-color:var(--accent);color:#fff}.rec-btn--start:hover{background-color:#e6404a}.rec-btn--pause{background-color:var(--border);color:var(--text-primary);border:1px solid var(--border-hover)}.rec-btn--pause:hover{background-color:var(--border-hover)}.rec-btn--stop{color:#fff;background-color:#ef4444}.rec-btn--stop:hover{background-color:#dc2626}.rec-btn--cancel{color:var(--text-secondary);border:1px solid var(--border);background:0 0}.rec-btn--cancel:hover{color:var(--text-tertiary);border-color:var(--border-hover)}.rec-dot{background-color:#ef4444;border-radius:9999px;width:.625rem;height:.625rem;animation:1s ease-in-out infinite pulse-rec}@keyframes pulse-rec{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.recordings-list{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.recording-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:.875rem;align-items:center;gap:1rem;padding:.875rem 1.25rem;transition:border-color .15s;display:flex}.recording-card:hover{border-color:var(--border-hover)}.recording-card--active{border-color:var(--text-muted);background-color:var(--bg-card-hover)}.recording-cat-icon{text-align:center;flex-shrink:0;width:2rem;font-size:1.5rem}.recording-info{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.recording-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9375rem;font-weight:600;overflow:hidden}.recording-meta{color:var(--text-muted);font-size:.75rem}.recording-progress{width:100%;margin-top:.375rem}.recording-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}