:root{color-scheme:light;--header-height: 40px;--topbar-height: 56px;--font-family: "Nunito", system-ui, sans-serif}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);font-size:15px;background:#fff;color:#111}#root{min-height:100vh}.timeline{position:relative;min-height:100vh}.topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 20px;background:#fff;border-bottom:1px solid #e5e5e5;z-index:10}.topbar-left{display:flex;align-items:center;gap:24px;justify-self:start}.topbar-center{justify-self:center;display:flex;align-items:center;gap:8px}.filter-nav-arrows{display:flex;align-items:center;gap:2px;margin-left:4px}.filter-nav-arrows.is-pending{opacity:.7}.filter-nav-arrows.is-pending .filter-nav-count{animation:filter-pending-pulse 1s ease-in-out infinite}@keyframes filter-pending-pulse{0%,to{opacity:.5}50%{opacity:1}}.filter-nav-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:4px;padding:4px 6px;cursor:pointer;color:#374151;font-size:12px;transition:background .15s,border-color .15s}.filter-nav-btn:hover{background:#e5e7eb;border-color:#d1d5db}.filter-nav-btn:active{background:#d1d5db}.filter-nav-count{font-size:11px;color:#6b7280;min-width:36px;text-align:center;font-variant-numeric:tabular-nums}.filter-mode-btn{background:transparent;border:none;padding:4px 6px;cursor:pointer;color:#9ca3af;font-size:14px;transition:color .15s}.filter-mode-btn:hover{color:#6b7280}.filter-mode-btn.is-active{color:#111}.topbar-controls{display:flex;align-items:center;gap:12px;justify-self:end}.topbar-title{font-size:1.1rem;font-weight:600}.view-tabs{display:flex;gap:4px;position:relative}.view-tab{border:none;background:none;padding:6px 10px;font:inherit;font-size:.85rem;color:#666;cursor:pointer;border-radius:4px;transition:background .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.view-tab svg{display:block}.view-tab:hover{background:#f0f0f0;color:#333}.view-tab.is-active{background:#333;color:#fff}.view-tab.zoom-out-tab{position:absolute;left:100%;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d8d8d8;color:#333;margin-left:12px;white-space:nowrap;padding:6px 10px}.view-tab.zoom-out-tab:hover{background:#f2f2f2}.zoom-out-text{display:none}@media (min-width: 1000px){.zoom-out-text{display:inline}}.search-container{position:relative;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;border:1px solid #e0e0e0;border-radius:6px;padding:4px 8px;background:#fff;min-height:36px;transition:border-color .15s,box-shadow .15s;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.search-container::-webkit-scrollbar{display:none}.search-container:focus-within{border-color:#3730a3;box-shadow:0 0 0 3px #3730a31a}.search-container.has-tags{padding-right:32px}.search-play-btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:4px;color:#9ca3af;opacity:.5;cursor:pointer;transition:opacity .15s,color .15s,background .15s;font-size:10px}.search-play-btn:hover{opacity:1;color:#3730a3;background:#f3f4f6}.search-play-btn:active{background:#e5e7eb}.search-tag{display:inline-flex;align-items:center;gap:6px;background:#f8f9fa;border-radius:4px;padding:4px 8px;flex-shrink:0;font-size:13px;white-space:nowrap;position:relative}.search-tag-field{background:#e0e7ff;color:#3730a3;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600}.search-tag-op{color:#999;font-size:12px}.search-tag-value{color:#333;font-weight:500}.search-tag-actions{position:absolute;right:4px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:2px;background:#f8f9fa;padding:0 2px;opacity:0;transition:opacity .15s}.search-tag:hover .search-tag-actions{opacity:1}.search-tag-remove{background:none;border:none;color:#9ca3af;cursor:pointer;padding:2px 4px;font-size:13px;line-height:1}.search-tag-remove:hover{color:#ef4444}.search-tag-promote{background:#10b981;border:none;color:#fff;cursor:pointer;padding:2px 6px;font-size:11px;font-weight:600;line-height:1;border-radius:3px}.search-tag-promote:hover{background:#059669}.search-tag-favorites{background:#fef2f2;border:1px solid #fecaca}.search-tag-favorites .search-tag-icon{color:#ef4444}.search-tag-favorites .search-tag-label{color:#991b1b}.search-tag-history{background:#f3e8ff;border:1px solid #d8b4fe}.search-tag-history .search-tag-icon{color:#9333ea}.search-tag-history .search-tag-label{color:#6b21a8}.search-tag-text{background:#eff6ff;border:1px solid #bfdbfe}.search-tag-text .search-tag-field{color:#3b82f6}.search-tag-text .search-tag-value{color:#1e40af}.search-tag-icon{font-size:12px}.search-tag-label{font-weight:500;font-size:13px}.search{font:inherit;font-size:14px;border:none;background:transparent;padding:4px 0;flex:0 0 auto;width:180px;min-width:180px}.search-container:not(.has-tags) .search{flex:1;width:auto}.search:focus{outline:none}.search-box{position:relative;width:520px;min-width:180px;flex:1 1 520px;max-width:845px}.search-suggestions{position:absolute;top:calc(100% + 4px);left:-60px;right:-60px;min-width:340px;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 20px #00000026;z-index:300;max-height:540px;overflow-y:auto}.search-suggestions-header{padding:10px 14px 8px;font-size:11px;color:#888;text-transform:uppercase;letter-spacing:.5px;font-weight:500}.search-suggestion{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;border:none;background:transparent;text-align:left;cursor:pointer;font:inherit;font-size:13px;transition:background .1s}.search-suggestion:hover,.search-suggestion.is-selected{background:#f5f7fa}.search-suggestion-field{background:#e0e7ff;color:#3730a3;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;white-space:nowrap}.search-suggestion-op{color:#999;font-size:12px}.search-suggestion-value{color:#333;font-weight:500;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-count{color:#999;font-size:11px}.search-suggestion-icon{color:#666;font-size:14px;width:16px;text-align:center}.search-suggestion-label{font-weight:500;color:#333}.search-suggestion-composition{flex-direction:column;align-items:flex-start;gap:2px;padding:8px 14px}.search-suggestion-title{font-weight:500;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.search-suggestion-meta{font-size:11px;color:#666}.search-suggestion-combo{display:flex;align-items:center;gap:6px}.search-suggestion-combo-pills{display:flex;flex-wrap:wrap;gap:4px;flex:1;min-width:0}.search-suggestion-combo-pill{display:inline-flex;align-items:center;gap:2px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;padding:2px 8px;font-size:12px}.search-suggestion-combo-pill-field{color:#666;font-weight:500}.search-suggestion-combo-pill-op{color:#999;font-size:11px}.search-suggestion-combo-pill-value{color:#333}.menu{position:relative}.icon-button{font:inherit;border:1px solid #d8d8d8;background:#fff;padding:6px 10px;cursor:pointer}.icon-button.is-active{background:#f2f2f2}.icon-button.has-indicator{position:relative}.icon-button.has-indicator:after{content:"";position:absolute;top:4px;right:4px;width:6px;height:6px;background:#3498db;border-radius:50%}@keyframes player-pulse{0%,to{background:#e8f4e8;border-color:#4ade80}50%{background:#dcfce7;border-color:#22c55e}}.icon-button.is-playing{animation:player-pulse 2s ease-in-out infinite;color:#16a34a}@keyframes filter-flash{0%{background:#fff;border-color:#d8d8d8;transform:scale(1)}25%{background:#10b981;border-color:#059669;transform:scale(1.15);color:#fff}to{background:#fff;border-color:#d8d8d8;transform:scale(1)}}.icon-button.is-flashing{animation:filter-flash .5s ease-out}.icon-button.is-flashing i{color:#fff}.menu-panel{position:absolute;top:calc(100% + 6px);right:0;min-width:160px;border:1px solid #dcdcdc;background:#fff;display:grid;gap:4px;padding:8px;z-index:11}.menu-panel button{font:inherit;text-align:left;background:none;border:none;padding:4px 2px;cursor:pointer}.menu-panel button.is-active{font-weight:600}.font-panel{width:180px}.font-panel button{font-size:.95rem;padding:6px 8px}.menu-option{display:flex;align-items:center;gap:8px;font-size:.9rem;cursor:pointer}.menu-option input{margin:0}.fields-panel{width:280px;padding:0;gap:0}.fields-search{padding:8px 12px;border-bottom:1px solid #e5e5e5}.fields-search input{width:100%;border:1px solid #d8d8d8;border-radius:4px;padding:6px 10px;font:inherit;font-size:13px}.fields-search input:focus{outline:none;border-color:#aaa}.fields-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;padding:8px}.field-item{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;transition:background .1s ease;border:none;background:none;width:100%;text-align:left;font:inherit}.field-item:hover{background:#f5f5f5}.field-name{flex:1;font-size:13px;color:#333}.field-toggle{width:36px;height:20px;border-radius:10px;background:#d0d0d0;position:relative;transition:background .15s ease;flex-shrink:0}.field-toggle:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .15s ease;box-shadow:0 1px 2px #00000026}.field-toggle.is-active{background:#555}.field-toggle.is-active:after{transform:translate(16px)}.title-format-builder{padding:12px;border-bottom:1px solid #e5e5e5}.title-format-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:#666;margin-bottom:8px}.title-format-preview{font-size:13px;color:#888;margin-bottom:10px;padding:6px 8px;background:#f8f8f8;border-radius:4px;font-family:monospace;word-break:break-word}.title-format-chips{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;padding:8px;background:#fafafa;border:1px dashed #d0d0d0;border-radius:4px;margin-bottom:10px}.title-format-chip{display:flex;align-items:center;gap:4px;padding:4px 6px;background:#fff;border:1px solid #d8d8d8;border-radius:4px;font-size:13px;cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .15s ease,box-shadow .15s ease}.title-format-chip:hover{border-color:#aaa}.title-format-chip.is-dragging{opacity:.5}.title-format-chip.is-drop-target{border-color:#e04040;box-shadow:0 0 0 2px #e0404033}.title-format-chip-grip{color:#aaa;font-size:10px;cursor:grab}.title-format-chip-label{color:#333}.title-format-chip-remove{border:none;background:none;color:#888;font-size:14px;line-height:1;padding:0 2px;cursor:pointer;transition:color .1s ease}.title-format-chip-remove:hover{color:#e04040}.title-format-empty{font-size:13px;color:#aaa;font-style:italic}.title-format-add{margin-top:4px}.title-format-add-label{font-size:12px;color:#888;margin-bottom:6px}.title-format-add-options{display:flex;flex-wrap:wrap;gap:4px}.title-format-add-button{border:1px solid #e0e0e0;background:#fff;padding:4px 10px;font-size:13px;color:#666;border-radius:3px;cursor:pointer;transition:border-color .1s ease,color .1s ease}.title-format-add-button:hover{border-color:#aaa;color:#333}.title-format-more{font-size:12px;color:#aaa;padding:4px 6px}.fields-section-divider{height:1px;background:#e5e5e5}.fields-section-label{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:#666;padding:10px 12px 6px}.fields-spacing-toggle{display:flex;margin:0 12px 8px;border:1px solid #e0e0e0;border-radius:6px;overflow:hidden}.fields-spacing-btn{flex:1;padding:8px 16px;border:none;background:#fff;font-size:13px;font-weight:500;color:#666;cursor:pointer;transition:background .15s,color .15s;display:flex;justify-content:center;align-items:center}.fields-spacing-btn:first-child{border-right:1px solid #e0e0e0}.fields-spacing-btn:hover:not(.is-active){background:#f5f5f5}.fields-spacing-btn.is-active{background:#6b7280;color:#fff}.mode-toggle{display:flex;gap:6px}.filter-panel{width:480px;max-height:420px;overflow:auto;gap:14px;border-radius:8px;box-shadow:0 4px 20px #00000026;border:1px solid #e0e0e0;padding:14px}.filter-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.filter-title{font-weight:600;font-size:14px;color:#333}.filter-header-controls{display:flex;align-items:center;gap:10px}.filter-clear-all{font:inherit;font-size:12px;background:none;border:none;color:#e74c3c;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .15s}.filter-clear-all:hover{background:#fef2f2}.filter-mode-toggle{display:flex;gap:2px;background:#f0f0f0;border-radius:6px;padding:3px}.filter-mode-toggle button{font:inherit;font-size:12px;border:none;background:transparent;padding:6px 14px;cursor:pointer;border-radius:4px;color:#666;transition:all .15s}.filter-mode-toggle button:hover{color:#333}.filter-mode-toggle button.is-active{background:#fff;color:#333;box-shadow:0 1px 3px #0000001a}.filter-empty{font-size:13px;color:#888;padding:8px 0}.filter-list{display:grid;gap:10px}.filter-row{display:grid;grid-template-columns:auto 1fr 1.5fr auto;gap:8px;align-items:center}.filter-row input,.filter-row select{font:inherit;font-size:13px;border:1px solid #e0e0e0;border-radius:4px;padding:6px 8px;background:#fff;transition:border-color .15s}.filter-row input:focus,.filter-row select:focus{outline:none;border-color:#3730a3}.filter-field-pill{background:#e0e7ff;color:#3730a3;border:none;border-radius:14px;padding:6px 26px 6px 12px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%233730a3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;min-width:100px}.filter-field-pill:focus{outline:none;box-shadow:0 0 0 2px #3730a333}.filter-range{display:grid;grid-template-columns:1fr 1fr;gap:6px}.filter-add{font:inherit;font-size:13px;border:1px dashed #ccc;background:#fafafa;padding:8px 14px;cursor:pointer;justify-self:start;border-radius:6px;color:#666;transition:all .15s}.filter-add:hover{border-color:#3730a3;background:#f5f7fa;color:#3730a3}.filter-remove{border:1px solid #e0e0e0;background:#fff;width:28px;height:28px;line-height:1;cursor:pointer;border-radius:4px;color:#999;transition:all .15s}.filter-remove:hover{border-color:#e74c3c;background:#fef2f2;color:#e74c3c}.color-panel{width:200px}.color-panel-header{font-weight:600;margin-bottom:8px}.color-panel-content{display:flex;flex-direction:column;gap:8px}.color-panel-select{font:inherit;border:1px solid #dcdcdc;padding:6px 10px;border-radius:4px;background:#fff;width:100%;cursor:pointer}.card.has-color{border-left-width:4px}.card-color-bar{position:absolute;top:0;left:0;bottom:0;width:4px;border-radius:3px 0 0 3px}.player-panel{width:240px;gap:8px;z-index:250}.player-now-playing{display:flex;align-items:center;gap:8px}.player-info{flex:1;min-width:0}.player-title{font-weight:600}.player-meta{font-size:.85rem;color:#666}.player-goto-btn{flex-shrink:0;width:26px;height:26px;border:1px solid #d0d0d0;border-radius:999px;background:#fff;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,color .15s ease;font-size:.7rem}.player-goto-btn:hover{color:#333}.player-status{font-size:.85rem;color:#888}.player-error{color:#c44}.player-video-title{font-size:.8rem;color:#666;margin-bottom:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.player-controls{display:flex;justify-content:center;gap:8px;margin-bottom:8px}.player-control-btn{font:inherit;font-size:.85rem;border:1px solid #dcdcdc;background:#fff;padding:6px 10px;cursor:pointer;border-radius:4px}.player-control-btn:hover{background:#f5f5f5}.player-control-main{font-weight:600;display:flex;align-items:center;justify-content:center}.player-link{font-size:.8rem;color:#222;text-decoration:underline}.player-adblock-tip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px;padding:6px 8px;background:#fffbe6;border:1px solid #ffe58f;border-radius:4px;font-size:.75rem;color:#8c6d1f}.player-adblock-dismiss{background:none;border:none;color:#8c6d1f;cursor:pointer;padding:2px 4px;font-size:.8rem;opacity:.7}.player-adblock-dismiss:hover{opacity:1}.player-volume{display:flex;align-items:center;gap:8px;margin-bottom:8px}.player-volume-icon{font-size:.75rem;color:#666}.player-volume-slider{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#e0e0e0;border-radius:2px;cursor:pointer}.player-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#333;border-radius:50%;cursor:pointer}.player-volume-slider::-moz-range-thumb{width:14px;height:14px;background:#333;border-radius:50%;cursor:pointer;border:none}.board{margin-top:var(--topbar-height);height:calc(100vh - var(--topbar-height));overflow:auto;border-top:1px solid #efefef}.board-inner{position:relative;min-width:max-content}.year-sticky-indicator{position:sticky;top:0;left:0;width:90px;height:var(--header-height);display:flex;align-items:center;justify-content:center;background:#fff;border-bottom:1px solid #e0e0e0;border-right:1px solid #e0e0e0;font-size:1.4rem;font-weight:600;color:#222;z-index:8;pointer-events:none;margin-bottom:calc(-1 * var(--header-height))}.grid{display:grid;grid-auto-rows:minmax(80px,auto)}.row{display:grid;grid-column:1 / -1;min-height:80px;border-top:1px solid #f5f5f5}.header-overlay{position:sticky;top:0;height:0;z-index:4;pointer-events:none}.composer-floating{position:absolute;top:0;height:40px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border:1px solid #e0e0e0;color:#333;font-size:1rem;font-weight:600;pointer-events:auto;white-space:nowrap;padding:0 12px}.composer-floating.is-spotlight{background:#f5c842;border-color:#d4a830;box-shadow:0 2px 8px #f5c84266}.composer-floating.is-muted{filter:saturate(.3)}.composer-name{text-align:center}.spotlight-button{position:absolute;right:8px;top:55%;transform:translateY(-50%);opacity:0;border:1px solid rgba(0,0,0,.15);background:#ffffffe6;border-radius:50%;width:26px;height:26px;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease,background .15s ease,color .15s ease,transform .15s ease;color:#555;box-shadow:0 1px 3px #0000001a}.composer-floating:hover .spotlight-button,.spotlight-button.is-active{opacity:.4}.spotlight-button:hover{opacity:1;background:#fff;color:#333;box-shadow:0 2px 5px #00000026}.spotlight-button.is-active{background:#333;border-color:#333;color:#fff}.spotlight-button.is-active:hover{background:#555;border-color:#555}.header-row{display:grid;grid-column:1 / -1}.header-spacer{height:var(--header-height);background:#fff;border-bottom:1px solid #efefef;border-right:1px solid #f5f5f5}.year{display:flex;align-items:flex-start;justify-content:center;padding:6px 0 0;border-right:1px solid #f0f0f0;background:#fff;font-size:1.4rem;font-weight:600;color:#222;transform:translateY(-10px)}.cell{padding:12px;border-right:1px solid #f5f5f5;border-bottom:1px solid #f5f5f5}.cell.is-outside-life{background:#f0f0f0}.cell.is-muted{filter:saturate(.25)}.cell.is-spotlight-column{background:linear-gradient(to bottom,#fffbeb,#fff9e0);box-shadow:inset 0 0 0 1px #f5c84233}.cell.is-constrained{position:relative}.cell.is-constrained:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.95));pointer-events:none}.cell-expand-button{position:absolute;bottom:8px;left:50%;transform:translate(-50%);background:#444;color:#fff;font:inherit;font-size:.8rem;font-weight:500;padding:6px 14px;border:none;border-radius:16px;cursor:pointer;z-index:5;box-shadow:0 2px 6px #0003;white-space:nowrap;transition:background .15s ease}.cell-expand-button:hover{background:#222}.sticky-left{position:sticky;left:0;z-index:6}.card{display:block;width:100%;text-align:left;border:1px solid #dcdcdc;background:#fff;padding:10px 12px;margin-bottom:10px;cursor:pointer;font:inherit;border-radius:6px;position:relative}.card-title{font-weight:600;font-size:.95rem;margin-bottom:6px}.card-subtitle{font-size:.85rem;color:#666;margin-bottom:4px}.card-play{position:absolute;top:8px;right:8px;border:1px solid #d0d0d0;background:#fff;border-radius:999px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;opacity:0;transition:opacity .15s ease;cursor:pointer;overflow:hidden;z-index:1}.card:hover .card-play,.card-play:focus-visible{opacity:1}.card-play.is-playing{background:#111;color:#fff;border-color:#111}.card-play-icon{position:relative;z-index:2}.card-play:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#111;transform:translate(-110%);z-index:1}.card-play.is-starting:before{animation:play-swipe .5s ease forwards}.card-play.is-starting{color:#fff;border-color:#111}@keyframes play-swipe{0%{transform:translate(-110%)}to{transform:translate(0)}}.card-favorite{position:absolute;top:-6px;left:-8px;border:1px solid #e0e0e0;background:#fff;border-radius:999px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;opacity:0;transition:opacity .15s ease,color .15s ease,transform .15s ease,border-color .15s ease;cursor:pointer;z-index:1;color:#aaa;transform:rotate(-15deg)}.card:hover .card-favorite:not(.is-active){opacity:1}.card-favorite:hover{opacity:1;color:#e74c3c;border-color:#e74c3c;transform:rotate(-15deg) scale(1.1)}.card-favorite.is-active{color:#e74c3c;opacity:1;z-index:100}.card-favorite-icon{line-height:1}.card-queue{position:absolute;top:8px;right:38px;border:1px solid #d0d0d0;background:#fff;border-radius:999px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:.7rem;opacity:0;transition:opacity .15s ease,color .15s ease,background-color .15s ease;cursor:pointer;z-index:1;color:#666}.card:hover .card-queue,.card-queue:focus-visible{opacity:1}.card-queue:hover{color:#333;background-color:#f0f0f0;border-color:silver}.card-queue-icon{line-height:1}.card.is-favorite{border-color:#e74c3c}.card.is-favorite-colored,.card.is-favorite-colored .card-title{color:#fff}.card.is-favorite-colored .card-field{background:#fff3;color:#fff}.card.is-favorite-colored .card-play{background:#ffffffe6;border-color:transparent}.card.is-favorite-colored .card-favorite{background:#ffffffe6;border-color:transparent;color:#c8c8c8cc}.card.is-favorite-colored .card-favorite.is-active{color:#e74c3c}.card.is-filtered-out{opacity:.35!important;filter:grayscale(.7)!important}.card.is-now-playing{outline:3px solid #22c55e;outline-offset:1px;box-shadow:0 0 0 5px #22c55e40;z-index:4;position:relative}.card.is-selected{outline:3px solid #f59e0b;outline-offset:1px;box-shadow:0 0 0 5px #f59e0b40;z-index:5;position:relative}.card-fields{display:flex;flex-wrap:wrap;gap:8px}.card-field{display:inline-flex;align-items:center;padding:4px 8px;border-radius:6px;border:1px solid #d6d6d6;background:#fafafa;font-size:.85rem;color:#555;line-height:1.3;position:relative}.card-field-tooltip{position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:#333;color:#fff;font-size:.75rem;padding:4px 8px;border-radius:4px;white-space:nowrap;z-index:10;display:flex;align-items:center;gap:6px;pointer-events:auto}.card-field-tooltip:before{content:"";position:absolute;top:100%;left:0;right:0;height:10px}.card-field-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#333}.card-field-palette{background:none;border:none;color:#fff;cursor:pointer;padding:0;font-size:.8rem;opacity:.7;transition:opacity .15s ease}.card-field-palette:hover{opacity:1}.card-properties{display:flex;flex-direction:column;gap:4px;margin-top:8px}.card-property{font-size:.85rem;line-height:1.4;color:#444}.card-property-label{color:#777}.card-property-value{color:#222}.details{position:fixed;right:20px;top:calc(var(--topbar-height) + 12px);bottom:16px;width:320px;padding:16px;border:1px solid #e0e0e0;background:#fff;overflow:auto;z-index:200}.details.is-left{right:auto;left:20px}.details-header{display:flex;align-items:flex-start;gap:8px}.details-header-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s ease;flex-shrink:0}.details-header:hover .details-header-actions{opacity:1}.details-header-action{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d0d0d0;background:#fff;border-radius:999px;font-size:.75rem;color:#888;cursor:pointer;transition:opacity .15s ease,color .15s ease}.details-header-action:hover{color:#333}.details-title{font-size:1rem;font-weight:600;margin-bottom:6px;flex:1}.details-meta{font-size:.85rem;color:#666;margin-bottom:12px}.details-empty{font-size:.85rem;color:#888;margin-bottom:16px}.details-section{border-top:1px solid #eeeeee;padding-top:12px;margin-bottom:16px}.details-section-title{font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:#666;margin-bottom:8px}.details-muted{font-size:.85rem;color:#888}.details-wiki-title{font-size:.9rem;font-weight:600;margin-bottom:6px}.details-wiki-text{font-size:.9rem;color:#444;line-height:1.5;margin-bottom:8px}.details-link{font-size:.85rem;color:#222;text-decoration:underline}.details-external-links{display:flex;flex-wrap:wrap;gap:8px}.details-external-link{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:4px;font-size:.8rem;color:#333;text-decoration:none;transition:background-color .15s,border-color .15s}.details-external-link:hover{background:#e8e8e8;border-color:#ccc}.details-external-link.is-icon-only{width:28px;height:28px;padding:0;justify-content:center;font-size:.9rem;color:#555}.details-external-link.is-icon-only:hover{color:#222}.details-external-icon{font-size:.9rem}.details-external-label{font-weight:500}.details-properties{display:flex;flex-direction:column;gap:6px}.details-property{font-size:.9rem;line-height:1.4}.details-property-label{color:#666;border-bottom:1px dotted #999;margin-right:8px}.details-property-label:after{content:":"}.details-property-label:hover{color:#333}.details-property-value{color:#222;display:inline-flex;align-items:center;gap:6px}.details-property-value.has-actions{position:relative}.details-property-actions{display:inline-flex;gap:2px;opacity:0;transition:opacity .15s}.details-property:hover .details-property-actions{opacity:1}.details-property-action{background:none;border:none;padding:2px 4px;cursor:pointer;color:#666;font-size:11px;border-radius:3px;transition:color .15s,background .15s}.details-property-action:hover{color:#333;background:#f0f0f0}.fa-filter-plus{position:relative;display:inline-block;width:1em;height:1em;font-size:inherit}.fa-filter-plus .fa-filter{position:absolute;top:1px;left:0;font-size:.9em}.fa-filter-plus .fa-plus{position:absolute;bottom:-4px;right:-3px;font-size:.55em;background:#fff;border-radius:2px}.details-close{border:1px solid #dcdcdc;background:#fff;font:inherit;padding:6px 10px;cursor:pointer}@media (max-width: 800px){.details{left:12px;top:calc(var(--topbar-height) + 8px);bottom:12px;width:240px}}.favorites-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:299}.favorites-panel{position:fixed;top:0;left:0;bottom:0;width:270px;max-width:90vw;background:#fff;box-shadow:4px 0 20px #00000026;z-index:300;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease}.favorites-panel.is-open{transform:translate(0)}.favorites-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fafafa;flex-shrink:0}.favorites-title{margin:0;font-size:1.25rem;font-weight:600;color:#333;display:flex;align-items:center;gap:10px}.favorites-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 8px;background:#e74c3c;color:#fff;border-radius:12px;font-size:.8rem;font-weight:600}.favorites-close{border:none;background:none;font-size:1.5rem;color:#666;cursor:pointer;padding:4px 8px;line-height:1}.favorites-close:hover{color:#333}.favorites-content{flex:1;overflow-y:auto;padding:16px}.favorites-empty{text-align:center;padding:40px 20px;color:#666}.favorites-empty p{margin:0 0 8px}.favorites-empty-hint{font-size:.85rem;color:#999}.favorites-group{margin-bottom:24px}.favorites-composer{margin:0 0 12px;font-size:.9rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.03em;padding-bottom:8px;border-bottom:1px solid #e5e5e5}.favorites-list{display:flex;flex-direction:column;gap:8px}.favorites-item{position:relative}.favorites-item .card{margin:0}.favorites-goto{position:absolute;top:8px;right:72px;width:26px;height:26px;border:1px solid #d0d0d0;background:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#888;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease;z-index:15}.favorites-queue{position:absolute;top:8px;right:40px;width:26px;height:26px;border:1px solid #d0d0d0;background:#fff;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.75rem;color:#888;cursor:pointer;opacity:0;transition:opacity .15s ease,background-color .15s ease,color .15s ease;z-index:15}.favorites-item:hover .favorites-goto,.favorites-item:hover .favorites-queue,.favorites-goto:focus-visible,.favorites-queue:focus-visible{opacity:1}.favorites-goto:hover,.favorites-queue:hover{background:#333;border-color:#333;color:#fff}.favorites-toggle{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;border:none;background:#e74c3c;color:#fff;font-size:1.5rem;cursor:pointer;box-shadow:0 4px 12px #e74c3c66;z-index:50;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,box-shadow .2s ease}.favorites-toggle:hover{transform:scale(1.05);box-shadow:0 6px 16px #e74c3c80}.favorites-toggle-count{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 6px;background:#333;color:#fff;border-radius:10px;font-size:.7rem;font-weight:600;display:flex;align-items:center;justify-content:center}.qh-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:299}.qh-panel{position:fixed;top:0;right:0;bottom:0;width:320px;max-width:90vw;background:#fff;box-shadow:-4px 0 20px #00000026;z-index:300;display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s ease}.qh-panel.is-open{transform:translate(0)}.qh-header{display:flex;align-items:center;padding:12px 16px;border-bottom:1px solid #e5e5e5;background:#fafafa;flex-shrink:0;gap:8px}.qh-tabs{display:flex;gap:4px;flex:1}.qh-tab{padding:8px 12px;border:none;background:none;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;border-radius:6px;display:flex;align-items:center;gap:6px;transition:background-color .15s ease,color .15s ease}.qh-tab:hover{background:#e8e8e8}.qh-tab.is-active{background:#333;color:#fff}.qh-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;background:#00000026;border-radius:9px;font-size:.7rem;font-weight:600}.qh-tab.is-active .qh-tab-count{background:#fff3}.qh-close{border:none;background:none;font-size:1.5rem;color:#666;cursor:pointer;padding:4px 8px;line-height:1}.qh-close:hover{color:#333}.qh-content{flex:1;overflow-y:auto;padding:16px}.qh-empty{text-align:center;padding:40px 20px;color:#666}.qh-empty p{margin:0 0 8px}.qh-empty-hint{font-size:.85rem;color:#999}.qh-list{display:flex;flex-direction:column;gap:4px}.qh-item{position:relative;display:flex;gap:4px;align-items:center}.qh-item .card{flex:1;margin:0}.qh-item .card-fields{margin-top:4px}.qh-item .card-play,.qh-item .card-favorite,.qh-item .card-queue{display:none}.qh-item-controls{position:absolute;right:8px;top:8px;display:flex;flex-direction:row;gap:4px;opacity:0;transition:opacity .15s ease}.qh-item:hover .qh-item-controls{opacity:1}.qh-item.is-dragging{opacity:.5}.qh-item.drag-over{border-top:2px solid #3498db;margin-top:-2px}.qh-drag-handle{cursor:grab;color:#999;padding:4px;display:flex;align-items:center;justify-content:center}.qh-drag-handle:active{cursor:grabbing}.qh-item:hover .qh-drag-handle{color:#666}.qh-control{width:26px;height:26px;border:1px solid #d0d0d0;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;color:#666;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.qh-control span{display:block;margin-top:-1px}.qh-control:hover{background:#333;border-color:#333;color:#fff}.qh-history-item{display:flex;align-items:flex-start;gap:8px}.qh-history-item .qh-item{flex:1}.qh-timestamp{font-size:.75rem;color:#999;white-space:nowrap;padding-top:10px}.qh-group{margin-bottom:20px}.qh-group-label{margin:0 0 10px;font-size:.8rem;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.03em}.qh-footer{padding:12px 16px;border-top:1px solid #e5e5e5;background:#fafafa}.qh-clear{width:100%;padding:10px 16px;border:1px solid #d0d0d0;background:#fff;border-radius:6px;font-size:.9rem;color:#666;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.qh-clear:hover{background:#f5f5f5;border-color:silver}.player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.player-queue-btn{position:relative;border:1px solid #d0d0d0;background:#fff;border-radius:4px;padding:6px 10px;font-size:.85rem;color:#666;cursor:pointer;display:flex;align-items:center;gap:4px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.player-queue-btn:hover{background:#f5f5f5;border-color:silver}.player-queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;background:#3498db;color:#fff;border-radius:8px;font-size:.65rem;font-weight:600}.stacked-chart-view{position:fixed;top:var(--topbar-height);left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#fff}.stacked-chart-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 20px;background:#fafafa;border-bottom:1px solid #e5e5e5;max-height:80px;overflow-y:auto}.stacked-chart-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#444}.stacked-chart-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.stacked-chart-legend-label{white-space:nowrap}.stacked-chart-container{flex:1;overflow:auto;padding:20px}.stacked-chart-svg{display:block}.stacked-chart-axis-label{font-size:9px;fill:#666}.stacked-chart-grid-line{stroke:#e0e0e0;stroke-width:1}.stacked-chart-block{transition:opacity .1s ease}.stacked-chart-block:hover{opacity:.8}.stacked-chart-toolbar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#fff;border-bottom:1px solid #e5e5e5}.zoom-range-label{font-size:.9rem;color:#666;font-weight:500}.zoomed-chart-container{flex:1;overflow:auto;padding:0 16px 16px}.zoomed-chart-grid{display:flex;gap:12px;align-items:stretch}.zoomed-year-column{flex:0 0 240px;width:240px;min-width:240px;max-width:240px;display:flex;flex-direction:column;background:#fafafa}.zoomed-year-header{padding:10px 12px;font-size:1rem;font-weight:600;color:#333;background:#f0f0f0;text-align:center;border-bottom:1px solid #e0e0e0;position:sticky;top:0;z-index:10}.zoomed-year-content{flex:1;padding:0;display:flex;flex-direction:column}.zoomed-year-empty{flex:1;min-height:40px;padding:8px}.zoomed-composer-group{border-left:3px solid;background:#fff}.zoomed-composer-group.is-muted{opacity:.4}.zoomed-composer-header{padding:8px 10px;font-size:.75rem;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.03em;position:sticky;top:41px;z-index:5}.zoomed-composer-works{padding:6px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:0;overflow:hidden}.zoomed-composer-works .card{margin:0;min-width:0;overflow:hidden}.timeline-overview{position:fixed;top:var(--topbar-height);left:0;right:0;bottom:0;display:flex;flex-direction:column;background:#fff;overflow:hidden}.timeline-overview-legend{display:flex;flex-wrap:wrap;gap:8px 16px;padding:12px 20px;background:#fafafa;border-bottom:1px solid #e5e5e5;max-height:80px;overflow-y:auto}.timeline-overview-legend-item{display:flex;align-items:center;gap:6px;font-size:.75rem;color:#444}.timeline-overview-legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.timeline-overview-legend-label{white-space:nowrap}.timeline-overview-container{flex:1;overflow:auto;padding:0 20px 20px}.timeline-overview-headers{position:sticky;top:0;z-index:5;display:flex;gap:2px;padding:10px 0;background:#fff}.timeline-overview-header-bar{position:relative;height:180px;border-radius:4px;display:flex;align-items:flex-end;justify-content:flex-start;flex-shrink:0;padding:0 0 8px 8px}.timeline-overview-header-bar.is-muted{opacity:.4}.timeline-overview-header-name{writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);color:#fff;font-size:18px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.4);white-space:nowrap;flex:1;margin-left:4px}.timeline-overview-header-focus{position:absolute;top:6px;left:50%;transform:translate(-50%);border:1px solid rgba(255,255,255,.5);background:#fff3;border-radius:50%;width:24px;height:24px;font-size:12px;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease,background .15s ease}.timeline-overview-header-bar:hover .timeline-overview-header-focus{opacity:1}.timeline-overview-header-focus:hover{background:#fff6}.timeline-overview-svg{display:block}.timeline-overview-composer-label{font-size:8px;font-weight:500}.timeline-overview-composer-bar-label{font-size:9px;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.3)}.timeline-overview-year-label{font-size:9px;fill:#666}.timeline-overview-grid-line{stroke:#e0e0e0;stroke-width:1}.timeline-overview-cell{transition:opacity .1s ease}.timeline-overview-cell:hover{opacity:.7}.timeline-overview-overflow{font-size:8px;fill:#666;font-weight:600}.auth-panel{width:280px;padding:16px}.auth-tabs{display:flex;gap:4px;margin-bottom:16px}.auth-tabs button{flex:1;padding:8px 12px;border:1px solid #e0e0e0;background:#f5f5f5;font:inherit;font-size:.85rem;cursor:pointer;transition:all .15s ease}.auth-tabs button:first-child{border-radius:4px 0 0 4px}.auth-tabs button:last-child{border-radius:0 4px 4px 0}.auth-tabs button.is-active{background:#333;border-color:#333;color:#fff}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input{font:inherit;padding:10px 12px;border:1px solid #d8d8d8;border-radius:4px;font-size:.9rem}.auth-form input:focus{outline:none;border-color:#666}.auth-form button{padding:10px 16px;border:none;background:#333;color:#fff;font:inherit;font-size:.9rem;font-weight:500;border-radius:4px;cursor:pointer;transition:background .15s ease}.auth-form button:hover:not(:disabled){background:#555}.auth-form button:disabled{opacity:.6;cursor:not-allowed}.auth-error{margin-top:12px;padding:8px 10px;background:#fee2e2;color:#b91c1c;font-size:.85rem;border-radius:4px}.auth-message{margin-top:12px;padding:8px 10px;background:#dcfce7;color:#166534;font-size:.85rem;border-radius:4px}.auth-hint{margin:12px 0 0;font-size:.8rem;color:#888;text-align:center}.auth-user{text-align:center}.auth-user-email{font-weight:500;font-size:.95rem;word-break:break-all}.auth-user-hint{margin:8px 0 16px;font-size:.8rem;color:#888}.auth-signout-button{padding:8px 20px;border:1px solid #d8d8d8;background:#fff;font:inherit;font-size:.85rem;border-radius:4px;cursor:pointer;transition:all .15s ease}.auth-signout-button:hover{background:#f5f5f5;border-color:silver}.auth-offline{text-align:center;padding:8px 0}.auth-offline-icon{font-size:2rem;margin-bottom:8px}.auth-offline p{margin:4px 0;font-size:.9rem}.auth-offline-hint{color:#888;font-size:.8rem!important}.auth-loading{text-align:center;padding:20px;color:#888}.spotify-panel{width:300px;padding:16px}.spotify-offline,.spotify-connect{text-align:center;padding:8px 0}.spotify-icon{font-size:2.5rem;color:#1db954;margin-bottom:12px}.spotify-connect-text{font-size:.9rem;color:#666;margin:0 0 16px;line-height:1.5}.spotify-hint{color:#888;font-size:.8rem;margin-top:8px}.spotify-button{padding:10px 20px;border:none;font:inherit;font-size:.9rem;font-weight:500;border-radius:20px;cursor:pointer;transition:all .15s ease}.spotify-connect-button{background:#1db954;color:#fff;display:inline-flex;align-items:center;gap:8px}.spotify-connect-button:hover{background:#1ed760}.spotify-connected{display:flex;align-items:center;gap:12px;margin-bottom:16px}.spotify-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover}.spotify-avatar-placeholder{background:#1db954;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.spotify-user{display:flex;flex-direction:column;gap:2px;overflow:hidden}.spotify-name{font-weight:500;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-email{font-size:.8rem;color:#888;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.spotify-stats{display:flex;gap:16px;margin-bottom:12px}.spotify-stat{display:flex;flex-direction:column;gap:2px}.spotify-stat-value{font-size:1.5rem;font-weight:600;color:#1db954}.spotify-stat-label{font-size:.75rem;color:#888}.spotify-synced{font-size:.8rem;color:#888;margin-bottom:12px}.spotify-progress{background:#f5f5f5;padding:12px;border-radius:8px;margin-bottom:12px}.spotify-progress-text{font-size:.85rem;margin-bottom:8px}.spotify-progress-bar{height:4px;background:#e0e0e0;border-radius:2px;overflow:hidden;margin-bottom:4px}.spotify-progress-fill{height:100%;background:#1db954;transition:width .2s ease}.spotify-progress-count{font-size:.75rem;color:#888;text-align:right}.spotify-error{margin-bottom:12px;padding:8px 10px;background:#fee2e2;color:#b91c1c;font-size:.85rem;border-radius:4px}.spotify-actions{display:flex;gap:8px}.spotify-sync-button{flex:1;background:#f5f5f5;color:#333;border:1px solid #e0e0e0}.spotify-sync-button:hover:not(:disabled){background:#eee}.spotify-sync-button:disabled{opacity:.6;cursor:not-allowed}.spotify-disconnect-button{background:transparent;color:#888;border:1px solid #e0e0e0}.spotify-disconnect-button:hover{background:#f5f5f5;color:#666}.spotify-loading{text-align:center;padding:20px;color:#888}.docs-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.docs-modal{background:#fff;border-radius:16px;width:min(900px,90vw);height:min(700px,85vh);display:flex;flex-direction:column;position:relative;box-shadow:0 20px 60px #0000004d}.docs-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border:none;background:#0000000d;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;z-index:1;transition:background .15s,color .15s}.docs-modal-close:hover{background:#0000001a;color:#333}.docs-modal-content{flex:1;overflow-y:auto;padding:24px 32px}.docs-image-container{background:#f8f8f8;border-radius:12px;padding:16px;margin-bottom:20px;display:flex;align-items:center;justify-content:center}.docs-image{max-width:100%;max-height:300px;border-radius:8px;box-shadow:0 4px 20px #0000001a}.docs-image-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.docs-image-grid .docs-image{max-height:140px;width:100%;object-fit:contain}.docs-video-container{background:#1a1a1a;border-radius:12px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.docs-video{width:100%;max-height:450px;border-radius:8px;object-fit:contain}.docs-icon-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 16px;margin-bottom:20px}.docs-icon{width:100px;height:100px;border-radius:50%;background:#f0f0f0;display:flex;align-items:center;justify-content:center;font-size:42px;color:#555}.docs-icon-coming-soon{background:linear-gradient(135deg,#1db954,#1ed760);color:#fff}.docs-coming-soon-badge{margin-top:16px;padding:6px 16px;background:#f0f0f0;border-radius:20px;font-size:13px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.docs-text{text-align:center}.docs-text h2{margin:0 0 12px;font-size:22px;font-weight:600;color:#222}.docs-text p{margin:0;font-size:15px;line-height:1.6;color:#555}.docs-modal-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid #eeeeee;gap:16px}.docs-nav-btn{width:40px;height:40px;border:1px solid #e0e0e0;background:#fff;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#666;font-size:14px;transition:all .15s}.docs-nav-btn:hover:not(:disabled){background:#f5f5f5;border-color:#ccc;color:#333}.docs-nav-btn:disabled{opacity:.3;cursor:not-allowed}.docs-dots{display:flex;align-items:center;gap:8px}.docs-dot{width:10px;height:10px;border-radius:50%;border:none;background:#ddd;cursor:pointer;padding:0;transition:background .15s,transform .15s}.docs-dot:hover{background:#bbb;transform:scale(1.2)}.docs-dot.is-active{background:#666}.docs-dot-shortcuts{width:24px;height:24px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:12px;color:#888;margin-left:8px}.docs-dot-shortcuts:hover{background:#eee;color:#555}.docs-dot-shortcuts.is-active{background:#666;color:#fff}.docs-shortcuts{padding:20px 0}.docs-shortcuts h2{margin:0 0 24px;font-size:22px;font-weight:600;color:#222;text-align:center}.docs-shortcuts-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.docs-shortcut-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8f8f8;border-radius:8px}.docs-shortcut-item kbd{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:28px;padding:0 8px;background:#fff;border:1px solid #dddddd;border-radius:6px;font-family:inherit;font-size:12px;font-weight:600;color:#333;box-shadow:0 1px 2px #0000000d}.docs-shortcut-item span{font-size:14px;color:#555}.spotify-coming-soon{width:280px;padding:24px;text-align:center}.spotify-coming-soon-icon{width:64px;height:64px;margin:0 auto 16px;border-radius:50%;background:linear-gradient(135deg,#1db954,#1ed760);display:flex;align-items:center;justify-content:center;font-size:32px;color:#fff}.spotify-coming-soon h3{margin:0 0 8px;font-size:16px;font-weight:600;color:#222}.spotify-coming-soon p{margin:0 0 16px;font-size:13px;line-height:1.5;color:#666}.spotify-coming-soon-badge{display:inline-block;padding:6px 16px;background:#f0f0f0;border-radius:20px;font-size:11px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px}.info-button-wrapper{position:relative}.first-visit-tooltip{position:absolute;top:calc(100% + 12px);right:0;background:#333;color:#fff;padding:10px 14px;border-radius:8px;font-size:13px;font-weight:500;white-space:nowrap;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #0003;animation:tooltip-bounce 2s ease-in-out infinite;z-index:100}.first-visit-tooltip:before{content:"";position:absolute;top:-6px;right:14px;width:12px;height:12px;background:#333;transform:rotate(45deg)}.first-visit-tooltip i{font-size:12px;animation:arrow-bounce 1s ease-in-out infinite}@keyframes tooltip-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes arrow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}