@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&family=JetBrains+Mono:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;800&family=Inter:wght@400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.confirm-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px;animation:fadeIn .2s ease-out}.confirm-dialog{background-color:var(--bg-primary);color:var(--text-primary);padding:1.5rem;border-radius:20px;box-shadow:0 20px 25px -5px #0003,0 10px 10px -5px #0000001a;max-width:340px;width:100%;text-align:center;border:1px solid var(--border-primary);animation:scaleIn .2s cubic-bezier(.175,.885,.32,1.275)}.confirm-message{font-size:1.2rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary);line-height:1.3}.confirm-description{font-size:.95rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.4}.confirm-actions{display:flex;flex-direction:column;gap:8px}.confirm-button{padding:.8rem 1.5rem;border:none;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease;width:100%}.confirm-button.primary{background-color:#ef4444;color:#fff;order:1}.confirm-button.cancel{background-color:transparent;color:var(--text-secondary);order:2}.confirm-button.primary:active{transform:scale(.96);background-color:#dc2626}.confirm-button.cancel:active{background-color:var(--bg-tertiary)}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width: 480px){.confirm-actions{flex-direction:row;gap:12px}.confirm-button.cancel{order:1;background-color:var(--bg-tertiary)}.confirm-button.primary{order:2}}:root{--font-main: "Inter", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--color-chord: #60a5fa}*{box-sizing:border-box;-webkit-font-smoothing:antialiased}html,body{overscroll-behavior-y:contain;touch-action:pan-x pan-y}body,#root{min-height:100dvh;margin:0;font-family:var(--font-main);color:var(--text-main)}.app-container{display:flex;flex-direction:column;width:100%;max-width:2144px;margin:0 auto}.main-content{flex:1;display:flex;flex-direction:row;gap:24px;padding:24px;background-color:var(--bg-main)}@media (max-width: 768px){.main-content{flex-direction:column;padding:16px}}.editor-textarea{flex:1;width:100%;min-height:400px;padding:20px;border-radius:16px;border:1px solid var(--border-color);background-color:var(--bg-input);color:var(--text-main);font-family:var(--font-mono);font-size:1rem;line-height:1.6;resize:none;outline:none;transition:border-color .2s}.editor-textarea:focus{border-color:var(--primary-orange)}.previewer-container{flex:1;min-width:320px;border:1px solid var(--border-color);border-radius:16px;overflow-y:auto;padding:24px;background-color:var(--bg-card)}.btn-base{display:flex;align-items:center;gap:8px;padding:10px 20px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s;border:none}.btn-primary{background-color:var(--primary-orange);color:#fff}.btn-primary:hover{background-color:var(--primary-orange-hover);transform:translateY(-1px)}.chord-line{white-space:pre;font-family:var(--font-mono);color:var(--color-chord);font-weight:700;margin-bottom:-4px}.lyric-line{white-space:pre-wrap;font-family:var(--font-main);color:var(--text-main);margin-bottom:12px}.annotation-text{color:var(--text-secondary);font-style:italic;font-size:.9rem;border-left:3px solid var(--primary-orange);padding-left:10px;margin:16px 0 8px}.tab-navigation{display:flex;gap:8px;margin-bottom:20px;background:var(--bg-input);padding:6px;border-radius:12px}.tab-button{flex:1;background:transparent;border:none;padding:8px;color:var(--text-secondary);font-weight:600;border-radius:8px;cursor:pointer}.tab-button.active{background:var(--bg-card);color:var(--primary-orange);box-shadow:0 4px 12px #0003}input:focus-visible,textarea:focus-visible{outline:none}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.mb-2{margin-bottom:.5rem}.items-center{align-items:center}.gap-2{gap:.5rem}.mt-1{margin-top:.25rem}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border-b{border-bottom:1px solid}.border-gray-100{border-color:#f3f4f6}.bg-black-5{background-color:#0000000d}.dark .dark\:border-white-10{border-color:#ffffff1a}.dark .dark\:bg-white-5{background-color:#ffffff0d}.text-red-500{color:#ef4444}.fade-in{animation:fadeInPage .4s ease-out}@keyframes fadeInPage{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.offline-app-banner{position:fixed;left:12px;right:12px;top:calc(10px + env(safe-area-inset-top,0px));z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:16px;border:1px solid rgba(var(--status-warning-rgb),.25);background:linear-gradient(135deg,rgba(var(--status-warning-rgb),.12),transparent),var(--bg-secondary);color:var(--text-primary);box-shadow:0 10px 28px #0000002e}.offline-app-banner strong{display:block;font-size:.82rem;font-weight:900}.offline-app-banner span{display:block;margin-top:2px;font-size:.74rem;color:var(--text-secondary)}.offline-app-banner button{border:0;border-radius:999px;padding:8px 10px;background:rgba(var(--status-warning-rgb),.16);color:var(--text-primary);font-size:.76rem;font-weight:800;display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap}@media (max-width: 768px),(pointer: coarse){input,textarea,select,.modal-input,.title-input,.artist-input,.link-input,.glass-search-input,.textarea-editor,.paste-cifra-textarea{font-size:16px!important}}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Regular-jAL9VymT.woff2) format("woff2"),url(/assets/FiraCode-Regular-B8-kG0vS.woff) format("woff"),url(/assets/FiraCode-Regular-CzoQJ4O7.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Code;src:url(/assets/FiraCode-Bold-DzhvDiv4.woff2) format("woff2"),url(/assets/FiraCode-Bold-DeMYoWdo.woff) format("woff"),url(/assets/FiraCode-Bold-BenPBVE7.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}.textarea-editor{font-family:var(--font-mono);white-space:pre}.chord-line,.chord-text,.lyric-line,.annotation-text,.plain-text-line{font-family:var(--font-mono);white-space:pre-wrap}.chord-line,.annotation-chord{font-weight:700}.dark{--color-background: #111827;--color-background-secondary: #1f2937;--color-background-tertiary: #374151;--color-text: #f9fafb;--color-text-light: #d1d5db;--color-text-muted: #9ca3af;--color-shadow: rgba(0, 0, 0, .3);--primary-color: #818cf8;--primary-color-light: #a5b4fc;--primary-color-dark: #6366f1;--color-secondary: #22d3ee;--color-secondary-light: #67e8f9;--color-secondary-dark: #06b6d4;--color-accent-green: #4ade80;--color-accent-green-dark: #22c55e;--color-chord: #67e8f9;--color-chord-live-mode: #67e8f9;--color-live-mode-text: #f9fafb;--color-live-mode-bg: #1f2937;--color-live-mode-controls-border: rgba(255, 255, 255, .2)}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-background);color:var(--color-text);line-height:1.5;transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}code{font-family:var(--font-mono)}*{box-sizing:border-box}button{border:none;background:none;cursor:pointer;padding:0;margin:0;font-family:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.app-container{min-height:100vh;display:flex;flex-direction:column;color:var(--color-text)}.app-main-content{flex-grow:1;display:flex;flex-direction:column;align-items:center;padding:1.5rem 1rem;max-width:80rem;margin:0 auto;width:100%;gap:2rem}@media (min-width: 768px){.app-main-content{flex-direction:row;align-items:flex-start;padding:2.5rem 2rem}}.h2-title{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:1rem;text-align:center}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:Inter,sans-serif;color:var(--color-text-dark);background-color:var(--color-background-light);min-height:100vh;display:flex;flex-direction:column;transition:background-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}.app-container{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:100vw;overflow:hidden}.main-layout{flex-grow:1;display:flex;flex-direction:column;width:100%;overflow:hidden;height:calc(100vh - var(--header-height-mobile-top) - var(--header-height-mobile-bottom))}.main-content{flex-grow:1;display:flex;flex-direction:column;width:100%;overflow:hidden}.main-container{height:100%}.loading-screen{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:var(--color-background-light);color:var(--color-text-medium);font-size:1.2rem}.loading-spinner{animation:spin 1.5s linear infinite;font-size:3rem;color:var(--color-primary)}.loading-text{font-weight:500}h1,h2,h3,h4,h5,h6{color:var(--color-text-dark)}h2.h2-title{font-size:1.8rem;font-weight:700;text-align:center;color:var(--color-primary);margin-bottom:var(--spacing-lg)}button:active:not(:disabled){filter:brightness(.95)}button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-base,button{font-size:14px}.btn-base{background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:var(--border-radius-lg);color:var(--editor-text);font-size:14px;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-base{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.btn-base.active{background-color:var(--brand-primary);color:var(--color-gray-50)}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.back-button{background:none;border:none;color:var(--color-text-medium);padding:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs);font-size:1rem}.back-button:hover{color:var(--color-primary);background-color:transparent;box-shadow:none}.input-small,.select-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.9rem;width:auto}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-text-medium) var(--color-background-medium)}.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--color-background-medium);border-radius:var(--border-radius-base)}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-text-medium);border-radius:var(--border-radius-base);border:2px solid var(--color-background-medium)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-primary)}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fadeIn .3s ease-out}.modal-content{background-color:var(--bg-secondary);padding:var(--spacing-lg);border-radius:var(--border-radius-base);box-shadow:0 8px 30px var(--color-shadow-light);position:relative;max-width:90vw;max-height:90vh;overflow-y:auto;transform:scale(.95);animation:zoomIn .3s cubic-bezier(.175,.885,.32,1.275) forwards;display:flex;flex-direction:column;gap:var(--spacing-md)}.close-modal-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;font-size:1.8rem;color:var(--color-text-medium);cursor:pointer;line-height:1;padding:var(--spacing-xs);transition:color var(--transition-speed)}.close-modal-button:hover{color:var(--color-danger)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:.8}to{transform:scale(1);opacity:1}}@media (min-width: 1025px){.main-layout{height:calc(100vh - var(--header-height-desktop))}.main-content{flex-direction:row;flex-grow:1}}.feedback-modal{display:flex;align-items:center;justify-content:center;position:fixed;width:100%;height:100%;top:0;left:0;background:var(--bg-primary);border:1px solid var(--border-color);padding:24px;border-radius:8px;box-shadow:0 4px 12px #0003;z-index:1000;text-align:center;max-width:100%;color:var(--text-color)}.feedback-content p{font-size:1.1em;margin-bottom:16px}.feedback-modal .btn-login-google{margin:auto}.feedback-modal .close-button{position:absolute;top:8px;right:8px;background:none;border:none;cursor:pointer;color:var(--text-color)}.flex{display:flex}.song-list-container{width:100%;padding:10px 0}.song-list-wrapper{display:flex;flex-direction:column;gap:8px}.song-list-container.card .song-list-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px}.song-title-row{display:flex;align-items:center;gap:4px}.card-fork-indicator{position:absolute;top:5px;right:5px;background:#2463ebe6;color:#fff;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003}.view-card .song-thumbnail{position:relative}.song-list-item{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;overflow:hidden;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,border-color .2s ease,box-shadow .3s ease}.song-list-item:hover{background-color:var(--bg-tertiary);border-color:var(--border-primary-hover);box-shadow:0 4px 12px #0000001a}.song-list-item:active{transform:scale(.999)}.song-list-item.dragging{opacity:.9;scale:1.05;z-index:9999;box-shadow:0 10px 25px #0003;border-color:var(--brand-primary)}.song-list-item:hover .song-thumbnail img{transform:scale(1.1);transition:transform .5s ease-in-out}.view-line{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;animation:all .3s ease-in-out}.view-line .song-item-main-wrapper{display:flex;align-items:center;gap:12px;flex:1;overflow:hidden}.view-line .song-thumbnail{flex-shrink:0;width:48px;height:48px;border-radius:25px 25px 25px 6px;overflow:hidden}.view-line .song-thumbnail img{width:100%}.view-line .song-item-info{display:flex;flex-direction:column;overflow:hidden}.view-line .song-title-row{display:flex;align-items:center}.view-line .song-list-item-top{font-size:.9rem;font-weight:700;color:var(--text-muted);margin-right:8px}.view-line .song-title-text{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.view-line .song-artist-text{font-size:.85rem;color:var(--text-secondary)}.song-artist-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.view-card{display:flex;flex-direction:column;padding:12px;text-align:center;height:100%}.view-card .song-item-main-wrapper{display:flex;flex-direction:column;gap:10px}.view-card .song-thumbnail{width:100%;aspect-ratio:1 / 1;position:relative;border-radius:10px;overflow:hidden;background-color:var(--color-gray-100)}.view-card .song-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.view-card .song-item-info{display:flex;flex-direction:column;gap:4px;margin-top:4px}.view-card .song-title-text{font-size:.95rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.view-card .song-artist-text{font-size:.8rem;color:var(--text-secondary)}.card-ranking-badge{position:absolute;top:6px;left:6px;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700;z-index:2}.view-card .song-list-actions{margin-top:auto;padding-top:10px;border-top:1px solid var(--border-primary);justify-content:center;width:100%;display:flex;gap:8px}.view-card:hover{transform:translateY(-6px)}.is-drag-handle{display:flex;align-items:center;padding:4px;color:var(--text-muted);cursor:grab;transition:color .2s}.is-drag-handle:active{cursor:grabbing}.song-list-actions{display:flex;gap:4px}.song-list-actions button,.setlist-actions button{background:transparent;border:none;padding:8px;border-radius:50%;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.song-list-actions button:hover,.setlist-actions button:hover{background-color:var(--bg-primary);color:var(--brand-primary)}.song-list-delete-button:hover{color:var(--status-danger, #ff4444)!important;background-color:#ff44441a!important}.song-thumbnail img[src*=placeholder]{opacity:.5;filter:grayscale(1)}.section-separator-container{display:flex;align-items:center;gap:12px;background-color:var(--bg-secondary, #f1f5f9);border-left:4px solid #3b82f6;padding:10px 16px;margin:20px 0 10px;border-radius:8px;transition:transform .2s ease,box-shadow .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.section-separator-container.is-dragging{opacity:.5;box-shadow:0 5px 15px #0000001a;cursor:grabbing}.separator-drag-handle{display:flex;align-items:center;justify-content:center;color:#94a3b8;cursor:grab;padding:4px}.separator-drag-handle:active{cursor:grabbing}.separator-content{flex:1}.separator-label{font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.08em;color:#475569;font-family:Inter,sans-serif}.separator-delete-btn{background:transparent;border:none;color:#cbd5e1;cursor:pointer;padding:6px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.separator-delete-btn:hover{background-color:#fee2e2;color:#ef4444}.song-list-container.syncing-order{pointer-events:none;cursor:wait}.song-list-container.syncing-order .song-item{opacity:.7}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background-color:var(--bg-secondary);width:90%;max-width:450px;padding:24px;border-radius:16px;box-shadow:0 10px 25px #0003;display:flex;flex-direction:column;max-height:85vh}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.modal-title{font-size:1.25rem;font-weight:600;margin:0;color:var(--text-color)}.modal-close-button{background:none;border:none;color:var(--text-color);cursor:pointer;padding:8px;border-radius:50%;transition:background-color .2s}.modal-close-button:hover{background-color:var(--bg-tertiary)}.modal-controls{display:flex;align-items:center;width:100%;margin-bottom:16px}.search-container{position:relative;width:100%;display:flex;align-items:center}.search-icon-inside{position:absolute;left:14px;color:var(--color-text-medium);pointer-events:none}.modal-body .search-input{width:100%;height:44px;padding:0 16px 0 42px;border:1.5px solid var(--bg-tertiary);border-radius:12px;background-color:var(--bg-tertiary);color:var(--text-color);font-size:15px;transition:all .3s ease}.modal-body .search-input:focus{border-color:var(--color-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1);outline:none}.modal-body{flex-grow:1;overflow-y:auto;margin-bottom:16px}.playlist-list{list-style:none;padding:0;margin:0}.playlist-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background-color:var(--bg-tertiary);border-radius:12px;margin-bottom:8px;border:1px solid transparent;transition:all .2s ease}.playlist-item.in-playlist{border-color:var(--color-primary);background-color:rgba(var(--color-primary-rgb),.05)}.playlist-name{font-weight:500;color:var(--text-color)}.playlist-toggle-button{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;background:var(--bg-secondary);color:var(--text-color);transition:all .2s ease}.playlist-toggle-button.active{background:var(--color-primary);color:#fff}.modal-footer{padding-top:16px;border-top:1px solid var(--border-color)}.create-playlist-form{display:flex;gap:8px}.create-playlist-input{flex-grow:1;height:44px;padding:0 16px;border:1px solid var(--border-color);border-radius:12px;background-color:var(--bg-tertiary);color:var(--text-color)}.create-playlist-button{width:44px;height:44px;border-radius:12px;background-color:var(--color-primary);color:#fff;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer}.spinner-small{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin .8s linear infinite}.no-playlists-message{text-align:center;color:var(--text-secondary-color);padding:20px 0}.app-close-button{position:absolute;right:20px;background:none;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);border-radius:var(--border-radius-base);color:var(--color-text-medium);transition:background-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}.app-close-button:hover,.app-close-button:focus{color:var(--color-primary);background-color:var(--color-background-medium);outline:none}html.dark .app-close-button{color:var(--color-text-medium)}html.dark .app-close-button:hover,html.dark .app-close-button:focus{color:var(--color-primary);background-color:var(--color-background-medium)}.bottom-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity var(--transition-speed) var(--transition-timing)}.bottom-sheet-overlay.is-open{opacity:1;pointer-events:auto;z-index:9999}.bottom-sheet-content{position:relative;width:100%;max-width:500px;background-color:var(--bg-secondary);color:var(--color-text-dark);border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);box-shadow:0 -8px 30px var(--color-shadow-light);padding:var(--spacing-lg);transform:translateY(100%);transition:transform var(--transition-speed) cubic-bezier(.175,.885,.32,1.275);z-index:999;box-sizing:border-box;border-top:1px solid var(--color-border);border:1px solid var(--bg-tertiary);border-bottom:none;box-shadow:0 2px 6px #00000026}.bottom-sheet-content.is-open{transform:translateY(0);padding-bottom:var(--spacing-lg)}.bottom-sheet-content.is-open .gap-sm{gap:4px}.bottom-sheet-content.is-open .btn-base{padding:5px 12px;height:40px;gap:4px}.bottom-sheet-title{font-size:1.5rem;font-weight:700;color:var(--color-text-dark);margin:0;font-family:var(--font-family-primary)}.bottom-sheet-close-button{background:none;border:none;color:var(--color-text-medium);padding:var(--spacing-sm);border-radius:var(--border-radius-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}.bottom-sheet-close-button:hover{color:var(--color-primary);background-color:var(--color-background-medium)}.bottom-sheet-body{padding-top:var(--spacing-sm);overflow-y:auto;max-height:calc(90vh - 120px)}@media (max-width: 600px){.bottom-sheet-content{max-width:100vw;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg)}}.bottom-sheet-drag-handle{width:40px;height:5px;background-color:var(--color-border);border-radius:10px;margin:-10px auto 15px;cursor:pointer}.bottom-sheet-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.bottom-sheet-drag-handle:hover{background-color:var(--text-muted)}.minimal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(var(--bg-primary),.8);backdrop-filter:blur(12px) saturate(150%);-webkit-backdrop-filter:blur(12px) saturate(150%);display:flex;align-items:center;justify-content:center;z-index:10000;animation:loaderFadeIn .3s var(--transition-timing)}.loader-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.circular-loader{width:50px;height:50px;animation:rotate 2s linear infinite}.loader-path-bg{stroke:var(--border-input);opacity:.3}.loader-path{stroke:var(--brand-primary);stroke-dasharray:1,150;stroke-dashoffset:0;animation:dash 1.5s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 0 3px var(--brand-primary))}.loader-text{font-family:var(--font-sans);font-size:.85rem;font-weight:500;color:var(--text-secondary);letter-spacing:1px;text-transform:uppercase;animation:pulseText 2s var(--transition-timing) infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}@keyframes pulseText{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1)}}@keyframes loaderFadeIn{0%{opacity:0}to{opacity:1}}.share-modal-body{padding:0 20px 30px}.share-setup{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.share-icon-circle{width:70px;height:70px;background:var(--brand-primary-light);color:var(--brand-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.session-code-container{display:flex;align-items:center;gap:12px;margin-top:10px}.code-display-wrapper{flex:1;background:var(--bg-secondary);border:2px dashed var(--brand-primary);border-radius:12px;padding:15px;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer;text-transform:uppercase}.actual-code{font-family:Inter,sans-serif;font-size:2rem;font-weight:900;letter-spacing:6px;color:var(--text-primary)}.attendees-section{margin-top:25px;border-top:1px solid var(--border-primary);padding-top:15px}.attendees-header{display:flex;align-items:center;gap:8px;margin-bottom:12px;font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary)}.attendees-list-manager{max-height:200px;overflow-y:auto}.attendees-list-manager::-webkit-scrollbar{width:4px}.attendees-list-manager::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:10px}.member-item{display:flex;align-items:center;justify-content:space-between;padding:10px;background:var(--bg-secondary);border-radius:10px;margin-bottom:2px}.member-item.is-away{opacity:.6;filter:grayscale(.5)}.member-info{display:flex;align-items:center;gap:10px}.member-details{display:flex;flex-direction:column;overflow:hidden}.member-name{font-weight:600;font-size:.95rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.member-status-text{font-size:.7rem;color:var(--text-tertiary);margin-top:-2px}.empty-attendees{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 10px;text-align:center;background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border-primary)}.empty-icon-sub{color:var(--text-tertiary);margin-bottom:12px;opacity:.5}.attendee-avatar-wrapper{position:relative;display:inline-block;padding:2px}.attendee-avatar-circle{width:32px;height:32px;border-radius:50%;overflow:hidden;border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;transition:all .2s ease}.member-avatar{width:32px;height:32px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);font-weight:600;font-size:12px}.online-indicator-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background-color:#10b981;border:2px solid var(--bg-primary);border-radius:50%;z-index:5;box-shadow:0 0 #10b981b3;animation:pulse-online 2s infinite}.attendees-avatars-stack .attendee-avatar-wrapper{margin-left:-8px}.attendees-avatars-stack .attendee-avatar-wrapper:first-child{margin-left:0}.expiration-group{display:flex;flex-direction:column;align-items:center;margin-top:12px;gap:4px}.status-expired-label{font-size:.85rem;font-weight:600;padding:4px 12px;border-radius:20px;transition:all .3s ease}.status-expired-label.is-active{color:#10b981;background:#10b9811a}.status-expired-label.is-dead{color:#ef4444;background:#ef44441a}.btn-save-permanent,.btn-leave-session,.btn-close-session,.btn-close-modal{width:100%;padding:12px;border-radius:10px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .2s ease;border:none}.btn-save-permanent{background:#10b981;color:#fff}.btn-leave-session{background:#fff1f2;color:#e11d48;border:1px solid #fda4af;margin-top:20px}.btn-leave-session:hover{background:#ffe4e6;transform:translateY(-1px)}.btn-close-session{background:transparent;color:#ef4444;border:1px solid rgba(239,68,68,.3)}.btn-close-session:hover{background:#fef2f2;border-color:#ef4444;transform:translateY(-1px)}.btn-close-modal{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-primary)}.btn-refresh-code{width:50px;height:50px;border-radius:50px;color:var(--brand-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-refresh-code:hover{color:var(--text-secondary);transform:rotate(15deg)}.btn-regenerate-code{margin:4px auto 0;background:transparent;border:none;color:#888;font-size:.8rem;font-weight:600;opacity:.8;display:flex;align-items:center;gap:6px;cursor:pointer}.pulse-animation{animation:pulse-redesign 2s infinite}@keyframes pulse-redesign{0%{transform:scale(.95);box-shadow:0 0 #4f46e566}70%{transform:scale(1);box-shadow:0 0 0 15px #4f46e500}to{transform:scale(.95);box-shadow:0 0 #4f46e500}}@keyframes pulse-online{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.featured-grid-home{display:flex;overflow-x:auto;gap:20px;padding:10px 4px 28px;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.setlist-banner-card{flex:0 0 88%;min-width:300px;scroll-snap-align:center;display:flex;align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);padding:22px;border-radius:24px;border:1px solid rgba(255,255,255,.06);cursor:pointer;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.25,1,.5,1);animation:slideInUp .5s cubic-bezier(.25,1,.5,1) backwards;box-shadow:0 12px 30px -10px #3b82f633}.setlist-banner-card:hover{transform:translateY(-1px) scale(1.01);border-color:#ffffff26;box-shadow:0 20px 40px -15px #000000b3;box-shadow:0 15px 30px -12px #3b82f633}.banner-card-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,rgba(255,255,255,.02) 0%,transparent 100%);pointer-events:none;z-index:1}.setlist-banner-card.is-live-active{background:linear-gradient(135deg,#0f172a,#064e3b);border-color:#22c55e4d}.setlist-banner-card.is-live-active:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 100% 0%,rgba(34,197,94,.15) 0%,transparent 70%);pointer-events:none}.live-soundwaves-bg{position:absolute;right:50px;bottom:-10px;display:flex;align-items:flex-end;gap:6px;opacity:.12;height:120px;pointer-events:none;z-index:1}.wave-bar{width:8px;height:100%;background:#22c55e;border-radius:4px 4px 0 0;transform-origin:bottom;animation:bounceWave 1.2s ease-in-out infinite alternate}.wave-bar:nth-child(1){animation-delay:.1s;height:60%}.wave-bar:nth-child(2){animation-delay:.4s;height:95%;animation-duration:1.5s}.wave-bar:nth-child(3){animation-delay:.2s;height:40%;animation-duration:.9s}.wave-bar:nth-child(4){animation-delay:.6s;height:80%;animation-duration:1.3s}@keyframes bounceWave{0%{transform:scaleY(.1)}to{transform:scaleY(1)}}.setlist-h-status{width:52px;height:52px;flex-shrink:0;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#94a3b8;margin-right:16px;transition:all .3s ease;z-index:2}.setlist-h-status.active{background:#22c55e;color:#fff;border-color:#4ade80;box-shadow:0 8px 24px #22c55e66}.setlist-h-info{flex:1;min-width:0;z-index:2}.setlist-tag-live-container{display:flex;align-items:center;gap:8px;margin-bottom:4px}.setlist-h-songs-count{font-size:.8rem;color:#94a3b8;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.live-indicator-tag{position:absolute;top:12px;right:25px;display:inline-flex;align-items:center;gap:6px;font-size:.65rem;font-weight:900;background:#22c55e24;color:#4ade80;padding:4px 8px;border-radius:999px;border:1px solid rgba(34,197,94,.25);letter-spacing:.5px}.live-indicator-tag:before{content:"";width:6px;height:6px;border-radius:999px;background:#22c55e;box-shadow:0 0 #22c55e8c;animation:liveDotPulse 1.8s ease-out infinite}@keyframes liveDotPulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 7px #22c55e00}to{box-shadow:0 0 #22c55e00}}.setlist-h-name{margin:0;font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mini-social-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;width:100%}.mini-attendees-stack{display:flex;align-items:center}.mini-avatar{width:26px;height:26px;border-radius:50%;border:2px solid #0f172a;background:#3b82f6;margin-left:-10px;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;color:#fff;transition:transform .2s ease}.mini-avatar img{width:100%}.mini-avatar:first-child{margin-left:0}.setlist-banner-card:hover .mini-avatar{transform:scale(1.05)}.share-badge-inline{padding:3px 10px;background:#22c55e14;color:#4ade80;border-radius:10px;font-size:.75rem;font-weight:800;border:1px solid rgba(34,197,94,.15);letter-spacing:.5px}.setlist-h-actions{display:flex;align-items:center;gap:8px;z-index:5}.btn-h-share{background:#ffffff08;border:1px solid rgba(255,255,255,.05);color:#94a3b8;cursor:pointer;padding:10px;border-radius:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-h-share:hover{background:#22c55e1a;color:#4ade80;border-color:#22c55e33;transform:scale(1.05)}.setlist-h-arrow{color:#64748b;display:flex;align-items:center;transition:all .3s cubic-bezier(.25,1,.5,1)}.setlist-banner-card:hover .setlist-h-arrow{color:#4ade80;transform:translate(4px)}.live-pulse-glow{opacity:.45;animation:pulseGlow 4s ease-in-out infinite}@keyframes pulseGlow{0%,to{opacity:.4;transform:scale(1)}50%{opacity:.8;transform:scale(1.08)}}@media (min-width: 768px){.featured-grid-home{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;overflow-x:hidden}.setlist-banner-card{flex:none;width:100%;min-width:0}}@media (min-width: 1024px){.featured-grid-home{grid-template-columns:repeat(3,1fr)}.setlist-banner-card{padding:26px;min-height:150px}.setlist-h-actions{flex-direction:row;align-items:center}}.home-divider{border:0;border-top:1px solid var(--border-primary);margin:20px 0;opacity:.5}.homepage-container,.playlists-container{display:flex;flex-direction:column;padding:var(--spacing-md);flex:1;padding-bottom:120px}.container{width:100%;max-width:1200px;margin:0 auto}.homepage-header,.playlists-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;margin-bottom:24px}.homepage-title,.playlists-title{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.homepage-search-wrapper{width:100%;margin-top:16px;margin-bottom:8px}.search-input-container{position:relative;display:flex;align-items:center;width:100%}.search-playlist-input,.home-search-input{width:100%;height:48px;padding:0 45px 0 42px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;outline:none;transition:all .2s ease}.search-playlist-input:focus,.home-search-input:focus,.search-input-container:focus-within .home-search-input{border-color:var(--brand-primary);background:var(--bg-primary);box-shadow:0 0 0 3px rgba(var(--brand-primary-rgb),.1)}.search-icon-inside,.search-icon-home{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none;z-index:2}.clear-search-home{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;z-index:2}.playlists-actions-bar{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.search-container{position:relative;flex:1}.search-icon-inside{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary)}.search-playlist-input,.home-search-input{width:100%;height:48px;padding:0 16px 0 42px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.search-playlist-input:focus{border-color:var(--brand-primary)}.action-group-main{display:flex;gap:10px;width:100%}.btn-action-primary,.btn-action-outline{height:48px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.btn-action-primary{flex:1.5;background-color:var(--brand-primary);color:#fff}.btn-action-outline{flex:1;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-primary)}.sheet-form{display:flex;flex-direction:column;gap:16px;padding:10px 0 20px}.sheet-description{font-size:.95rem;color:var(--text-secondary);line-height:1.4;margin-bottom:var(--spacing-md)}.create-playlist-input-large{width:100%;height:54px;padding:0 16px;font-size:1.1rem;border-radius:12px;border:2px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary)}.create-playlist-button-full{width:100%;height:52px;background:var(--brand-primary);color:#fff;border-radius:12px;font-weight:700;font-size:1rem}@media (min-width: 810px){.playlists-container{padding:var(--spacing-xl)}.playlists-header{flex-direction:row;justify-content:space-between;align-items:center;text-align:left;margin-bottom:32px}.playlists-actions-bar{flex-direction:row;width:auto;margin-top:0;gap:16px;flex:1;justify-content:space-between}.search-container{max-width:350px}.action-group-main{width:auto}.btn-action-primary,.btn-action-outline{padding:0 24px;flex:none}}.empty-list-message{text-align:center;padding:60px 20px;color:var(--text-secondary)}.icon-loading{animation:spin 1s linear infinite}.pagination-container{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:32px;padding:24px 20px;border-top:1px solid var(--border-primary)}.btn-show-all-link{background:none;border:none;color:var(--text-secondary);font-size:.85rem;font-weight:500;text-underline-offset:4px;cursor:pointer;padding:8px;transition:color .2s ease}.btn-show-all-link:hover{color:var(--brand-primary)}.btn-show-less{display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);color:var(--text-secondary);border:1px dashed var(--border-input);padding:12px 24px;border-radius:var(--border-radius-base);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-show-less:hover{background-color:var(--color-gray-200);color:var(--text-primary);border-style:solid}html.dark .btn-show-less:hover{background-color:var(--color-gray-800)}.featured-setlists-section{margin-bottom:24px;animation:fadeIn .5s ease}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.section-subtitle{font-size:.9rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.setlist-horizontal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}@media (max-width: 600px){.setlist-horizontal-grid{grid-template-columns:1fr}}@keyframes pulse-skeleton{0%{background-color:var(--bg-tertiary, #e2e8f0);opacity:1}50%{background-color:var(--border-primary, #cbd5e1);opacity:.5}to{background-color:var(--bg-tertiary, #e2e8f0);opacity:1}}.skeleton{animation:pulse-skeleton 1.5s infinite ease-in-out;border-radius:8px;width:100%}.skeleton-card{height:120px;min-width:140px;flex:1;border-radius:12px}.skeleton-list-item{height:64px;margin-bottom:8px;border-radius:12px}.song-list-container.card .skeleton-list-item{height:140px;margin-bottom:0}.icon-loading{animation:spin 1s linear infinite;color:var(--brand-primary)}.premium-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(145deg,#1e293b,#0f172a);border-radius:16px;padding:20px 50px;margin-bottom:24px;position:relative;overflow:hidden;max-height:300px;opacity:1;transform-origin:top center;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease,transform .3s ease}.premium-cta-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;pointer-events:none;opacity:.5}.premium-cta-banner.banner-share{border:1px solid rgba(59,130,246,.25);box-shadow:0 12px 30px -10px #3b82f633}.banner-share:before{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.1),transparent 60%)}.banner-share .cta-icon-wrapper{background:#3b82f626;color:#60a5fa;box-shadow:inset 0 0 0 1px #3b82f633}.banner-share .cta-text-group h3{color:#60a5fa}.premium-cta-banner.banner-premium{border:1px solid rgba(245,158,11,.25);box-shadow:0 12px 30px -10px #f59e0b26}.banner-premium:before{background:radial-gradient(circle at 50% 50%,rgba(245,158,11,.08),transparent 60%)}.banner-premium .cta-icon-wrapper{background:#f59e0b26;color:#fbbf24;box-shadow:inset 0 0 0 1px #f59e0b33}.banner-premium .cta-text-group h3{color:#fbbf24}.cta-icon-wrapper{padding:14px;border-radius:14px;display:flex;align-items:center;justify-content:center}.cta-text-group{flex:1;position:relative;z-index:1}.cta-text-group h3{margin:0 0 4px;font-size:1.15rem;font-weight:800;letter-spacing:-.01em}.cta-text-group p{margin:0;color:#cbd5e1;font-size:.95rem;line-height:1.4}.btn-cta-upgrade{position:relative;z-index:1;padding:12px 28px;border-radius:10px;font-weight:800;font-size:.95rem;white-space:nowrap;border:none;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-share-style{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 12px -2px #2563eb66,inset 0 1px #fff3}.btn-share-style:hover{transform:translateY(-2px);box-shadow:0 6px 16px -2px #2563eb80,inset 0 1px #ffffff4d}.btn-premium-style{background:linear-gradient(180deg,#f59e0b,#d97706);color:#451a03;box-shadow:0 4px 12px -2px #f59e0b66,inset 0 1px #ffffff4d}.btn-premium-style:hover{transform:translateY(-2px);box-shadow:0 6px 16px -2px #f59e0b80,inset 0 1px #fff6}.btn-cta-upgrade:active{transform:translateY(0);box-shadow:inset 0 2px 4px #0003}@media (max-width: 650px){.premium-cta-banner{flex-direction:column;text-align:center;padding:24px 20px}.cta-icon-wrapper{margin:0 auto;width:-moz-fit-content;width:fit-content}.btn-cta-upgrade{width:100%;padding:14px;font-size:1rem}}.premium-cta-banner.cta-closing{max-height:0;opacity:0;padding-top:0;padding-bottom:0;margin-bottom:0;border-width:0;transform:scaleY(.9)}.btn-close-cta{position:absolute;top:12px;right:12px;background:transparent;border:none;color:#fff6;cursor:pointer;padding:6px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;z-index:10}.btn-close-cta:hover{color:#ffffffe6;background:#ffffff1a;transform:translateY(-2px)}.btn-close-cta:active{transform:translateY(0)}.homepage-actions-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;margin-bottom:12px}.homepage-actions-main{min-width:0;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.homepage-actions-main,.homepage-actions-icons{padding-top:10px}.homepage-actions-main::-webkit-scrollbar{display:none}.homepage-actions-icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.home-chip-action{height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:.82rem;font-weight:800;white-space:nowrap;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.home-chip-action:hover{transform:translateY(-.1px);color:var(--text-primary);border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 7%,var(--bg-secondary))}.home-chip-action.is-public{color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 28%,transparent);background:color-mix(in srgb,var(--brand-primary) 9%,var(--bg-secondary))}.home-chip-primary{color:#fff;border-color:transparent;background:var(--brand-primary)}.home-chip-primary:hover{color:#fff;background:var(--brand-primary-dark)}.home-icon-action{width:38px;height:38px;border-radius:14px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.home-icon-action:hover,.home-icon-action.active{transform:translateY(-1px);color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent);background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-secondary))}.home-icon-action:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (max-width: 640px){.homepage-actions-strip{align-items:flex-start;gap:10px}.homepage-actions-main{flex:1}.home-chip-desktop-only{display:none}.home-chip-action{height:36px;padding:0 11px;font-size:.78rem}.home-icon-action{width:36px;height:36px;border-radius:13px}}.premium-cta-banner.banner-playstore{border:1px solid rgba(59,130,246,.25);box-shadow:0 12px 30px -10px #3b82f62e}.banner-playstore:before{background:radial-gradient(circle at 50% 50%,rgba(59,130,246,.08),transparent 60%)}.banner-playstore .cta-icon-wrapper{background:#3b82f626;color:#60a5fa;box-shadow:inset 0 0 0 1px #3b82f633}.banner-playstore .cta-text-group h3{color:#60a5fa}.btn-playstore-style{background:linear-gradient(180deg,#334155,#1e293b);color:#f8fafc;box-shadow:0 4px 12px -2px #0f172a73,inset 0 1px #ffffff1f}.btn-playstore-style:hover{transform:translateY(-2px);background:linear-gradient(180deg,#475569,#334155)}:root{--bg-main: #0d1117;--panel-surface: #161b22;--led-blue: #2f81f7;--led-yellow: #f1e05a;--led-red: #f85149;--border-subtle: rgba(240, 246, 252, .1)}.bpm-visualizer-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;background-color:var(--bg-main);background-image:radial-gradient(circle at 50% 50%,rgba(47,129,247,.08) 0%,transparent 70%);color:#f0f6fc;font-family:Inter,sans-serif;padding:20px 20px 120px}.bpm-header{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:40px}.bpm-title{font-family:JetBrains Mono,monospace;font-size:.9rem;letter-spacing:.5rem;color:var(--text-secondary);text-transform:uppercase}.bpm-main-controls{display:flex;align-items:center;gap:25px;background:var(--panel-surface);padding:12px 24px;border-radius:50px;border:1px solid var(--border-subtle);box-shadow:0 10px 30px #00000080,inset 0 1px #ffffff0d}.main-play-btn{width:64px;height:64px;border-radius:50%;border:none;background:linear-gradient(145deg,var(--led-blue),#1a5fb4);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s cubic-bezier(.4,0,.2,1)}.main-play-btn.playing{background:linear-gradient(145deg,var(--led-red),#a52822);box-shadow:0 0 20px #f8514966}.main-play-btn:active{transform:scale(.92)}.stepper-btn{color:var(--text-secondary);padding:20px}.pulse-indicator{width:280px;height:280px;border-radius:50%;background:#0d1117;border:10px solid #21262d;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;box-shadow:0 30px 60px #0009,inset 0 0 40px #000c;margin-bottom:40px;transition:border-color .1s ease}.bpm-value{font-family:JetBrains Mono,monospace;font-size:6.5rem;font-weight:800;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.1);-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.pulse-indicator:after{content:"STABLE CLOCK";position:absolute;bottom:55px;font-size:.6rem;font-family:JetBrains Mono,monospace;color:var(--led-blue);letter-spacing:2px;opacity:.6}.beat-indicators-wrapper{display:flex;justify-content:center;gap:10px;margin-bottom:40px}.beat-indicator{width:35px;height:8px;border-radius:2px;background:#21262d;transition:all .05s ease}.hit-strong{background:var(--led-yellow)!important;box-shadow:0 0 15px var(--led-yellow),0 0 30px #f1e05a33}.hit-weak{background:var(--led-blue)!important;box-shadow:0 0 12px var(--led-blue)}.config-panel{display:flex;gap:40px;background:var(--panel-surface);padding:20px 35px;border-radius:20px;border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.config-item .label{display:block;font-family:JetBrains Mono,monospace;font-size:.65rem;color:var(--text-secondary);margin-bottom:10px;text-transform:uppercase}.bpm-input{background:#0d1117;border:1px solid #30363d;color:var(--led-blue);font-family:JetBrains Mono,monospace;font-size:1.4rem;width:90px;padding:8px;border-radius:8px;text-align:center;outline:none}.bpm-input:focus{border-color:var(--led-blue)}.beats-buttons{display:flex;align-items:center;background:#30363d;border-radius:8px;padding:4px}.beats-buttons button{background:transparent;border:none;color:#fff;width:35px;height:35px;cursor:pointer;font-size:1.2rem;transition:background .2s}.beats-buttons button:hover{background:#ffffff1a}.beats-value{padding:0 15px;font-family:JetBrains Mono,monospace;font-weight:700}.pulsing-downbeat{animation:hardware-flash .12s ease-out;border-color:var(--led-yellow)!important}@keyframes hardware-flash{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.015);filter:brightness(1.2)}to{transform:scale(1);filter:brightness(1)}}.mute-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;opacity:.7;transition:.2s}.mute-toggle:hover{opacity:1;color:#fff}.mute-toggle.is-muted{color:var(--led-red);opacity:1}.chord-context-menu{position:fixed;z-index:1000;border-radius:.5rem;padding:1rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transition:background-color .2s ease,border-color .2s ease,color .2s ease;background-color:var(--modal-menu-bg);border:1px solid var(--modal-menu-border);color:var(--modal-menu-text)}.chord-context-menu-input{width:100%;padding:.5rem .75rem;margin-bottom:.5rem;border-radius:.25rem;border:1px solid var(--modal-menu-input-border);background-color:var(--modal-menu-input-bg);color:var(--modal-menu-text);font-size:1rem}.chord-context-menu-input::-moz-placeholder{color:var(--modal-menu-placeholder)}.chord-context-menu-input::placeholder{color:var(--modal-menu-placeholder)}.chord-context-menu-input:focus{outline:none;border-color:var(--button-bg);box-shadow:0 0 0 2px #4f46e54d}.chord-list-container{max-height:12rem;overflow-y:auto}.chord-list-item-button{display:block;width:100%;text-align:left;padding:.5rem;border-radius:.25rem;cursor:pointer;background-color:transparent;border:none;font-size:1rem;color:var(--modal-menu-text);transition:background-color .15s ease,color .15s ease}.dark .chord-list-item-button{color:var(--modal-menu-text)}.chord-list-item-button:hover,.dark .chord-list-item-button:hover{background-color:var(--modal-menu-hover)}.chord-menu-message{font-size:.875rem;padding:.5rem 0;color:var(--modal-menu-placeholder)}.dark .chord-menu-message{color:var(--modal-menu-placeholder)}.insert-chord-button{margin-top:.75rem;width:100%;padding:.5rem 1rem;border-radius:.375rem;font-weight:700;cursor:pointer;border:none;transition:background-color .2s ease,opacity .2s ease;background-color:var(--button-bg);color:#fff}.insert-chord-button:hover{background-color:var(--button-hover)}.insert-chord-button:disabled{opacity:.5;cursor:not-allowed}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar{width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:10px;border:2px solid var(--scrollbar-track)}.dark .custom-scrollbar{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.dark .custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.dark .custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-color:var(--scrollbar-track)}.chord-list-item-button.highlighted{background-color:var(--primary-color);color:var(--primary-text-color);border:1px solid var(--primary-border-color)}.chord-context-menu{z-index:1000;position:fixed}.chord-context-menu.centered-modal{top:50%;left:50%;transform:translate(-50%,-50%)}.editor-container{display:flex;flex-direction:column;flex-grow:1;padding:var(--spacing-md);gap:var(--spacing-md)}.editor-toolbar{display:flex;flex-flow:column;padding:var(--spacing-sm);gap:var(--spacing-sm);border-radius:var(--border-radius-base);background-color:var(--editor-toolbar-bg)}.title-artist-inputs,.youtube-input{cursor:text;caret-color:var(--color-primary);display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.title-input,.artist-input,.link-input{flex-grow:1;padding:10px 20px;font-size:1.1rem;font-weight:500;cursor:text;caret-color:var(--color-primary);border:1px solid var(--editor-border);border-radius:var(--border-radius-lg);background-color:var( --editor-bg );color:var(--editor-text);transition:all var(--transition-speed) var(--transition-timing)}.link-input{width:100%}.title-input:focus,.artist-input:focus,.link-input:focus{outline:none;border-color:var(--color-primary)}html.dark .title-input,html.dark .artist-input,html.dark .link-input{color:var(--color-text-light)}html.dark .title-input:focus,html.dark .artist-input:focus,html.dark .link-input:focus{border-color:var(--color-primary)}.image-input-section{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);width:100%}.image-input-section .link-input{flex:1;margin-bottom:0}.image-preview-container{width:52px;height:52px;min-width:52px;border-radius:var(--border-radius-lg);border:1px solid var(--editor-border);background-color:var(--editor-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.image-preview-container img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 504px){.image-input-section{flex-direction:row;align-items:center}.image-preview-container{width:48px;height:48px;min-width:48px}}.btn-editor{background-color:var(--editor-bg);border:1px solid var(--editor-border);border-radius:6px;color:var(--editor-text);font-size:14px;padding:8px 12px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.editor-buttons,.tag-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-sm)}.btn-editor:hover:not(:disabled){background-color:var(--bg-secondary);border-color:var(--color-border-dark)}.btn-editor:disabled{opacity:.5;cursor:not-allowed}.textarea-editor{flex-grow:1;width:100%;min-height:250px;max-height:80vh;padding:14px;font-family:Courier New,monospace;font-size:1rem;line-height:1.8;border-radius:var(--border-radius-lg);background-color:var(--editor-bg);color:var(--editor-text);border:1px solid var(--editor-border);resize:vertical;overflow-y:auto;transition:.2s;font-weight:400;cursor:text;caret-color:var(--color-primary)}.textarea-editor:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.2)}.textarea-editor::-moz-placeholder{color:var(--text-placeholder)}.textarea-editor::placeholder{color:var(--text-placeholder)}html.dark .textarea-editor::-moz-placeholder{color:var(--text-placeholder)}html.dark .textarea-editor::placeholder{color:var(--text-placeholder)}@media (min-width: 1025px){.textarea-editor{min-height:400px;max-height:none}.editor-buttons,.tag-buttons{justify-content:flex-start}}@media (max-width: 1024px){.editor-container{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}.textarea-editor{min-height:100vh;padding-bottom:96px}}@media (max-width: 810px){.editor-buttons,.tag-buttons{justify-content:left;gap:10px}}@media (max-width: 504px){.editor-buttons,.tag-buttons{gap:10px}.btn-editor{max-width:100%;padding:10px 14px}}.replace-modal-overlay{z-index:9999}.mobile-editor-toolbar{position:fixed;right:10px;bottom:calc(110px + env(safe-area-inset-bottom,0px));z-index:9999;width:58px;padding:7px;display:flex;flex-direction:column;gap:7px;border:1px solid var(--editor-border);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.06),transparent),var(--bg-secondary);box-shadow:0 12px 34px #00000047;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);opacity:0;transform:translate(120%);pointer-events:none;transition:opacity .22s ease,transform .22s ease}.mobile-editor-toolbar.show{opacity:1;transform:translate(0);pointer-events:auto}.mobile-editor-tool{width:44px;height:44px;border:0;border-radius:15px;background:var(--bg-primary);color:var(--text-secondary);display:grid;place-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,background .16s ease,color .16s ease}.mobile-editor-tool span{display:none}.mobile-editor-tool:hover{color:var(--text-primary);background:var(--bg-tertiary)}.mobile-editor-tool:active{transform:scale(.94)}.mobile-editor-tool.primary{color:#fff;background:var(--color-primary);box-shadow:0 10px 20px rgba(var(--color-primary-rgb),.24)}@media (min-width: 1025px){.mobile-editor-toolbar{right:24px;bottom:auto;top:50%;transform:translate(120%,-50%)}.mobile-editor-toolbar.show{transform:translateY(-50%)}.mobile-editor-tool{width:46px;height:46px}}.mobile-fixed-toolbar.show{opacity:1;pointer-events:auto;transform:translateY(-50%)}.mobile-tags-container{display:flex;flex-direction:column;gap:4px}.fixed-save-button{position:fixed;bottom:20px;left:50%;transform:translate(-50%);text-align:center;background-color:var(--color-blue-500);color:#fff;box-shadow:0 4px 10px #0000004d;padding:12px 30px;border:none;border-radius:50px;font-weight:700;z-index:1000;transition:background-color .2s;display:flex;align-items:center;gap:8px}.fixed-save-button:hover{background-color:var(--color-blue-600)!important}@media (max-width: 1024px){.fixed-save-button{bottom:90px;padding:10px 20px}}.glass-search-container{margin-bottom:1.5rem;width:100%}.glass-search-bar{display:flex;align-items:center;background:var(--bg-tertiary);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:50px;padding:6px 6px 6px 18px;gap:12px;box-shadow:0 4px 15px #0000000d;transition:all .3s ease}.glass-search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 4px 20px #3b82f626;transform:translateY(-1px)}.search-icon-glass{color:var(--text-secondary);opacity:.7}.glass-search-input{flex:1;background:transparent;border:none;color:var(--text-primary);font-size:1rem;outline:none;font-weight:500}.glass-search-input::-moz-placeholder{color:var(--text-tertiary);font-weight:400}.glass-search-input::placeholder{color:var(--text-tertiary);font-weight:400}.glass-search-btn{background-color:var(--color-primary);color:#fff;border:none;border-radius:50px;padding:10px 22px;font-weight:600;font-size:.95rem;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s ease}.glass-search-btn:hover{filter:brightness(1.1);transform:scale(1.02)}:root{--background-modal-overlay: rgba(0, 0, 0, .5)}.replace-modal{background-color:var(--bg-secondary);padding:24px;box-shadow:var(--modal-box-shadow);border-radius:var(--border-radius-base);transition:background-color .2s ease,border-color .2s ease,color .2s ease;background-color:var(--modal-menu-bg);width:90%;max-width:400px}.replace-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9999;background-color:var(--modal-menu-bg);padding:24px;box-shadow:var(--modal-box-shadow);border-radius:var(--border-radius-base);border:1px solid var(--modal-menu-border);width:90%;max-width:400px}.replace-modal .title{display:flex;gap:3px;align-items:center;margin-top:0;margin-bottom:16px;color:var(--text-primary)}.replace-modal .icon{display:flex;align-items:center;color:var(--text-primary)}.modal-input-group{margin-bottom:16px}.modal-input-group label{display:block;margin-bottom:8px;color:var(--text-secondary)}.modal-input-group input{width:100%;padding:.5rem .75rem;margin-bottom:.5rem;border-radius:.25rem;border:1px solid var(--modal-menu-input-border);background-color:var(--modal-menu-input-bg);color:var(--modal-menu-text);font-size:1rem}.replace-modal .nav-buttons{display:flex;margin-top:10px;gap:3px}.modal-buttons{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.replace-modal .nav-buttons button{padding:8px 16px;border:none;border-radius:var(--border-radius-base);cursor:pointer;background-color:var(--secondary-button-bg);color:var(--text-primary)}.replace-modal .modal-buttons button{padding:8px 16px;border:none;border-radius:var(--border-radius-base);cursor:pointer;background-color:var(--primary-button-bg);color:var(--primary-button-text)}.replace-modal .modal-buttons button:last-child{background-color:var(--secondary-button-bg);color:var(--secondary-button-text)}.replace-modal .modal-buttons button:disabled{opacity:.5;cursor:not-allowed}.replace-count{font-size:.9rem;color:var(--text-secondary);margin-top:16px}.editor-container .find.textarea-editor::-moz-selection{background-color:var(--color-yellow-200);color:var(--text-primary)}.editor-container .find.textarea-editor::selection{background-color:var(--color-yellow-200);color:var(--text-primary)}.notation-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at top,rgba(36,99,235,.18),transparent 38%),#020617c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notation-modal-content{width:min(760px,100%);max-height:88vh;display:flex;flex-direction:column;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 160px),var(--bg-primary, #0f172a);border:1px solid var(--border-primary, rgba(148, 163, 184, .18));box-shadow:0 28px 80px #0000006b,inset 0 1px #ffffff0f}.notation-modal-header{padding:20px 22px;border-bottom:1px solid var(--border-primary, rgba(148, 163, 184, .18));display:flex;justify-content:space-between;align-items:center;gap:16px;background:linear-gradient(135deg,#2463eb24,#10b9810d),transparent}.notation-title-wrapper{display:flex;align-items:center;gap:12px;min-width:0;color:var(--brand-primary, #2463eb)}.notation-title-wrapper svg{flex-shrink:0;filter:drop-shadow(0 8px 18px rgba(36,99,235,.25))}.notation-title-wrapper h3{margin:0;color:var(--text-primary, #f8fafc);font-size:1.05rem;font-weight:850;letter-spacing:-.02em}.btn-close-notation{width:40px;height:40px;border:1px solid var(--border-primary, rgba(148, 163, 184, .18));border-radius:14px;background:#ffffff0a;color:var(--text-secondary, #94a3b8);cursor:pointer;display:grid;place-items:center;transition:transform .16s ease,background .16s ease,color .16s ease}.btn-close-notation:hover{transform:translateY(-1px);background:#ef44441f;color:#ef4444}.notation-modal-body{padding:22px;overflow-y:auto}.notation-intro{margin:0 0 20px;padding:14px 16px;border-radius:18px;background:#2463eb14;border:1px solid rgba(36,99,235,.18);color:var(--text-secondary, #cbd5e1);font-size:.92rem;line-height:1.55}.notation-intro strong{color:var(--text-primary, #f8fafc)}.notation-section{margin-bottom:22px;padding:16px;border-radius:20px;background:var(--bg-secondary, rgba(15, 23, 42, .82));border:1px solid var(--border-primary, rgba(148, 163, 184, .14))}.notation-section h4{margin:0 0 14px;color:var(--text-primary, #f8fafc);font-size:.82rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em;display:flex;align-items:center;gap:8px}.notation-section h4:before{content:"";width:8px;height:8px;border-radius:999px;background:var(--brand-primary, #2463eb);box-shadow:0 0 0 4px #2463eb1f}.notation-table{width:100%;border-collapse:separate;border-spacing:0 8px;font-size:.88rem}.notation-table thead th{text-align:left;padding:0 10px 4px;border:0;color:var(--text-tertiary, #64748b);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em}.notation-table tbody tr{background:var(--bg-primary, #0f172a);border-radius:14px;transition:transform .14s ease,background .14s ease}.notation-table tbody tr:hover{transform:translateY(-1px);background:#2463eb14}.notation-table td{padding:12px 10px;border:0;color:var(--text-secondary, #cbd5e1);vertical-align:middle}.notation-table td:first-child{border-top-left-radius:14px;border-bottom-left-radius:14px}.notation-table td:last-child{border-top-right-radius:14px;border-bottom-right-radius:14px}.sym-cell{width:120px}.sym-cell code{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border-radius:10px;background:#2463eb1f;border:1px solid rgba(36,99,235,.18);color:var(--brand-primary, #2463eb);font-family:Fira Code,Courier New,monospace;font-size:.84rem;font-weight:850;white-space:nowrap}.ex-cell{color:var(--text-tertiary, #94a3b8);font-family:Fira Code,Courier New,monospace;font-size:.8rem;font-style:normal;white-space:nowrap}.notation-tip{margin-top:8px;padding:14px 16px;border-radius:18px;display:flex;gap:12px;align-items:flex-start;color:var(--text-secondary, #cbd5e1);font-size:.88rem;line-height:1.5;background:linear-gradient(135deg,#f59e0b1f,#2463eb14);border:1px solid rgba(245,158,11,.2)}.notation-tip svg{flex-shrink:0;color:#f59e0b;margin-top:2px}.notation-tip strong{color:var(--text-primary, #f8fafc)}.notation-tip code{display:inline-flex;padding:2px 6px;border-radius:7px;background:#ffffff0f;color:var(--brand-primary, #2463eb);font-family:Fira Code,Courier New,monospace;font-weight:800}@media (max-width: 640px){.notation-modal-overlay{align-items:flex-end;padding:10px}.notation-modal-content{max-height:92vh;border-radius:24px 24px 18px 18px}.notation-modal-header{padding:18px}.notation-title-wrapper h3{font-size:.98rem}.notation-modal-body{padding:16px}.notation-section{padding:14px;border-radius:18px}.notation-table,.notation-table thead,.notation-table tbody,.notation-table tr,.notation-table th,.notation-table td{display:block;width:100%}.notation-table thead{display:none}.notation-table{border-spacing:0}.notation-table tbody tr{padding:12px;margin-bottom:10px;border:1px solid var(--border-primary, rgba(148, 163, 184, .14));border-radius:16px}.notation-table td{padding:0}.notation-table td+td{margin-top:8px}.sym-cell{width:100%}.sym-cell code{justify-content:flex-start}.ex-cell{white-space:normal;line-height:1.45}.ex-cell:before{content:"Exemplo: ";color:var(--text-tertiary, #64748b);font-family:inherit;font-weight:700}.notation-tip{font-size:.82rem}}.notation-usage-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:22px}.notation-usage-card{padding:14px;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border-primary)}.notation-usage-card strong{display:block;color:var(--text-primary);font-size:.9rem;margin-bottom:4px}.notation-usage-card span{display:block;color:var(--text-secondary);font-size:.8rem;margin-bottom:10px}.notation-usage-card code{display:block;white-space:pre-wrap;font-family:Fira Code,Courier New,monospace;color:var(--brand-primary);background:#2463eb1a;border:1px solid rgba(36,99,235,.16);border-radius:10px;padding:8px 10px;line-height:1.45}.notation-section-desc{margin:-4px 0 12px;color:var(--text-secondary);font-size:.84rem;line-height:1.45}.ex-cell code{display:block;white-space:pre-wrap;font-family:Fira Code,Courier New,monospace;font-style:normal;color:var(--text-tertiary);background:transparent;padding:0}@media (min-width: 720px){.notation-usage-grid{grid-template-columns:1fr 1fr}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--spacing-md)}.modal-content{background-color:var(--bg-secondary);max-width:500px;width:95%;border-radius:16px;box-shadow:var(--modal-box-shadow);border:1px solid var(--border-primary);overflow:hidden;animation:modalSlideUp .3s var(--transition-timing)}.modal-header{padding:20px;border-bottom:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0}.modal-close-button{background:var(--bg-tertiary, #f1f5f9);color:var(--text-secondary);border:none;border-radius:50%;padding:5px;cursor:pointer;display:flex;transition:all var(--transition-speed)}.tab-navigation{display:flex;background:var(--bg-primary, #f8fafc);padding:5px;gap:5px}.tab-button{flex:1;padding:10px;border:none;border-radius:10px;background:transparent;color:var(--text-secondary, #64748b);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:.3s}.tab-button.active{background:var(--bg-secondary, #fff);color:var(--brand-primary, #2196f3);box-shadow:0 2px 8px #0000000d}.local-tab .search-container{max-width:100%;position:relative;display:flex;align-items:center;width:100%}.web-tab .input-group{display:flex;gap:8px;width:100%;padding:8px}@media (min-width: 810px){.local-tab .search-container{width:100%}}.search-icon-fixed{position:absolute;left:14px;color:#94a3b8;z-index:1}.modal-input{width:100%;background-color:var(--bg-input, #ffffff);color:var(--text-primary)!important;border:2px solid var(--border-input, #e2e8f0);border-radius:10px;padding:12px 16px;font-size:14px;transition:all .2s;outline:none}.modal-input.with-icon{padding-left:40px}.modal-input:focus{border-color:var(--brand-primary, #2196f3);box-shadow:0 0 0 4px #2196f31a}.btn-import{padding:10px 20px;border-radius:10px;background:var(--brand-primary, #2196f3);color:#fff;border:none;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #2196f34d;transition:.2s}.btn-import.success{background:#10b981;box-shadow:0 2px 4px #10b9814d}.song-list{max-height:40vh;overflow-y:auto;margin-top:15px;list-style:none;padding:0}.song-item{display:flex;justify-content:space-between;padding:14px;border-radius:10px;margin-bottom:5px;background:var(--bg-secondary, #fff);border:1px solid var(--border-primary, #f1f5f9);cursor:pointer;transition:.2s}.song-item:hover{background:var(--bg-primary)}.song-item{-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:pointer;transition:background .2s}.song-item:active{background-color:var(--bg-tertiary);transform:scale(.999)}.info-box{margin-top:30px;padding:15px;background:#eff6ff;border-radius:12px;border-left:4px solid #2196f3;color:#1e40af;font-size:12px;line-height:1.5}.spinner-mini{width:14px;height:14px;border:2px solid #2196f3;border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.song-info{display:flex;flex-direction:column;gap:2px}.song-artist{text-align:left;font-size:11px;color:var(--text-secondary);opacity:.7}.icon-success{color:#10b981}.icon-action{color:var(--brand-primary)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--text-secondary);text-align:center;gap:12px}.input-group{display:flex;gap:8px;width:100%}.btn-primary{background:var(--brand-primary);color:#fff;border:none;border-radius:10px;padding:0 15px;cursor:pointer}.clipboard-suggestion{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:12px;margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;animation:slideInDown .4s ease-out}@keyframes slideInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.suggestion-content{display:flex;gap:12px;align-items:center}.suggestion-text p{margin:0;font-size:12px;font-weight:600;color:#166534}.suggestion-text span{font-size:11px;color:#15803d;display:block}.btn-import-now{background:#22c55e;color:#fff;border:none;padding:8px 14px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:.2s}.btn-import-now:hover{background:#16a34a;transform:translateY(-1px)}.pulse-icon{color:#22c55e;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}.info-box-v2{font-size:.8rem;display:flex;margin-top:20px;justify-content:center;align-items:start;gap:6px;color:var(--text-secondary);padding:10px;border-radius:8px;background:var(--bg-secondary)}.info-box-v2 strong{color:var(--brand-primary)}.coming-soon{display:block;font-size:.75rem;opacity:.6;font-style:italic;margin-left:4px}.fallback-search-box{display:flex;flex-direction:column;align-items:center;padding:24px;margin-top:20px;background:var(--bg-secondary);border-radius:20px;text-align:center}.error-icon{color:var(--color-yellow-500);margin-bottom:12px}.error-title{font-weight:700;margin:0;font-size:1.1rem}.error-subtitle{font-size:.85rem;opacity:.7;margin-top:4px;margin-bottom:16px}.btn-google-search,.btn-more-results{width:100%;padding:12px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--color-primary);color:#fff;border:none;border-radius:12px;font-weight:600;transition:opacity .2s}.btn-google-search:active{opacity:.8}@keyframes tilt-shaking{0%{transform:rotate(0)}25%{transform:rotate(10deg)}50%{transform:rotate(0)}75%{transform:rotate(-10deg)}to{transform:rotate(0)}}.animated-emoji{display:inline-block;font-size:3rem;animation:tilt-shaking 2.5s infinite ease-in-out;margin-bottom:8px}.web-tab .song-title{text-align:left}.song-actions{display:flex;gap:8px;align-items:center}.icon-btn{background:transparent;border:none;padding:8px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;color:var(--text-secondary)}.icon-btn.link{color:var(--text-secondary)}.icon-btn.download{color:var(--brand-primary, #2196f3)}.icon-btn:active{background:var(--bg-tertiary);transform:scale(.9)}.badge-source{font-size:.65rem;padding:2px 8px;border-radius:6px;margin-left:8px;font-weight:700;text-transform:uppercase}.badge-cifraclub{background:#ff7a0020;color:#ff7a00}.badge-cifras{background:#44a6dd20;color:#3c9dd5}.paste-cifra-toggle{margin-top:1rem}.paste-cifra-box{margin-top:1rem;padding:1rem;border-radius:18px;background:var(--bg-secondary);border:1px solid var(--border-primary);display:flex;flex-direction:column;gap:.75rem}.paste-cifra-help{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.45}.paste-cifra-textarea{min-height:220px;resize:vertical;padding:12px;line-height:1.45;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre-wrap}.fallback-actions{width:100%;display:grid;gap:10px;margin-top:16px}.fallback-primary-action,.fallback-secondary-action{width:100%;min-height:46px;border-radius:14px;border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.fallback-primary-action{color:#fff;background:var(--brand-primary);box-shadow:0 12px 24px #2463eb38}.fallback-secondary-action{color:var(--text-primary);background:var(--bg-secondary);border-color:var(--border-primary)}.fallback-primary-action:hover,.fallback-secondary-action:hover{transform:translateY(-1px)}@media (min-width: 640px){.fallback-actions{grid-template-columns:1fr 1fr}.fallback-primary-action{grid-column:1 / -1}}.paste-file-action{width:100%;min-height:44px;border-radius:14px;border:1px dashed var(--border-primary);background:var(--bg-primary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.paste-file-action:hover{transform:translateY(-1px);border-color:var(--brand-primary);background:#2463eb14}.fallback-primary-action input,.fallback-secondary-action input,.paste-file-action input{display:none}.quick-import-actions{margin-top:14px}.quick-import-card{width:100%;min-height:72px;padding:14px 16px;border-radius:18px;border:1px solid var(--border-primary);background:linear-gradient(135deg,#2463eb14,#10b9810d),var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.quick-import-card:hover{transform:translateY(-1px);border-color:#2463eb73;box-shadow:0 12px 28px #0f172a14}.quick-import-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;color:var(--brand-primary);background:#2463eb1f}.quick-import-text{flex:1;min-width:0}.quick-import-text strong{display:block;font-size:.95rem;font-weight:800;color:var(--text-primary)}.quick-import-text span{display:block;margin-top:4px;color:var(--text-secondary);font-size:.8rem;line-height:1.35}.quick-import-arrow{color:var(--brand-primary);opacity:.8;flex-shrink:0}.paste-cifra-open-action{width:100%;min-height:48px;margin-top:10px;border-radius:14px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.paste-cifra-open-action:hover{transform:translateY(-1px);border-color:var(--brand-primary);background:#2463eb14}.empty-state-with-action{padding:34px 18px;border:1px dashed var(--border-primary);border-radius:18px;background:linear-gradient(135deg,#2463eb0f,#10b9810a),var(--bg-secondary)}.empty-title{margin:0;color:var(--text-primary);font-size:.98rem;font-weight:850}.empty-subtitle{display:block;margin-top:5px;color:var(--text-secondary);font-size:.84rem;line-height:1.4}.btn-search-web-empty,.btn-paste-empty{width:100%;min-height:46px;border-radius:14px;border:1px solid var(--border-primary);display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.btn-search-web-empty{margin-top:14px;color:#fff;background:var(--brand-primary);border-color:transparent;box-shadow:0 12px 24px #2463eb33}.btn-paste-empty{margin-top:8px;color:var(--text-primary);background:var(--bg-secondary)}.btn-search-web-empty:hover,.btn-paste-empty:hover{transform:translateY(-1px)}.btn-paste-empty:hover{border-color:var(--brand-primary);background:#2463eb14}.web-search-helper{margin:0 2px 8px;color:var(--text-secondary);font-size:.78rem;line-height:1.35}.notation-sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10020;background:#000000b8;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-end;justify-content:center;padding:16px}.notation-sheet{width:min(760px,100%);max-height:82vh;border-radius:22px;overflow:hidden;background:var(--bg-primary);border:1px solid var(--border-primary);box-shadow:0 24px 70px #00000059;display:flex;flex-direction:column}.notation-sheet-header{padding:18px;border-bottom:1px solid var(--border-primary);display:flex;align-items:center;justify-content:space-between;gap:16px}.notation-sheet-header strong{display:block;color:var(--text-primary);font-size:1rem}.notation-sheet-header span{display:block;margin-top:3px;color:var(--text-secondary);font-size:.82rem}.notation-sheet-close{width:38px;height:38px;border:0;border-radius:12px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer}.notation-sheet-body{padding:18px;overflow-y:auto}.notation-insert-group{margin-bottom:22px}.notation-insert-group h4{margin:0 0 10px;display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.notation-insert-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notation-insert-item{min-height:62px;padding:11px 12px;border-radius:15px;border:1px solid var(--border-primary);background:var(--bg-secondary);color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.notation-insert-item:hover{transform:translateY(-1px);border-color:var(--brand-primary);background:#2463eb14}.notation-insert-label{display:block;font-family:Fira Code,Courier New,monospace;font-weight:800;font-size:.95rem;color:var(--brand-primary)}.notation-insert-item small{display:block;margin-top:5px;color:var(--text-secondary);font-size:.74rem;line-height:1.25}@media (min-width: 720px){.notation-sheet-overlay{align-items:center}.notation-insert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.text-switch-container{display:flex;align-items:center;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 2px 4px rgba(0,0_0,.3);transition:border-color .3s ease;-webkit-tap-highlight-color:transparent}.text-switch-container:hover{border-color:#555!important}.text-switch-container span{display:flex;justify-content:center;align-items:center;height:100%;letter-spacing:.5px;text-align:center;z-index:2;pointer-events:none}.text-switch-container div:first-child{box-shadow:0 2px 8px #0006;transition:transform .35s cubic-bezier(.4,0,.2,1),background-color .3s ease!important}@media (max-width: 768px){.text-switch-container{min-height:32px}}.chord-lyric-line-wrapper{display:flex;flex-wrap:wrap;margin-bottom:1em;row-gap:.5em}.chord-lyric-pair{display:inline-flex;flex-direction:column;white-space:pre-wrap;min-width:0;vertical-align:bottom;overflow-wrap:normal;word-break:keep-all}.chord-lyric-line-wrapper{display:flex;flex-wrap:wrap;line-height:2.5}.chord-inner{font-weight:700;line-height:1.2;min-height:1.2em}.lyric-inner{line-height:1.2}.tab-block-container{scrollbar-width:thin;scrollbar-color:var(--color-blue-500) transparent}.tab-block-container::-webkit-scrollbar{height:6px}.tab-block-container::-webkit-scrollbar-thumb{background-color:var(--color-blue-500);border-radius:10px}.tab-block-container pre{word-wrap:normal;overflow-wrap:normal}.tonality-badge{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding:6px 0;border-top:1px solid var(--border-glass);border-bottom:1px solid var(--border-glass)}.tonality-info{display:flex;align-items:baseline;gap:6px}.tonality-info .label{font-size:.8rem;font-weight:500;color:#94a3b8;letter-spacing:1px}.tonality-info .value{font-size:.8rem;font-weight:800;color:#3b82f6}.tonality-badge.training .value{color:#ef4444}.training-status{display:flex;align-items:center;gap:6px;background:#ef44441a;padding:4px 10px;border-radius:20px}.status-text{font-size:.65rem;font-weight:700}.pulse-dot{width:6px;height:6px;background-color:#ef4444;border-radius:50%;animation:pulse-scroll 2s infinite}.standalone-chords-container{display:flex;flex-wrap:wrap;line-height:1.6}.standalone-chords-container span{display:inline-block;white-space:nowrap}.clickable-chord{cursor:pointer;font-weight:700;display:inline-block;text-decoration:none}.clickable-chord:hover{filter:brightness(1.2)}.chord-inner{white-space:pre;min-height:1.2em}.neutral-note{font-style:italic;font-weight:500;padding-bottom:1px;margin-right:4px;opacity:.8}.chord-lyric-line-wrapper .neutral-note{border-bottom:none}.inline-annotation{display:inline-flex;align-items:center;padding:0 .45em;margin:0 .12em;border-radius:999px;border:1px solid var(--border-primary);background:color-mix(in srgb,var(--bg-secondary) 82%,var(--brand-primary) 18%);color:var(--text-secondary);font-size:.82em;font-weight:700;font-style:normal;line-height:1.55;white-space:nowrap}.neutral-note{font-style:normal!important;opacity:.8;font-weight:700!important}.music-meta-line{display:inline-flex;align-items:center;gap:.35rem;margin:.25rem 0;padding:.35rem .6rem;border-radius:10px;background:var(--bg-secondary);border:1px solid var(--border-primary);color:var(--text-secondary);font-size:.9em;font-weight:700}.fretboard-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:3000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:16px}.fretboard-modal-content{background:var(--bg-primary, #ffffff);width:100%;max-width:420px;border-radius:24px;padding:24px;box-shadow:0 10px 40px #0000004d;border:1px solid var(--border-input, #e5e7eb);display:flex;flex-direction:column;gap:16px;animation:modalPop .3s cubic-bezier(.34,1.56,.64,1);position:relative}@keyframes modalPop{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.fretboard-modal-header{display:flex;justify-content:space-between;align-items:center;min-height:32px}.capo-badge-modal{background:var(--brand-primary, #2463eb);color:#fff;font-size:.75rem;font-weight:700;padding:6px 12px;border-radius:12px;text-transform:uppercase;letter-spacing:.5px}.fretboard-display-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;width:100%}.fretboard-content-with-info{border-radius:16px;padding:20px 10px;display:flex;flex-direction:column;align-items:center;flex:1;min-width:0}.fretboard-content-with-info svg{width:100%;max-width:220px;height:auto}.fretboard-nav-button{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #1e293b);border:1px solid var(--border-input, #e2e8f0);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;padding:0}.fretboard-nav-button:hover:not(:disabled){background:var(--brand-primary, #3b82f6);color:#fff;border-color:var(--brand-primary, #3b82f6);transform:scale(1.05)}.fretboard-nav-button:active:not(:disabled){transform:scale(.95)}.fretboard-nav-button:disabled{opacity:.4;cursor:not-allowed}.chord-name{text-align:center;font-size:1.3rem;font-weight:800;margin:0 0 12px;color:var(--text-primary, #1e293b)}.fretboard-variation-info{margin-top:16px;font-size:.8rem;font-weight:700;color:var(--text-secondary, #64748b);background:var(--bg-primary, #ffffff);padding:4px 12px;border-radius:12px;border:1px solid var(--border-input, #e2e8f0)}.no-chord-message{color:var(--color-red-500, #ef4444);padding:40px 0;font-weight:700}@media (max-width: 400px){.fretboard-nav-button{width:38px;height:38px}.fretboard-display-wrapper{gap:8px}.fretboard-content-with-info{padding:16px 8px}}.btn-icon-compact{color:var(--color-text)}.flex-row,.flex-column{display:flex;flex-direction:row}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-xs{gap:var(--spacing-xs)}.align-items-center{align-items:center}.preview-title{text-align:center;margin:auto}.preview-subtitle{display:flex;justify-content:center;text-align:center;margin:auto}.preview-more-options-sheet-content{display:flex;flex:1;flex-direction:column;gap:var(--spacing-sm)}.guest .preview-container{padding:var(--spacing-md)}.preview-container .chords-lyrics-renderer,.textarea-editor{font-size:16px}.preview-controls-compact{display:flex;padding:var(--spacing-md);align-items:center;gap:10px}.preview-controls-compact button{padding:var(--spacing-sm)}.preview-controls-compact .current-key{display:block;width:40px;text-align:center}.align-items-center{display:flex;align-items:center;justify-content:center}span.detected-key-info,.preview-info.preview-info{display:flex;align-items:center;justify-content:center;gap:8px}@media (max-width: 1024px){.preview-container{padding:var(--spacing-md);padding-bottom:90px}}.toast-download{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:12px 20px;border-radius:8px;box-shadow:0 4px 8px #0003;z-index:1000;font-size:.9em;animation:fadeInOut 8s forwards;white-space:nowrap;text-align:center;min-width:250px;justify-content:space-between}.toast-download.info{background-color:#2196f3;color:#fff}.toast-download.success{background-color:#4caf50;color:#fff}.toast-download.error{background-color:#f44336;color:#fff}.toast-download .toast-content{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.toast-progress{width:100%;height:4px;background-color:#ffffff4d;border-radius:2px;overflow:hidden}.toast-progress div{height:100%;background-color:#fff;transition:width .3s ease-out;border-radius:2px}.toast-download .btn-open{background-color:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);padding:6px 12px;border-radius:6px;cursor:pointer;text-decoration:none;transition:background-color .3s ease,border-color .3s ease;font-size:.85em;flex-shrink:0}.toast-download .btn-open:hover{background-color:#ffffff4d;border-color:#fffc}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(20px)}10%{opacity:1;transform:translate(-50%) translateY(0)}90%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-20px)}}.btn-base.loading{cursor:not-allowed;opacity:.7;background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:20px 20px;animation:loading-stripe 1s linear infinite}@keyframes loading-stripe{0%{background-position:0 0}to{background-position:20px 20px}}@media (max-width: 600px){.toast-download{left:50%;transform:translate(-50%);width:calc(100% - 40px);flex-direction:column;align-items:center;right:auto}.toast-download .toast-content{align-items:center;text-align:center;width:100%}.toast-progress{width:80%}.toast-download .btn-open{margin-top:10px}}.pdf-preview-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000}.pdf-preview-content{background-color:#f1f1f1;color:var(--color-text-dark);border-radius:none;box-shadow:0 10px 20px var(--color-shadow-light);display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow:hidden;animation:fadeInScaleUp var(--transition-speed) ease-out forwards;border:1px solid var(--color-border)}.pdf-preview-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:15px;border-bottom:1px solid var(--border-color);flex-wrap:wrap;gap:10px}.pdf-preview-header h3{margin:0;font-size:1.5em;color:var(--header-color);flex-grow:1}.preview-header-mobile{padding:var(--spacing-sm) var(--spacing-md)}.pdf-preview-controls label{font-size:.9em;white-space:nowrap}.pdf-preview-controls .input-small,.pdf-preview-controls .select-small,.pdf-preview-controls .color-input{padding:6px 8px;border-radius:var(--border-radius-sm);border:1px solid var(--border-color);background-color:var(--input-background);color:var(--text-color);font-size:.9em}.pdf-preview-controls .color-input{width:40px;height:28px;padding:2px}.pdf-content-area{flex-grow:1;overflow-y:auto;padding:0}.pdf-simulated-print-container{background-color:#fff;padding:50pt;margin:20px auto;width:595pt;min-height:842pt;box-shadow:0 4px 12px #0000001a;overflow-y:auto;flex-grow:1;display:flex;flex-direction:column;-moz-column-count:var(--pdf-columns, 1);column-count:var(--pdf-columns, 1);-moz-column-gap:30pt;column-gap:30pt;line-height:1.5;color:var(--pdf-text-color, #000000)}.pdf-simulated-print-container h3.pdf-title-simulated{font-size:calc(var(--pdf-font-size, 10pt) * 1.6);font-weight:700;text-align:left;margin-bottom:.5em;color:var(--pdf-text-color, #000000);-moz-column-break-after:avoid;break-after:avoid;column-break-after:avoid}.pdf-simulated-print-container p.pdf-artist-simulated,.pdf-simulated-print-container p.pdf-key-simulated{font-size:calc(var(--pdf-font-size, 10pt) * 1.1);text-align:left;margin-bottom:1em;color:var(--pdf-text-color, #000000);-moz-column-break-after:avoid;break-after:avoid;column-break-after:avoid}.pdf-simulated-print-container .chord-line-pdf,.pdf-simulated-print-container .lyric-line-pdf,.pdf-simulated-print-container .comment-line-pdf,.pdf-simulated-print-container .plain-text-line-pdf,.pdf-simulated-print-container .line-group-pdf,.pdf-simulated-print-container .interleaved-line-pdf,.pdf-simulated-print-container .standalone-chords-line-pdf,.pdf-simulated-print-container .section-annotation-pdf{margin-bottom:.7em;page-break-inside:avoid;column-break-inside:avoid}.pdf-simulated-print-container .annotation-chord-pdf{font-weight:700;color:var(--pdf-chord-color, #2463eb)}.pdf-simulated-print-container .section-annotation-pdf{font-weight:700;text-align:left;margin-top:1.5em;margin-bottom:1em;font-size:calc(var(--pdf-font-size, 10pt) * 1.2);column-break-before:always;page-break-inside:avoid;column-break-inside:avoid}.pdf-simulated-print-container .lyric-line-pdf,.pdf-simulated-print-container .plain-text-line-pdf,.pdf-simulated-print-container .comment-line-pdf,.pdf-simulated-print-container .interleaved-line-pdf{text-align:justify}.pdf-simulated-print-container .chord-line-pdf{text-align:left}.pdf-preview-mobile .pdf-preview-content{width:95%;height:95%;max-width:none;max-height:none;margin:0;border-radius:0;display:flex;flex-direction:column}.pdf-preview-mobile .pdf-preview-header{flex-shrink:0;padding:0;margin:0}.pdf-preview-mobile .pdf-preview-controls{flex-wrap:wrap;justify-content:center;gap:8px}.pdf-preview-mobile .pdf-simulated-print-container{flex-grow:1;width:auto;max-height:100%;padding:20pt;font-size:var(--pdf-font-size-mobile, 9pt)}.pdf-content-area .mobile-pdf-action .mobile-pdf-text{margin-bottom:1em;font-size:1em;color:var(--text-color-secondary);text-align:center}.pdf-content-area .mobile-pdf-action .btn-large{padding:12px 24px;font-size:1.1em}.pdf-error-message{text-align:center;margin-top:20px;color:var(--danger-color);font-weight:700}.pdf-simulated-print-container.custom-scrollbar::-webkit-scrollbar{width:8px;height:8px}.pdf-simulated-print-container.custom-scrollbar::-webkit-scrollbar-track{background:var(--background-color-dark);border-radius:4px}.pdf-simulated-print-container.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--primary-color);border-radius:4px}.pdf-simulated-print-container.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--primary-color-dark)}.pdf-preview-mobile .btn-small{padding:8px 12px;font-size:.8em}@media (max-width: 768px){.pdf-preview-content{padding:15px}.pdf-preview-header{flex-direction:column;align-items:flex-start;gap:8px}.pdf-preview-controls{width:100%;justify-content:space-around}.pdf-simulated-print-container{padding:15pt;width:100%;margin:10px auto}}.pdf-viewer{font-family:Fira Code,monospace;font-size:10pt;color:#000;margin:40px}.header .title{font-weight:700;font-size:18pt;margin-bottom:4px}.header .artist{font-weight:400;font-size:10pt;color:#2463eb;margin-bottom:10px}.header .info{font-size:10pt;margin-bottom:20px}.content.two-columns{display:flex;gap:20px}.column{flex:1;display:flex;flex-direction:column;gap:6px}.section{display:block}.section.blank{height:15px}.section.annotation{display:flex;gap:4px;font-weight:700;font-size:9pt}.section.chord-lyric .chords{display:flex;gap:8px;font-weight:700;color:#2463eb}.section.chord-lyric .lyrics{margin-top:2px}.section.plain-text{font-weight:400}p.pdf-key-info-simulated{margin-bottom:1em}.pdf-preview-container{position:relative;height:100%;overflow:auto}.pdf-loading-message{text-align:center;margin-top:20px;font-style:italic;color:var(--text-color-secondary)}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;font-size:1.2rem;color:#333}.pdf-preview-content{color:var(--color-text-dark);border-radius:none;box-shadow:0 10px 20px var(--color-shadow-light);display:flex;flex-direction:column;width:100%;height:100%;max-height:100%;overflow:hidden;animation:fadeInScaleUp var(--transition-speed) ease-out forwards;border:1px solid var(--color-border)}.pdf-content-area{flex-grow:1;overflow-y:auto;padding:1rem;display:flex;justify-content:center;align-items:flex-start}.toggle-container{display:flex;align-items:center;justify-content:flex-start;gap:8px}.toggle-icon{font-size:24px;color:#ccc}.current-playing-info{background:var(--bg-secondary);padding:4px 8px;border-radius:6px;border:1px solid var(--border-color)}.current-key{color:var(--accent-color);font-size:1.1em}.preview-header-desktop{background:var(--bg-secondary);padding:20px;border-radius:16px;margin-bottom:20px;border:1px solid var(--border-color)}.header-top-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.preview-controls-bar{display:flex;gap:15px;align-items:center}.control-card{display:flex;align-items:center;background:var(--bg-tertiary);padding:6px 15px;border-radius:12px;gap:15px;box-shadow:0 2px 8px #0000000d}.control-item{display:flex;flex-direction:column}.control-item .label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:2px}.current-key-badge{color:var(--accent-color);font-size:1.2rem}.transpose-controls{display:flex;align-items:center;gap:10px}.transpose-controls button{background:none;border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;padding:4px;color:var(--text-primary)}.view-mode-card{display:flex;background:var(--bg-tertiary);padding:4px;border-radius:10px;gap:2px}.mode-btn{padding:6px 12px;border-radius:8px;border:none;background:transparent;cursor:pointer;font-size:13px;transition:all .2s}.mode-btn.active{background:var(--bg-primary);color:var(--accent-color);box-shadow:0 2px 4px #0000001a}.playlist-nav-banner{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-secondary);padding:.75rem 1rem;border-radius:8px;margin-bottom:1.5rem;border:1px solid var(--border-color)}.playlist-nav-banner .nav-info{font-size:.9rem;color:var(--text-secondary);text-align:center}.playlist-nav-banner .btn-nav{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--border-radius-lg);background:var(--bg-tertiary);color:var(--text-primary);border:none;cursor:pointer;transition:opacity .2s;font-weight:500}.playlist-nav-banner .btn-nav:disabled{opacity:.4;cursor:not-allowed}.playlist-nav-banner .btn-nav:hover:not(:disabled){filter:brightness(1.1)}.preview-header-mobile{padding:.5rem;border-bottom:1px solid var(--border-color)}.playlist-badge{display:block;font-size:.7rem;text-transform:uppercase;text-align:center;color:var(--accent-purple);margin-top:2px}.nav-group-mobile{display:flex;align-items:center;gap:2px}.v-divider{width:1px;height:20px;background-color:var(--border-color);margin:0 4px}.btn-icon-compact{display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);background:transparent;border:1px solid transparent;color:var(--text-primary);cursor:pointer}.btn-icon-compact:active{background:var(--bg-secondary)}.btn-icon-compact:disabled{color:var(--text-tertiary);opacity:.5}.playlist-nav-sheet{background:var(--bg-secondary);border-radius:12px;margin-bottom:1rem}.playlist-nav-sheet label{display:block;margin-bottom:.5rem;font-size:.85rem;font-weight:600;color:var(--text-secondary)}.gap-sm{gap:8px}.flex-1{flex:1}.bottom-sheet-content.is-open .control-group{display:flex;justify-content:space-between;align-items:center;flex-direction:row;overflow-x:auto}.playlist-navigation-overlays{position:fixed;top:50%;left:0;right:0;pointer-events:none;display:flex;justify-content:space-between;align-items:center;padding:0 10px;z-index:100;transform:translateY(-50%)}.nav-overlay-btn{pointer-events:auto;background:rgba(var(--bg-rgb),.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid var(--border-color);color:var(--text-primary);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #0003;cursor:pointer}.nav-overlay-btn:hover:not(:disabled){background:var(--accent-color);color:#fff;transform:scale(1.1)}.nav-overlay-btn:disabled{opacity:0;cursor:default}@media (max-width: 768px){.nav-overlay-btn{width:50px;height:50px;background:rgba(var(--bg-rgb),.9)}.playlist-navigation-overlays{top:90px;bottom:auto;transform:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--color-overlay-dark);display:flex;justify-content:center;align-items:center;z-index:2000;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);opacity:1;visibility:visible;transition:opacity var(--transition-speed) ease-in-out,visibility var(--transition-speed) ease-in-out}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.pdf-preview-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background-light);border-bottom:1px solid var(--color-border);flex-shrink:0;position:relative}.pdf-preview-header h3{margin:0;font-size:1.3rem;font-weight:600;color:var(--color-text-dark)}.pdf-preview-controls .control-group{display:flex;align-items:center;flex-direction:row;gap:var(--spacing-xs);font-size:.9rem;color:var(--color-text-medium)}.control-group.pdf-color-controls-wrapper{flex-direction:column}.pdf-preview-controls label{font-weight:500;white-space:nowrap}.pdf-preview-controls .input-small,.pdf-preview-controls .select-small{width:70px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background-color:var(--color-surface);color:var(--color-text-dark);font-size:.9rem;transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.pdf-preview-controls .input-small:focus,.pdf-preview-controls .select-small:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.3)}.pdf-preview-controls .app-close-button{padding:var(--spacing-xs);font-size:1.5rem;color:var(--color-text-medium);transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease;border-radius:50%;width:36px;height:36px;position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);box-shadow:none}.pdf-preview-controls .app-close-button:hover{background-color:var(--color-background-medium);color:var(--color-text-dark)}.pdf-iframe-container{flex-grow:1;display:flex;justify-content:center;align-items:center;padding:var(--spacing-md);background-color:var(--color-background-light);overflow:hidden}.pdf-iframe-container iframe{width:100%;height:100%;border:1px solid var(--color-border);border-radius:var(--border-radius-base);box-shadow:inset 0 0 8px #0000001a}.pdf-preview-footer{display:flex;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-background-light);border-top:1px solid var(--color-border);flex-shrink:0}.preview-title{font-size:1.8rem;font-weight:700;color:var(--color-text-dark);margin-bottom:var(--spacing-sm);text-align:center}.preview-info{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md);font-size:.9rem;color:var(--color-text-medium);padding-bottom:var(--spacing-md)}.preview-info span strong{color:var(--color-primary);font-weight:600}html.dark .preview-info{border-bottom-color:var(--color-background-medium)}.display-mode-options,.action-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.preview-container{flex-grow:1;overflow-y:auto;line-height:1.6;white-space:pre-wrap;word-break:break-word}html.dark .preview-container{background-color:var(--color-background-medium);border-color:var(--color-border)}.line-group{display:flex;flex-direction:column}.chord-line{font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs);line-height:1.2;font-size:1em}.lyric-line{color:var(--color-text-dark);line-height:1.5}.preview-container .comment-line,.preview-container .section-annotation{color:var(--color-text-light);text-align:left;margin-top:var(--spacing-xs)}.plain-text-line{color:var(--color-text-dark)}.blank-line{height:var(--spacing-sm);width:100%}.standalone-chords-line{font-weight:700;color:var(--color-primary);line-height:1.3}.chord-text{cursor:pointer;transition:color var(--transition-speed),text-decoration-color var(--transition-speed)}.chord-text:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.chord-text.annotation-chord{text-decoration:none;font-style:normal}.chord-text.annotation-chord:hover{color:var(--color-primary)}@media (min-width: 768px){.pdf-preview-header{flex-direction:row;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg)}.pdf-preview-header h3{text-align:left;margin-bottom:0}.pdf-preview-controls{flex-wrap:nowrap;justify-content:flex-end}.pdf-preview-controls .app-close-button{position:static;margin-left:var(--spacing-md)}.pdf-preview-footer{flex-direction:row;justify-content:flex-end}}@media (max-width: 767px){.pdf-preview-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md)}.pdf-preview-header h3{width:100%;text-align:center;margin-bottom:var(--spacing-sm)}.pdf-preview-controls{width:100%;justify-content:space-between;gap:var(--spacing-sm)}.pdf-preview-controls .control-group{flex-grow:1;justify-content:center}.pdf-preview-controls .btn-small{flex-grow:1}.pdf-preview-controls .app-close-button{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm)}.pdf-preview-footer{flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.pdf-preview-footer .btn-base{width:100%}}html.dark .modal-overlay{background-color:var(--color-overlay-light)}html.dark .pdf-preview-content{background-color:var(--color-surface);box-shadow:0 10px 20px var(--color-shadow-light);border-color:var(--color-border)}html.dark .pdf-preview-header{background-color:var(--color-background-medium);border-bottom-color:var(--color-border)}html.dark .pdf-preview-header h3,html.dark .pdf-preview-controls label{color:var(--color-text-dark)}html.dark .pdf-preview-controls .input-small,html.dark .pdf-preview-controls .select-small{background-color:var(--color-background-light);color:var(--color-text-dark);border-color:var(--color-border)}html.dark .pdf-preview-controls .input-small:focus,html.dark .pdf-preview-controls .select-small:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.3)}html.dark .pdf-preview-controls .app-close-button{color:var(--color-text-medium)}html.dark .pdf-preview-controls .app-close-button:hover{background-color:var(--color-background-medium);color:var(--color-text-dark)}html.dark .pdf-iframe-container{background-color:var(--color-background-medium)}html.dark .pdf-iframe-container iframe{border-color:var(--color-border);box-shadow:inset 0 0 8px #ffffff0d}html.dark .pdf-preview-footer{background-color:var(--color-background-medium);border-top-color:var(--color-border)}.pdf-content-area{font-family:Fira Code,monospace;line-height:1.4;color:var(--text-primary);background:#fff}.pdf-page-sheet{width:210mm;height:297mm;padding:40pt;margin:10px auto;box-shadow:var(--modal-box-shadow);background:#fff;position:relative;overflow:hidden}.fretboard-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:radial-gradient(circle at top,rgba(var(--brand-primary-rgb),.16),transparent 42%),#00000094;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:fretboardOverlayIn .18s ease-out}.fretboard-modal-content{width:min(94vw,560px);max-height:min(88vh,760px);display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:var(--border-radius-xl);border:1px solid rgba(var(--border-input-rgb),.75);background:radial-gradient(circle at 25% 0%,rgba(var(--brand-primary-rgb),.08),transparent 34%),linear-gradient(145deg,color-mix(in srgb,var(--bg-secondary) 96%,var(--brand-primary) 4%),var(--bg-primary));color:var(--text-primary);box-shadow:0 24px 80px #00000059,inset 0 1px rgba(var(--bg-secondary-rgb),.65);animation:fretboardModalIn .22s cubic-bezier(.2,.9,.25,1.1)}.fretboard-modal-content:before{content:"";position:absolute;top:-40%;right:-40%;bottom:-40%;left:-40%;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(var(--brand-primary-rgb),.12),transparent 28%),radial-gradient(circle at 80% 15%,rgba(var(--status-warning-rgb),.1),transparent 24%);opacity:.7}.fretboard-modal-header{position:relative;z-index:2;min-height:54px;padding:14px 16px 8px;display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm)}.capo-badge-modal{margin-right:auto;display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid rgba(var(--status-warning-rgb),.34);background:linear-gradient(135deg,rgba(var(--status-warning-rgb),.22),rgba(var(--status-warning-rgb),.08));color:var(--status-warning);font-family:var(--font-sans);font-size:.8rem;font-weight:900;letter-spacing:.01em;box-shadow:0 8px 20px rgba(var(--status-warning-rgb),.12),inset 0 1px rgba(var(--bg-secondary-rgb),.3)}.fretboard-display-wrapper{position:relative;z-index:2;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;padding:4px 18px 22px}.fretboard-content-with-info{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px 0}.fretboard-content-with-info>*{max-width:100%}.fretboard-nav-button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(var(--border-input-rgb),.8);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 92%,var(--brand-primary) 8%),var(--bg-tertiary));color:var(--text-secondary);cursor:pointer;box-shadow:0 10px 24px #00000029,inset 0 1px rgba(var(--bg-secondary-rgb),.45);transition:transform var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing),background var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing),opacity var(--transition-speed) var(--transition-timing)}.fretboard-nav-button:hover:not(:disabled){transform:translateY(-1px) scale(1.03);color:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.45);background:linear-gradient(180deg,rgba(var(--brand-primary-rgb),.14),var(--bg-secondary))}.fretboard-nav-button:active:not(:disabled){transform:translateY(0) scale(.98)}.fretboard-nav-button:disabled{opacity:.28;cursor:not-allowed;box-shadow:none}.fretboard-variation-info{margin-top:12px;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;border:1px solid rgba(var(--border-input-rgb),.65);background:rgba(var(--bg-tertiary-rgb),.62);color:var(--text-secondary);font-family:var(--font-sans);font-size:.78rem;font-weight:800;letter-spacing:.02em}.no-chord-message{margin:32px 0;color:var(--text-secondary);text-align:center;font-family:var(--font-sans);font-size:.95rem;font-weight:700}.fretboard-modal-content .fretboard-display,.fretboard-modal-content .fretboard-container,.fretboard-modal-content .chord-diagram{max-width:100%}.fretboard-modal-content svg{max-width:100%;height:auto}.fretboard-modal-content text,.fretboard-modal-content .fret-label,.fretboard-modal-content .string-label{font-family:var(--font-sans)}@media (max-width: 560px){.fretboard-modal-overlay{align-items:flex-end;padding:10px}.fretboard-modal-content{width:100%;max-height:92vh;border-radius:var(--border-radius-xl) var(--border-radius-xl) var(--border-radius-lg) var(--border-radius-lg)}.fretboard-modal-header{min-height:50px;padding:12px 12px 4px}.fretboard-display-wrapper{grid-template-columns:40px minmax(0,1fr) 40px;gap:6px;padding:2px 10px 18px}.fretboard-nav-button{width:38px;height:38px}.capo-badge-modal{min-height:30px;padding:0 10px;font-size:.74rem}.fretboard-variation-info{margin-top:10px;font-size:.74rem}}@media (max-width: 380px){.fretboard-display-wrapper{grid-template-columns:34px minmax(0,1fr) 34px;gap:4px;padding-left:8px;padding-right:8px}.fretboard-nav-button{width:34px;height:34px}}@keyframes fretboardOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes fretboardModalIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.switch{position:relative;cursor:pointer;display:flex;align-items:center;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:999px;box-sizing:border-box;background:#ffffff08;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 5px #0000004d;transition:background-color .4s cubic-bezier(.4,0,.2,1)}.switch:active .slider{transform:scale(.9)!important}.switch:hover{filter:brightness(1.2);box-shadow:inset 0 2px 5px #0000004d,0 0 10px #ffffff1a}.switch .slider{border-radius:50%;display:flex;justify-content:center;align-items:center;box-sizing:border-box;background:#fff;box-shadow:0 4px 10px #0006;border:1px solid rgba(0,0,0,.1);transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.switch .icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;transition:color .3s ease}.switch .icon svg{width:100%!important;height:100%!important;display:block}.pdf-preview-controls{position:fixed;top:80px;right:30px;padding:16px;background-color:var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:12px;z-index:999;box-shadow:0 4px 20px #0003}.controls-container{display:flex;flex-direction:column;gap:12px}.mobile-pdf-controls{position:fixed;width:calc(100% - 20px);left:10px;bottom:calc(10px + env(safe-area-inset-bottom,0px));z-index:1000;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 120px),var(--bg-secondary);border:1px solid var(--bg-tertiary);border-radius:22px;box-shadow:0 -8px 35px #00000047;overflow:hidden;transition:max-height .25s ease,border-radius .25s ease,transform .25s ease}.mobile-pdf-controls.collapsed{max-height:74px}.mobile-pdf-controls.expanded{max-height:min(78vh,620px);border-radius:24px}.mobile-pdf-summary{height:72px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.mobile-pdf-summary-main{min-width:0;height:52px;border:0;border-radius:16px;background:var(--bg-primary);color:var(--text-primary);display:flex;align-items:center;gap:10px;padding:0 12px;cursor:pointer;text-align:left}.mobile-pdf-summary-text{min-width:0;flex:1}.mobile-pdf-summary-text strong{display:block;font-size:.88rem;color:var(--text-primary);line-height:1.1}.mobile-pdf-summary-text span{display:block;margin-top:3px;font-size:.74rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-pdf-chevron{color:var(--text-secondary);transition:transform .2s ease}.mobile-pdf-chevron.open{transform:rotate(180deg)}.mobile-pdf-export-btn{height:52px;min-width:72px;border:0;border-radius:16px;background:var(--color-green-600, #16a34a);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer}.mobile-pdf-export-btn:disabled{opacity:.55;cursor:not-allowed}.mobile-expanded-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--bg-tertiary)}.mobile-expanded-header strong{color:var(--text-primary);font-size:.95rem}.mobile-collapse-btn{border:0;border-radius:999px;padding:7px 12px;background:var(--bg-primary);color:var(--text-secondary);font-weight:700;cursor:pointer}.mobile-pdf-controls .controls-container{max-height:calc(min(78vh,620px) - 72px);overflow-y:auto;padding:0 14px 16px;gap:12px}.mobile-pdf-controls .control-group{flex-direction:row}.mobile-pdf-controls .control-group.actions-vertical,.mobile-pdf-controls .control-group.pdf-color-controls-wrapper{flex-direction:column}.control-group{display:flex;align-items:center;justify-content:space-between;width:100%}.pdf-color-controls-wrapper{display:flex;flex-direction:column;gap:10px;padding:10px 0;border-top:1px solid var(--bg-tertiary);border-bottom:1px solid var(--bg-tertiary)}.pdf-color-section{display:flex;align-items:center;justify-content:space-between;width:100%}.pdf-color-section label{font-size:.9rem;color:var(--text-secondary)}.color-options-group{display:flex;align-items:center;gap:6px}.pdf-font-controls{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:8px;padding:6px 12px;width:100%}.actions-vertical{display:flex;flex-direction:column;gap:8px;margin-top:8px}.row-buttons{display:flex;gap:8px;width:100%}.row-buttons button{flex:1}.full-width{width:100%!important}.color-option-button{width:18px;height:18px;border-radius:50%;cursor:pointer;border:2px solid transparent;transition:transform .1s}.color-option-button:active{transform:scale(.9)}.color-input-custom{width:22px;height:22px;border:none;background:none;cursor:pointer;padding:0}.export-link-wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--color-green-600);color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;cursor:pointer;min-width:110px}.export-link-wrapper a{color:#fff;text-decoration:none;font-weight:500;display:flex;align-items:center;height:100%;width:100%}.export-link-wrapper.disabled{opacity:.5;pointer-events:none;filter:grayscale(1)}@media print{.app-header,.mobile-pdf-controls,.pdf-preview-controls,.top-bar,.cs-float-menu,.playlist-nav-mobile-bar-internal{display:none!important}html,body,#root,.app-container,.pdf-viewer-page{height:auto!important;min-height:auto!important;overflow:visible!important;margin:0!important;padding:0!important;background:#fff!important;position:static!important}.pdf-preview-container{display:block!important;position:relative!important;width:100%!important;margin:0!important;padding:0!important;box-shadow:none!important}.pdf-preview-container>div{transform:none!important;margin:0!important;padding:0!important}@page{size:A4 portrait;margin:0}.pdf-content-area>div{padding-bottom:0!important}.pdf-content-area>div>div{margin-bottom:0!important;border-radius:0!important;box-shadow:none!important;page-break-after:always}.pdf-content-area>div>div:last-child{page-break-after:auto}img{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (max-width: 768px){.pdf-viewer-page{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}.pdf-preview-container{padding-bottom:96px}}:root{--color-root: #7c3aed;--color-third: #facc15;--color-tension: #ef4444;--color-major: #4ade80;--color-minor: #60a5fa;--max-width: 960px;--radius-md: 8px;--radius-lg: 14px}ul,ol{list-style-type:none}.theory-page-container,.theory-content-container{max-width:var(--max-width);margin:0 auto;background-color:var(--bg-primary);color:var(--text-main);font-family:Inter,system-ui,sans-serif;padding:40px 20px 60px}.theory-scroll-content{margin-top:1.5rem}.theory-section{margin-bottom:2.5rem}.section-divider{border:none;border-top:1px solid var(--border-color);margin:2.5rem 0}.theory-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.header-content{flex:1}.header-subtitle{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin:.5rem 0 0}.theory-section-title{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;font-weight:700}.theory-section-title.level-2{font-size:2rem;color:var(--text-main);margin-bottom:0}.theory-section-title.level-3{font-size:1.4rem;color:var(--brand-light);margin-top:2.5rem}.theory-article h4{font-size:1rem;color:var(--text-secondary);margin:1.5rem 0 .75rem;text-transform:uppercase;letter-spacing:.05em}.theory-article p{line-height:1.7;margin-bottom:1.25rem;color:var(--text-secondary)}.text-block{margin-bottom:1.25rem;color:var(--text-secondary);line-height:1.7}.ordered-theory-list{list-style:decimal!important;padding-left:1.5rem;display:flex;flex-direction:column;gap:.5rem;margin:.75rem 0}.ordered-theory-list li{color:var(--text-secondary);line-height:1.6}.theory.controls-container{flex-direction:row}.theory.controls-container div{display:flex;align-items:center;gap:8px}.theory.controls-container,.key-selector-widget{display:flex;flex-wrap:wrap;gap:1.5rem;background-color:var(--bg-secondary);padding:1.25rem 1.5rem;border-radius:var(--radius-lg);border:1px solid var(--border-color);margin:1.5rem 0;align-items:center}.controls-container label,.key-selector-widget label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;white-space:nowrap}.select-wrapper{position:relative;display:inline-block}.select-icon{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--accent-color)}.fretboard-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.fretboard-header{display:flex;align-items:center;gap:8px;font-weight:700;margin-bottom:1rem;color:var(--text-main);font-size:.9rem}.fretboard-tabs pre{background-color:#000;padding:1.25rem;border-radius:var(--radius-md);font-family:Fira Code,Courier New,monospace;font-size:.9rem;line-height:1.5;color:#4ade80;overflow-x:auto;border:1px solid #1a1a1a;margin:0}.fretboard-description{margin:.75rem 0 0;font-size:.85rem;color:var(--text-secondary);line-height:1.6}.fretboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin:1.5rem 0}.collapsible-table{border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin:1.25rem 0}.collapsible-row{border-bottom:1px solid var(--border-color)}.collapsible-row:last-child{border-bottom:none}.collapsible-row.open{background:#ffffff05}.collapsible-header{width:100%;display:flex;align-items:center;gap:.85rem;padding:.9rem 1.1rem;background:none;border:none;color:var(--text-main);cursor:pointer;text-align:left;transition:background .12s}.collapsible-header:hover{background:var(--bg-secondary)}.col-chord-name{font-size:1.3rem;font-weight:800;color:var(--color-tension);flex:1}.col-quality{font-family:Fira Code,monospace;font-size:.8rem;color:var(--text-muted)}.collapsible-chevron{margin-left:auto;color:var(--text-muted);display:flex;align-items:center}.collapsible-detail{padding:0 1.1rem 1.1rem;animation:fadeSlide .2s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:1rem}.detail-item{display:flex;flex-direction:column;gap:3px}.detail-label{font-size:.68rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-weight:600}.detail-value{font-size:.875rem;color:var(--text-secondary);line-height:1.5}@media (max-width: 600px){.detail-grid{grid-template-columns:1fr}.collapsible-header{flex-wrap:wrap}}.roman-numeral{font-family:Fira Code,monospace;font-size:1rem;color:var(--brand-light);font-weight:700;min-width:44px}.font-mono{font-family:Fira Code,monospace}.theory-cards-mobile-wrapper{display:none}@media (max-width: 850px){.theory-table-desktop-wrapper{display:none}.theory-cards-mobile-wrapper{display:flex;flex-direction:column;gap:1rem}}.harmonic-card-mobile{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem}.harmonic-card-mobile .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.harmonic-card-mobile .chord-name{font-size:1.7rem;font-weight:800;color:var(--color-tension)}.card-body{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;gap:1.5rem;flex-wrap:wrap}.info-group{display:flex;flex-direction:column;gap:4px}.info-group .label,.degree-area .label,.feeling-area .label{font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.degree-area .roman-numeral{font-size:1.4rem}.feeling-area .value-p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.5}.tip-box{display:flex;gap:1rem;padding:1.1rem 1.25rem;border-radius:var(--radius-md);margin:1.25rem 0;background:#7c3aed12;border:1px solid rgba(124,58,237,.2)}.tip-box.type-warning{background:#f59e0b12;border-color:#f59e0b47}.tip-icon{font-size:1.2rem;flex-shrink:0;margin-top:2px}.tip-content{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.tip-content p{margin:0}.example-block{border-left:4px solid var(--accent-color);background:var(--bg-secondary);padding:1.1rem 1.25rem;margin:1.25rem 0;border-radius:0 var(--radius-md) var(--radius-md) 0}.example-title{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-color);margin-bottom:.5rem}.example-content p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.6}.function-tag{padding:3px 9px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;white-space:nowrap}.tag-t,.tag-tônica{background:#4ade8021;color:#4ade80}.tag-s,.tag-subdominante{background:#facc1521;color:#facc15}.tag-d,.tag-dominante{background:#f8717121;color:#f87171}.formula-list{display:flex;flex-direction:column;gap:.6rem;margin:1rem 0 1.5rem}.formula-item{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-radius:var(--radius-md);border-left:4px solid transparent}.formula-item strong{font-size:.9rem;min-width:190px;color:var(--text-main)}.item-major{background:#4ade800f;border-left-color:#4ade80}.item-minor-nat{background:#60a5fa0f;border-left-color:#60a5fa}.item-minor-harm{background:#f871710f;border-left-color:#f87171}.formula-code{font-family:Fira Code,monospace;font-size:.9rem;color:var(--text-secondary)}.highlight-jump{color:#f87171}.flow-map-container{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1.25rem 0}.flow-map-nodes{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.flow-node{background:var(--node-bg);border:1.5px solid var(--node-color);border-radius:var(--radius-lg);padding:.7rem .9rem;cursor:default;transition:transform .15s,box-shadow .15s;min-width:100px;text-align:center}.flow-node:hover,.flow-node.active{transform:translateY(-3px);box-shadow:0 4px 16px #00000040}.flow-node.return-node{opacity:.5}.flow-node-letter{display:block;font-size:1.6rem;font-weight:900;color:var(--node-color);line-height:1}.flow-node-label{display:block;font-size:.7rem;color:var(--text-secondary);margin-top:2px}.flow-node-chords{display:flex;flex-wrap:wrap;gap:3px;justify-content:center;margin-top:6px}.flow-chord-pill{background:#ffffff0d;border-radius:4px;font-size:.68rem;padding:1px 5px;color:var(--text-secondary);font-family:Fira Code,monospace}.flow-arrow{font-size:1.25rem;color:var(--border-color)}.flow-map-desc{min-height:44px;display:flex;align-items:center}.flow-map-desc p{margin:0;color:var(--text-secondary);font-size:.9rem}.flow-hint{color:var(--text-muted)!important;font-style:italic}.improv-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1.25rem 0}.improv-title{font-size:.8rem;font-weight:700;color:var(--brand-light);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.05em}.improv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.85rem}.improv-card{border-radius:var(--radius-md);padding:.9rem 1rem;border:1px solid var(--border-color);display:flex;flex-direction:column;gap:4px}.improv-card p{margin:0;font-size:.845rem;color:var(--text-secondary);line-height:1.6}.improv-card-icon{font-size:1rem}.improv-card-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.card-tip{border-left:3px solid #4ade80}.card-tip .improv-card-label{color:#4ade80}.card-avoid{border-left:3px solid #f87171}.card-avoid .improv-card-label{color:#f87171}.card-context{border-left:3px solid #facc15}.card-context .improv-card-label{color:#facc15}.card-pattern{border-left:3px solid #7c3aed}.card-pattern .improv-card-label{color:#7c3aed}.compat-chords-panel{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;margin:1.25rem 0}.compat-chords-grid{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}.compat-chord-pill{border:1.5px solid;border-radius:var(--radius-md);padding:.55rem .9rem;display:flex;flex-direction:column;align-items:center;min-width:66px;gap:1px}.compat-chord-root{font-size:1.2rem;font-weight:800;line-height:1}.compat-chord-suffix{font-size:.7rem;color:var(--text-muted);font-family:Fira Code,monospace}.compat-chord-degree{font-size:.65rem;font-family:Fira Code,monospace;color:var(--text-muted)}.compat-chord-func{font-size:.6rem;text-transform:uppercase;letter-spacing:.04em}.scale-info-box{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem;margin:1.5rem 0}.scale-info-box h3{font-size:1rem;font-weight:700;color:var(--text-main);margin:0 0 1rem}.scale-info-box h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:1rem 0 .5rem}.legend-grid{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin-bottom:.5rem}.legend-item{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--text-secondary)}.legend-dot{display:inline-block;width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.2);flex-shrink:0}.degree-explanation{display:flex;flex-direction:column;gap:.5rem}.degree-explanation p{margin:0;font-size:.875rem;color:var(--text-secondary);line-height:1.6}.btn-base{padding:.75rem 1.5rem;font-weight:700;cursor:pointer;transition:transform .15s,opacity .15s;border:none;font-size:.95rem}.btn-primary:hover:not(:disabled){background:var(--accent-hover, #6d28d9);transform:translateY(-2px)}.btn-scales-nav{display:block;width:100%;text-align:center;margin-top:2rem}.btn-close-theory{background:none;border:1px solid var(--border-color);color:var(--text-secondary);padding:6px 14px;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;gap:6px;font-size:.875rem;transition:border-color .15s}.btn-close-theory:hover{border-color:var(--accent-color)}.dualpane-container{display:grid;grid-template-columns:var(--splitter-width, 50%) 2px 1fr;width:100%;padding-bottom:120px}.dualpane-pane{height:100%;position:relative}.dualpane-resizer-container{width:10px;margin:0 -5px;cursor:col-resize;z-index:100;display:flex;justify-content:center;transition:background-color .2s}.dualpane-resizer-line{width:2px;height:100%;position:relative;background-color:var(--color-border);transition:all .2s}.dualpane-resizer-line:after{content:"⋮";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-text-muted);font-size:12px}.dualpane-resizer-container:hover .dualpane-resizer-line,.is-resizing .dualpane-resizer-line{background-color:var(--color-primary);width:4px;box-shadow:0 0 10px var(--color-primary-alpha)}.editor-pane{min-width:0;width:100%}.editor-container{height:100%}.previewer-pane{position:relative;height:100%;overflow-y:auto;overflow-x:hidden;min-width:0;padding:var(--spacing-md)}.dualpane-pane.editor-pane,.dualpane-pane.previewer-pane{padding:var(--spacing-md)}.dualpane-pane .preview-container,.dualpane-pane .editor-container{padding:var(--spacing-md);background-color:var(--bg-secondary);border-radius:var(--border-radius-lg)}.is-resizing{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.is-resizing .dualpane-pane{pointer-events:none}.dualpane-mobile{width:100%;height:100%}.containers{overflow:auto;height:100%}.beat-bars-container{display:flex;gap:4px;width:100%;height:10px;padding:0 5px;justify-content:center;align-items:center}.beat-bar{flex-grow:1;height:100%;background-color:#fff3;border-radius:2px;transition:background-color .1s ease-out}.beat-bar.downbeat-active{background-color:var(--color-yellow-500, #ffd600)}.beat-bar.upbeat-even-active{background-color:var(--color-white, #f7f7f7)}.beat-bar.upbeat-odd-active{background-color:var(--color-blue-500, #007bff)}.live-mode-bpm-indicator-container.minimized .beat-bars-container{display:none}:root{--bpm-accent: #3b82f6;--bpm-accent-2: #22c55e;--bpm-bg: rgba(15, 23, 42, .88);--bpm-border: rgba(255, 255, 255, .12);--bpm-text-muted: rgba(255, 255, 255, .62)}.live-mode-bpm-indicator-container{position:fixed;background:radial-gradient(circle at 20% 0%,rgba(59,130,246,.22),transparent 36%),linear-gradient(145deg,#0f172af0,#020617e6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--bpm-border);border-radius:22px;color:#fff;z-index:9999;box-shadow:0 18px 44px #0000005c,inset 0 1px #ffffff14;overflow:hidden;-moz-user-select:none;user-select:none;-webkit-user-select:none}.live-mode-bpm-indicator-container.minimized{width:148px;height:52px;padding:5px 8px;border-radius:999px}.minimized-content{display:flex;align-items:center;justify-content:space-between;height:100%;gap:8px}.bpm-play-circle{width:36px;height:36px;border-radius:999px;border:none;background:#ffffff1a;color:#fff;display:flex;align-items:center;justify-content:center;transition:all .18s ease}.bpm-play-circle:active{transform:scale(.94)}.bpm-info-mini{display:flex;flex-direction:column;align-items:center;flex:1;cursor:pointer}.bpm-info-mini .bpm-value{font-weight:900;font-size:1.05rem;line-height:1;color:#fff}.bpm-label{margin-top:2px;font-size:.58rem;opacity:.62;letter-spacing:.08em;font-weight:800}.live-mode-bpm-indicator-container.maximized{width:236px;padding:16px;border-radius:26px}.max-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.max-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;color:var(--bpm-text-muted)}.bpm-large{cursor:pointer;font-size:3.4rem;font-weight:1000;text-align:center;position:relative;margin:8px 0 14px;color:#fff;line-height:1}.bpm-large:after{content:"";position:absolute;left:50%;bottom:-10px;width:56px;height:4px;border-radius:999px;transform:translate(-50%);background:linear-gradient(90deg,var(--bpm-accent),var(--bpm-accent-2))}.tap-hint{position:absolute;top:-4px;right:18px;transform:none;left:auto;bottom:auto;font-size:.56rem;background:#3b82f62e;border:1px solid rgba(59,130,246,.22);padding:3px 8px;border-radius:999px;color:#bfdbfe;font-weight:900}.live-mode-bpm-indicator-container .controls-grid{display:flex;align-items:center;gap:10px;margin-top:18px}.live-mode-bpm-indicator-container .controls-grid .main-play-btn{flex:1;height:44px;border-radius:16px;border:none;background:linear-gradient(135deg,var(--bpm-accent),#2563eb);color:#fff;font-size:1.35rem;display:flex;padding:0;align-items:center;justify-content:center;box-shadow:0 10px 22px #2563eb47}.live-mode-bpm-indicator-container .controls-grid .main-play-btn.stop{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 10px 22px #dc262647}.live-mode-bpm-indicator-container button{padding:0}.pulse-indicator{cursor:pointer}@keyframes ring-strong{0%{box-shadow:0 0 #22c55e94;transform:scale(1)}15%{transform:scale(1.12)}to{box-shadow:0 0 0 16px #22c55e00;transform:scale(1)}}.pulse-strong{background:linear-gradient(135deg,var(--bpm-accent-2),#16a34a)!important;color:#fff!important;animation:ring-strong .22s ease-out}.pulse-soft{background:#3b82f647!important;transform:scale(1.05)}.drag-handle-pill{position:absolute;top:0;left:0;width:100%;height:20px;display:flex;justify-content:center;align-items:center;opacity:.3;cursor:grab;z-index:10}.settings-drawer{margin-top:16px;padding-top:16px;border-top:1px solid var(--bpm-border);display:flex;flex-direction:column;gap:12px}.setting-field{display:flex;justify-content:space-between;align-items:center;background:#ffffff08;padding:8px 12px;border-radius:12px}.setting-field span{font-size:.8rem;opacity:.7;text-transform:uppercase;font-weight:600}.setting-field input{background:#0000004d;border:1px solid var(--bpm-border);color:var(--bpm-accent);font-weight:700;width:60px;padding:6px;border-radius:8px;text-align:center;font-size:1rem;outline:none;transition:border .2s}.setting-field input:focus{border-color:var(--bpm-accent)}.action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff14;border:1px solid rgba(255,255,255,.08);color:#fff;border-radius:14px;transition:all .18s ease}.action-btn:active{transform:scale(.92)}.action-btn.active{color:#fff;background:#3b82f63d;border-color:#3b82f659}.drag-icon-dots{width:30px;height:4px;background:#fff3;border-radius:2px}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.expand-btn,.close-btn{background:transparent;border:none;display:flex;align-items:center;justify-content:center;padding:4px!important;opacity:.5}.expand-btn:hover,.close-btn:hover{opacity:1}.live-mode-bpm-indicator-container.is-dragging{cursor:grabbing;opacity:.96;transform:scale(1.015)}.expand-btn,.close-btn{width:30px;height:30px;background:#ffffff14;border:none;border-radius:999px;display:flex;align-items:center;justify-content:center;padding:0!important;opacity:.72;color:#fff;transition:all .18s ease}.expand-btn:hover,.close-btn:hover{opacity:1;background:#ffffff24}.expand-btn:active,.close-btn:active{transform:scale(.92)}.secondary-actions{display:flex}@media (max-width: 600px){.secondary-actions{display:flex;flex-direction:row;gap:4px}.secondary-actions .action-btn{display:flex;min-width:-moz-min-content;min-width:min-content;justify-content:center;padding:10px 8px}}:root{--safe-area-bottom: env(safe-area-inset-bottom, 0px);--hub-bg: rgba(30, 41, 59, .85);--hub-blur: blur(15px);--border-glass: rgba(205, 200, 200, .12);--blue-primary: #3b82f6;--gold-scroll: #fbbf24}.mobile-live-mode-container{position:fixed;top:0;left:0;width:100vw;height:100dvh;display:flex;flex-direction:column;overflow:hidden;background-color:var(--color-bg-primary);padding-top:env(safe-area-inset-top,0px);font-family:Inter,sans-serif;box-sizing:border-box;touch-action:none}.mobile-live-mode-content{width:100%;height:100%;padding:80px 15px calc(220px + var(--safe-area-bottom)) 15px;overflow-y:auto;background-color:var(--bg-secondary);box-sizing:border-box;transform:translateZ(0);will-change:scroll-position;-webkit-overflow-scrolling:touch;scroll-behavior:auto!important;touch-action:pan-y;transition:transform .2s ease-out}.mobile-live-mode-exit-button-fixed{position:fixed;top:calc(15px + env(safe-area-inset-top,0px));left:15px;z-index:1200;background:var(--hub-bg);backdrop-filter:var(--hub-blur);-webkit-backdrop-filter:var(--hub-blur);color:#fff;border:1px solid var(--border-glass);border-radius:50%;width:45px;height:45px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.mobile-live-mode-exit-button-fixed{top:calc(15px + var(--app-safe-top))}.content-responsive-wrapper{width:100%;max-width:100%;margin:0 auto;box-sizing:border-box;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;backface-visibility:hidden}.song-title-mini{font-size:1.4rem;font-weight:700;display:block}.song-artist-mini{font-size:.9rem}.chord-line,.lyric-line{display:block;width:100%;white-space:pre-wrap;word-break:break-word}.chord-line{font-weight:700}.mobile-live-menu-hub.unified{position:fixed;bottom:calc(15px + var(--safe-area-bottom));left:50%;transform:translate(-50%);z-index:1100;display:flex;flex-direction:column;align-items:center;width:auto;min-width:280px;max-width:95%;background:var(--hub-bg);backdrop-filter:var(--hub-blur);-webkit-backdrop-filter:var(--hub-blur);padding:0 16px 12px;border-radius:32px;border:1px solid var(--border-glass);box-shadow:0 12px 40px #00000080;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;box-sizing:border-box}.mobile-live-menu-hub.unified.hidden{transform:translate(-50%,150%);opacity:0}.menu-handle{width:32px;height:4px;background:#fff3;border-radius:2px;margin:8px 0 12px;flex-shrink:0}.playlist-nav-mobile-bar-internal{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:6px 14px;border-radius:18px;border:1px solid rgba(255,255,255,.1);width:-moz-max-content;width:max-content;max-width:90%;min-width:180px;justify-content:space-between;box-shadow:0 4px 15px #0006;pointer-events:auto;z-index:10}.playlist-info-center{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:150px}.playlist-index{font-size:10px;font-weight:700;color:var(--blue-primary);letter-spacing:.5px}.next-song-preview{font-size:11px;font-weight:500;color:#fff;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%;text-align:center}.playlist-nav-mobile-bar-internal button{background:#ffffff0d;border:none;color:#fff;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;transition:background .2s}.playlist-nav-mobile-bar-internal button:active{background:#fff3}.playlist-nav-mobile-bar-internal button:disabled{opacity:.2}.main-menu-row{display:flex;gap:8px;width:100%;justify-content:space-around;align-items:center}.sub-menu-row{justify-content:space-between!important;padding:4px 0;display:flex;align-items:center;width:100%}.menu-button{background:transparent;border:none;color:#94a3b8;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:52px;padding:4px;transition:all .2s ease;cursor:pointer}.menu-button span{font-size:10px;font-weight:600}.menu-button.active{color:#fff}.menu-button.active svg{color:var(--blue-primary);transform:translateY(-2px)}.menu-button:active{transform:scale(.9)}.menu-button.active-scroll{color:var(--gold-scroll)!important}.menu-button.active-scroll svg{filter:drop-shadow(0 0 8px rgba(251,191,36,.4));animation:pulse-scroll 2s infinite}@keyframes pulse-scroll{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.control-group{display:flex;flex-direction:column;align-items:center;gap:4px;flex:1}.control-group.border-left{border-left:1px solid var(--border-glass)}.control-label{font-size:9px;font-weight:700;color:#fff;opacity:.7;text-transform:uppercase;margin-bottom:2px}.control-buttons{display:flex;gap:12px;align-items:center}.control-buttons .menu-button{min-width:40px}.control-actions-group{display:flex;gap:4px;margin-left:8px;padding-left:8px;border-left:1px solid var(--border-glass)}.reset-action{color:#94a3b8!important}.reset-action:active{color:#ef4444!important}.scroll-speed-slider-container{display:flex;align-items:center;gap:10px;background:#ffffff0d;padding:8px 12px;border-radius:20px;flex-grow:1}.mobile-live-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #00000026;z-index:1002}.mobile-live-video-wrapper iframe{width:100%;height:100%}.mobile-live-video-wrapper.minimized{position:fixed;top:15px;right:15px;width:160px;z-index:1050;border-radius:12px;border:2px solid rgba(255,255,255,.2)}.disabled-opacity{opacity:.3;pointer-events:none;filter:grayscale(1)}.live-swipe-indicator{position:fixed;top:50%;z-index:2500;pointer-events:none;display:flex;align-items:center;justify-content:center}.live-swipe-indicator.left{left:0}.live-swipe-indicator.right{right:0}.swipe-action-pill{display:flex;align-items:center;background:#1e293b;padding:6px;box-shadow:0 4px 20px #0000004d;gap:0;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.live-swipe-indicator.left .swipe-action-pill{border-radius:0 40px 40px 0;border:1px solid rgba(255,255,255,.1);border-left:none}.live-swipe-indicator.right .swipe-action-pill{border-radius:40px 0 0 40px;border:1px solid rgba(255,255,255,.1);border-right:none}.swipe-action-pill.ready{gap:10px;background:#0f172af2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 8px 30px #3b82f666}.live-swipe-indicator.left .swipe-action-pill.ready{padding:6px 14px 6px 16px}.live-swipe-indicator.right .swipe-action-pill.ready{padding:6px 16px 6px 14px}.swipe-icon-circle{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#0006;color:var(--color-gray-200);flex-shrink:0;transition:background .3s ease}.swipe-action-pill.ready .swipe-icon-circle{background:#0003}.swipe-text{font-size:13px;font-weight:600;color:var(--color-gray-200);max-width:0;opacity:0;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1)}.swipe-action-pill.ready .swipe-text{max-width:160px;opacity:1}.is-desktop .content-responsive-wrapper{max-width:800px;padding:40px;background:#54545403;border-radius:16px}.is-desktop .mobile-live-mode-content{padding-top:60px;scrollbar-width:none;-ms-overflow-style:none}.is-desktop .mobile-live-mode-content::-webkit-scrollbar{display:none}.is-desktop .mobile-live-menu-hub.unified{width:600px;bottom:30px}.is-desktop .chord-line{font-weight:800;filter:drop-shadow(0px 2px 2px rgba(0,0,0,.3))}@media (max-width: 360px){.menu-button span{display:none}.mobile-live-menu-hub.unified{min-width:220px;width:95%;padding:0 8px 10px}.control-buttons{gap:6px}}.desktop-nav-btn{position:fixed;top:50%;transform:translateY(-50%);z-index:1000;display:flex;align-items:center;gap:12px;padding:12px 20px;background:#0f172ad9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:#fff;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);width:150px;height:54px;overflow:hidden;white-space:nowrap}.desktop-nav-btn:hover{width:280px;box-shadow:0 8px 30px #3b82f64d}.desktop-nav-btn.left{left:0;border-radius:0 40px 40px 0;border-left:none;justify-content:flex-end}.desktop-nav-btn.right{right:0;border-radius:40px 0 0 40px;border-right:none;flex-direction:row;justify-content:flex-start}.nav-label{display:flex;flex-direction:column;min-width:0;text-align:left}.desktop-nav-btn.left .nav-label{text-align:right}.nav-label span{font-size:15px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chord-manager-page{width:100%;display:flex;padding:var(--spacing-xl);padding-bottom:4rem;flex-direction:column;min-height:100vh;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);overflow:auto}.manager-header{display:flex;justify-content:space-between;flex-direction:row;align-items:center;margin-bottom:var(--spacing-md)}.manager-header h1{margin:0;font-size:1.8rem;font-family:var(--font-sans);color:var(--text-primary)}.manager-main-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.chord-list-panel .search-container{width:100%;max-width:100%;margin-bottom:var(--spacing-sm)}.chord-details-panel{position:static}.creator-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:10px;background-color:var(--bg-secondary);padding:var(--spacing-md);border-radius:var(--border-radius-base)}.creator-form label{display:flex;flex-direction:column;font-weight:500;color:var(--text-secondary);font-size:.9em}.creator-form input{padding:var(--spacing-sm);border:1px solid var(--border-input);border-radius:var(--border-radius-sm);margin-top:var(--spacing-xs);background-color:var(--bg-input);color:var(--text-primary);transition:border-color var(--transition-speed)}.creator-form input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.creator-form button{padding:var(--spacing-md);background-color:var(--brand-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:600;transition:background-color var(--transition-speed)}.creator-form button:hover{background-color:var(--brand-primary-dark)}.creator-form .cancel-edit-btn{background-color:var(--color-gray-500)}.creator-form .cancel-edit-btn:hover{background-color:var(--color-gray-600)}.creator-preview,.preview-placeholder{padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--border-radius-sm);text-align:center;height:auto;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.chord-list-panel::-webkit-scrollbar{width:8px}.chord-list-panel::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:4px}.chord-list-panel::-webkit-scrollbar-track{background-color:var(--scrollbar-track)}.chord-group{border:1px solid var(--border-primary);border-radius:var(--border-radius-sm);padding:var(--spacing-sm);background-color:var(--bg-secondary);margin-bottom:var(--spacing-sm)}.chord-group-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-primary);padding-bottom:var(--spacing-sm)}.chord-group-header h3{margin:0;font-size:1.1em;color:var(--text-primary)}.chord-group-header button{background:none;border:none;cursor:pointer;color:var(--text-muted);transition:color var(--transition-speed)}.chord-group-header button:hover{color:var(--status-danger)}.chord-variations{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding-top:var(--spacing-sm)}.chord-variation-item{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-primary);border-radius:var(--border-radius-base);cursor:pointer;font-size:.9em;transition:background-color var(--transition-speed),box-shadow var(--transition-speed),color var(--transition-speed);display:flex;align-items:center;gap:var(--spacing-sm);border:1px solid var(--border-primary);color:var(--text-secondary)}.chord-variation-item:hover{background-color:var(--bg-tertiary);box-shadow:0 2px 4px var(--shadow-primary)}.chord-variation-item.active{background-color:var(--brand-primary);color:var(--color-white);font-weight:600;border-color:var(--brand-primary-dark)}.chord-variation-item.active button{color:var(--color-white)}.chord-variation-item button{border:none;cursor:pointer;color:var(--text-muted);transition:all ease-in-out var(--transition-speed);padding:var(--spacing-sm);margin-left:10px;background-color:var(--bg-tertiary);border-radius:var(--border-radius-base)}.chord-variation-item button:hover{color:var(--color-white);background-color:var(--status-danger)}.fretboard-display-area{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.variation-navigator{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.variation-navigator button{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--button-nav-bg);color:var(--button-nav-text);border:none;border-radius:var(--border-radius-sm);cursor:pointer;font-weight:500;transition:background-color var(--transition-speed)}.variation-navigator button:hover:not(:disabled){background-color:var(--button-nav-hover-bg)}.variation-navigator button:disabled{background-color:var(--button-nav-disabled-bg);color:var(--button-nav-disabled-text);cursor:not-allowed}.chord-notes-list,.chord-suggestions-list{text-align:center;font-size:.8rem}.fretboard-display-area{margin:auto}.creator-group-container .chord-group-wrapper{overflow-y:auto;width:100%;height:100%;padding-bottom:var(--spacing-xl);scrollbar-width:none;-ms-overflow-style:none}.creator-group-container .chord-group-wrapper::-webkit-scrollbar{display:none}.creator-group-container:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:60px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--bg-secondary) 90%);z-index:10;pointer-events:none;opacity:0;transition:opacity .3s ease-in-out}.creator-group-container.has-gradient:after{opacity:1}@media (min-width: 901px){.manager-main-content{flex-direction:row;justify-content:space-between;align-items:flex-start}.chord-creator-panel{flex-grow:.3;flex-basis:0}.chord-list-panel{flex-grow:1;flex-basis:0}.chord-details-panel{flex-grow:1.5;flex-basis:0;position:sticky;top:var(--spacing-lg);height:-moz-fit-content;height:fit-content}}.modal-actions{display:flex;justify-content:space-between;gap:15px}.modal-button{padding:10px 15px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background-color:var(--bg-primary);padding:var(--spacing-lg);border-radius:12px;max-width:960px;text-align:center;box-shadow:0 4px 20px #0003;transform:scale(.95);animation:modal-fade-in .3s forwards}@keyframes modal-fade-in{to{transform:scale(1);opacity:1}}.modal-title{color:var(--text-primary);margin-top:0;font-size:1.5rem}.modal-message{color:var(--text-secondary);font-size:1rem;margin-bottom:25px}.modal-actions{display:flex;justify-content:end;gap:15px}.modal-button{flex:none;padding:10px 15px;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out}.modal-button{display:flex;align-items:center;justify-content:center;gap:8px}.button-icon{display:flex;align-items:center;justify-content:center}.modal-button.cancel{background-color:var(--color-surface);color:var(--text-secondary)}.modal-button.cancel:hover{background-color:#d1d5db}.modal-button.confirm{background-color:#ef4444;color:#fff}.modal-button.confirm:hover{background-color:#dc2626}.draggable-container{background-color:var(--bg-secondary);border:1px solid var(--color-border);border-radius:8px;box-shadow:0 8px 16px #0003;min-width:250px;min-height:100px;display:flex;flex-direction:column;overflow:hidden;transition:width .4s cubic-bezier(.4,0,.2,1),height .4s cubic-bezier(.4,0,.2,1);will-change:left,top,width,height}.draggable-container.is-restricted{border:2px solid var(--color-primary-half)}.draggable-container.dragging{box-shadow:0 12px 24px #0000004d}.draggable-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border);-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.draggable-header{touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.header-title{display:flex;align-items:center;font-weight:700}.handle-icon{margin-right:8px}.header-controls{display:flex;gap:4px}.control-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s,color .2s}.control-button:hover{color:var(--text-secondary)}.draggable-content{flex-grow:1;overflow:hidden}.video-container{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:inherit;overflow:hidden;transition:all .4s ease}.player-embed{width:100%;height:100%;border:none;display:block}.player-wrapper{position:relative;width:100%;height:100%}.thumbnail-container{position:relative;width:100%;height:100%;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumbnail-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.8,.2,1)}.thumbnail-container:hover .thumbnail-image{transform:scale(1.05)}.play-overlay{position:relative;background:#1e1e1e80;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:76px;height:76px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 40px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:2}.thumbnail-container:hover .play-overlay{transform:scale(1.1);background:#fff3;border-color:#fff6;box-shadow:0 15px 50px #00000080}.play-icon{color:#fff;margin-left:6px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.player-controls-dock{position:absolute;bottom:16px;left:50%;transform:translate(-50%) translateY(20px);display:flex;align-items:center;gap:4px;background:#141414a6;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);padding:6px 8px;border-radius:50px;z-index:10;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 10px 30px #0006;width:-moz-max-content;width:max-content;max-width:90%}.video-container:hover .player-controls-dock{opacity:1;pointer-events:auto;transform:translate(-50%) translateY(0)}@container (max-width: 350px){.player-controls-dock button span{display:none}}.player-controls-dock button{background:transparent;color:#ffffffd9;border:none;padding:8px 12px;border-radius:50px;cursor:pointer;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s ease}.player-controls-dock button:hover{background:#ffffff26;color:#fff}.player-controls-dock button.active{background:var(--color-primary, #3b82f6);color:#fff}.player-controls-dock button.btn-close-dock{color:#ff5f5f}.player-controls-dock button.btn-close-dock:hover{background:#ff5f5f33;color:#ff8a8a}.dock-divider{width:1px;height:20px;background-color:#ffffff26;margin:0 4px}.video-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;box-shadow:inset 0 0 50px #0000004d}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at center,#2e1010,#000);border:1px solid rgba(255,74,74,.2)}.btn-close-error{margin-top:16px;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;padding:8px 24px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s}.btn-close-error:hover{background:#fff3;transform:scale(1.05)}.mobile-live-video-wrapper{position:relative;width:100%;aspect-ratio:16 / 9;background:#000;border-radius:8px;overflow:hidden;margin-bottom:16px;box-shadow:0 4px 12px #00000026}.mobile-live-video-wrapper iframe{width:100%;height:100%;border:none;display:block}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-close-x{position:absolute;top:-40px;right:0;background:none;border:none;color:#737373;cursor:pointer;transition:color .2s}.modal-close-x:hover{color:#fff}.login-modal-overlay .login-card{box-shadow:0 20px 50px #00000080;animation:modalSlideUp .4s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}html.pwa-ios-standalone{--header-safe-top: env(safe-area-inset-top, 0px);--header-safe-right: env(safe-area-inset-right, 0px);--header-safe-left: env(safe-area-inset-left, 0px)}.app-header{position:sticky;top:0;z-index:500;flex-shrink:0;width:100%;padding-top:calc(var(--header-base-top-padding) + var(--app-safe-top) + var(--header-extra-top-gap));padding-left:calc(10px + var(--app-safe-left));padding-right:calc(10px + var(--app-safe-right));padding-bottom:6px;background:var(--app-header-surface);border-bottom:1px solid rgba(var(--border-input-rgb),.5);box-shadow:0 8px 24px #00000014,inset 0 1px rgba(var(--bg-secondary-rgb),.6);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.app-header-shell{max-width:var(--max-width-container);margin:0 auto;display:flex;flex-direction:column;gap:6px}.app-header-main{min-height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:10px}.app-header-left{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.header-brand-button{width:var(--header-action-size);height:var(--header-action-size);display:inline-flex;align-items:center;justify-content:center;border:0;padding:0;border-radius:14px;background:transparent;cursor:pointer;flex-shrink:0}.header-brand-icon{width:34px;height:34px;border-radius:12px;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 4px 10px rgba(var(--brand-primary-rgb),.18))}.header-title-group{min-width:0;display:flex;flex-direction:column;line-height:1.1}.header-title{min-width:0;color:var(--text-primary);font-size:1.2rem;font-weight:900;letter-spacing:-.04em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:min(38vw,320px)}.header-subtitle{margin-top:-1px;color:var(--text-muted);font-size:.72rem;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:320px}.app-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-shrink:0}.header-action{position:relative;width:var(--header-action-size);height:var(--header-action-size);display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:14px;padding:0;color:var(--text-secondary);background:transparent;cursor:pointer;flex-shrink:0;transition:transform var(--transition-speed) var(--transition-timing),background var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing)}.header-action:hover:not(:disabled),.header-action.active{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.1);border-color:rgba(var(--brand-primary-rgb),.16)}.header-action:active:not(:disabled){transform:scale(.96)}.header-action:disabled{opacity:.45;cursor:not-allowed}.header-action-key{width:auto;min-width:var(--header-action-size);padding:0 9px;gap:5px}.header-key-icon{flex:0 0 auto;width:20px;height:20px}.header-key-label{flex:0 0 auto;min-width:24px;font-size:.72rem;font-weight:900;letter-spacing:-.02em;line-height:1;white-space:nowrap;text-align:center}.header-save-icon,.header-study-icon{color:var(--status-success)}.header-key-label{font-size:.72rem;font-weight:900;letter-spacing:-.02em}.header-dropdown-anchor{position:relative;display:inline-flex}.app-header .dropdown-menu,.app-header .dropdown-menu-top-mobile,.app-header .key-transpose-dropdown{z-index:99999}.header-avatar-button{border:0;padding:0;background:transparent;cursor:pointer;border-radius:999px}.header-avatar{position:relative;width:var(--header-avatar-size);height:var(--header-avatar-size);display:grid;place-items:center;border-radius:999px;border:2px solid rgba(var(--border-input-rgb),.65);background:var(--bg-tertiary);transition:transform var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing),box-shadow var(--transition-speed) var(--transition-timing)}.header-avatar-button:hover .header-avatar,.header-avatar-button.active .header-avatar{transform:translateY(-1px);border-color:rgba(var(--brand-primary-rgb),.55);box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.14)}.header-avatar-img,.header-avatar-fallback{width:100%;height:100%;border-radius:999px}.header-avatar-img{-o-object-fit:cover;object-fit:cover}.header-avatar-fallback{display:grid;place-items:center;color:var(--text-secondary);background:radial-gradient(circle at 35% 25%,rgba(var(--brand-primary-rgb),.22),transparent 36%),var(--bg-tertiary)}.header-avatar-pro{position:absolute;left:50%;bottom:-5px;transform:translate(-50%);min-height:14px;padding:1px 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--bg-secondary);color:#111827;background:linear-gradient(135deg,#fbbf24,#f59e0b);font-size:.48rem;font-weight:1000;letter-spacing:.04em;line-height:1;box-shadow:0 3px 8px #00000038}.header-avatar-pro.is-founder{color:#451a03;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:var(--bg-secondary);box-shadow:0 4px 10px #f59e0b5c,0 0 0 1px #fbbf243d}.header-menu-title{color:var(--status-success);font-size:.78rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.header-user-menu-head{display:flex;flex-direction:column;gap:5px;min-width:0;padding:4px 0}.header-user-menu-head strong{color:var(--text-primary);font-size:.9rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-user-menu-head span{color:var(--text-muted);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.header-premium-menu-item{color:var(--status-warning)!important;font-weight:900!important}.header-danger-menu-item{color:var(--status-error)!important}.loading-spinner{animation:headerSpin 1s linear infinite;display:block}@keyframes headerSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes headerMenuIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 768px){:root{--header-height: 50px;--header-action-size: 36px;--header-avatar-size: 36px;--header-base-top-padding: 5px}.app-header{padding-left:calc(8px + var(--app-safe-left));padding-right:calc(8px + var(--app-safe-right));padding-bottom:5px}.app-header-main,.app-header-left{gap:6px}.header-title{max-width:26vw}.header-plan-chip{min-height:15px;padding:2px 5px;font-size:.48rem}.header-subtitle{display:none}.header-title-row{display:flex;align-items:center;gap:7px;min-width:0}.header-plan-chip{flex-shrink:0;min-height:16px;padding:2px 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid rgba(251,191,36,.35);color:#111827;background:linear-gradient(135deg,#fbbf24,#f59e0b);font-size:.52rem;font-weight:1000;letter-spacing:.05em;line-height:1;box-shadow:0 3px 8px #f59e0b38}.app-header-actions{gap:4px}.header-action{border-radius:13px}.header-key-label{font-size:.68rem}.header-brand-icon{width:31px;height:31px;border-radius:11px}.header-action-key{padding:0 7px;gap:4px}.header-key-icon{width:18px;height:18px}.header-key-label{min-width:22px;font-size:.68rem}}@media (max-width: 380px){:root{--header-action-size: 34px;--header-avatar-size: 34px}.header-title{max-width:30vw}.app-header-actions{gap:3px}}@media (min-width: 1025px){.app-header-shell{gap:8px}.header-title{max-width:420px}}.generic-dropdown.desktop{position:absolute;top:calc(100% + 10px);right:0;z-index:99999;min-width:240px;max-width:min(320px,calc(100vw - 24px));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 96%,var(--brand-primary) 4%),var(--bg-secondary));border:1px solid rgba(var(--border-input-rgb),.65);border-radius:18px;box-shadow:0 18px 45px #00000038,inset 0 1px rgba(var(--bg-secondary-rgb),.5);overflow:hidden;animation:genericDropdownIn .16s ease-out}.generic-dropdown-mobile-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999}.generic-dropdown-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0;margin:0;padding:0;background:#0206177a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer}.generic-dropdown.mobile{position:absolute;left:0;right:0;bottom:0;width:100%;max-width:100%;padding:0 14px calc(14px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 96%,var(--brand-primary) 4%),var(--bg-secondary));border-radius:28px 28px 0 0;border-top:1px solid rgba(var(--border-input-rgb),.65);box-shadow:0 -24px 70px #00000047,inset 0 1px rgba(var(--bg-secondary-rgb),.55);overflow:hidden;animation:genericSheetUp .24s cubic-bezier(.2,.9,.25,1)}.dropdown-drag-handle-container{width:100%;min-height:38px;display:flex;align-items:center;justify-content:center;border:0;padding:12px 0 8px;margin:0;background:transparent;cursor:pointer}.dropdown-drag-handle{width:44px;height:5px;border-radius:999px;background:rgba(var(--border-input-rgb),.85);transition:width .18s ease,background .18s ease}.dropdown-drag-handle-container:hover .dropdown-drag-handle,.dropdown-drag-handle-container:active .dropdown-drag-handle{width:52px;background:var(--text-muted)}.dropdown-content-scroll{max-height:min(72vh,620px);overflow-y:auto;overscroll-behavior:contain;padding:6px}.generic-dropdown.mobile .dropdown-content-scroll{padding:0 0 6px}.dropdown-header-main{padding:12px 12px 10px;border-bottom:1px solid rgba(var(--border-input-rgb),.45);background:rgba(var(--bg-tertiary-rgb),.28)}.generic-dropdown.mobile .dropdown-header-main{border-radius:18px;margin-bottom:6px}.header-label{margin:0 0 6px;color:var(--text-muted);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.dropdown-divider{height:1px;margin:6px 4px;background:rgba(var(--border-input-rgb),.55)}.dropdown-item{width:100%;min-height:46px;display:flex;align-items:center;gap:12px;border:0;border-radius:14px;padding:0 12px;background:transparent;color:var(--text-primary);font-size:.92rem;font-weight:750;text-align:left;cursor:pointer;transition:transform .16s ease,background .16s ease,color .16s ease}.dropdown-item:hover{background:rgba(var(--brand-primary-rgb),.1);color:var(--brand-primary)}.dropdown-item:active{transform:scale(.98)}.dropdown-item-icon{width:22px;min-width:22px;display:inline-flex;align-items:center;justify-content:center;color:var(--brand-primary)}.dropdown-item svg{flex-shrink:0}@media (max-width: 650px){.dropdown-item{min-height:50px;font-size:.95rem;border-radius:16px}.dropdown-content-scroll{max-height:min(74vh,620px)}}@keyframes genericSheetUp{0%{transform:translateY(105%)}to{transform:translateY(0)}}@keyframes genericDropdownIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.key-transpose-dropdown{min-width:270px}.key-dropdown-content{display:flex;flex-direction:column;gap:10px;padding:6px}.key-dropdown-header{display:flex;align-items:center;gap:10px;padding:10px;border-radius:16px;background:radial-gradient(circle at 20% 0%,rgba(var(--brand-primary-rgb),.14),transparent 38%),rgba(var(--bg-tertiary-rgb),.45)}.key-dropdown-header-icon{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.12);border:1px solid rgba(var(--brand-primary-rgb),.16);flex-shrink:0}.key-dropdown-header strong{display:block;color:var(--text-primary);font-size:.9rem;font-weight:900;letter-spacing:-.03em}.key-dropdown-header span{display:block;margin-top:3px;color:var(--text-muted);font-size:.72rem;font-weight:700}.key-control-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border-radius:16px;background:rgba(var(--bg-tertiary-rgb),.35);border:1px solid rgba(var(--border-input-rgb),.42)}.key-control-label{color:var(--text-secondary);font-size:.82rem;font-weight:850}.key-stepper{display:inline-flex;align-items:center;gap:8px}.key-stepper-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(var(--border-input-rgb),.55);border-radius:12px;color:var(--text-secondary);background:var(--bg-secondary);cursor:pointer;transition:transform .16s ease,color .16s ease,background .16s ease,border-color .16s ease}.key-stepper-btn:hover{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.1);border-color:rgba(var(--brand-primary-rgb),.28)}.key-stepper-btn:active{transform:scale(.93)}.key-value-display{min-width:36px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-primary);font-size:.95rem;font-weight:950;letter-spacing:-.03em}.key-dropdown-divider{height:1px;margin:2px 4px;background:rgba(var(--border-input-rgb),.55)}.key-dropdown-action{min-height:42px;display:flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:14px;padding:0 12px;background:transparent;font-size:.84rem;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease}.key-dropdown-action:active{transform:scale(.98)}.key-dropdown-action.reset{color:var(--brand-primary)}.key-dropdown-action.reset:hover{background:rgba(var(--brand-primary-rgb),.1)}.key-dropdown-action.close{color:var(--status-error)}.key-dropdown-action.close:hover{background:rgba(var(--status-error-rgb),.1)}.generic-dropdown.mobile.key-transpose-dropdown{min-width:0}.generic-dropdown.mobile .key-dropdown-content{padding:0 0 6px}.generic-dropdown.mobile .key-control-row{min-height:54px}.generic-dropdown.mobile .key-stepper-btn{width:38px;height:38px;border-radius:14px}.badge-plan{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;border:1px solid transparent;transition:all .2s ease;white-space:nowrap;line-height:1}.badge-plan.is-founder{color:#451a03!important;background:linear-gradient(135deg,#fbbf24,#f59e0b)!important;border-color:#fbbf2473!important;box-shadow:0 4px 12px #f59e0b40,inset 0 1px #ffffff4d!important}.badge-founder-icon{color:#451a03}.badge-plan-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;position:relative;transition:transform .2s ease}.badge-plan-icon:hover{transform:scale(1.05)}.badge-plan-icon.is-founder{background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 4px 10px #f59e0b4d;color:#451a03;border:1px solid rgba(255,255,255,.4)}.founder-crown-icon{z-index:2}.founder-spark-icon{position:absolute;top:-4px;right:-4px;color:#fffbeb;animation:sparkPulse 2s infinite ease-in-out;z-index:3;filter:drop-shadow(0 0 2px rgba(251,191,36,.8))}@keyframes sparkPulse{0%,to{transform:scale(1) rotate(0);opacity:.8}50%{transform:scale(1.3) rotate(15deg);opacity:1}}.badge-plan{position:relative;isolation:isolate;overflow:hidden}.badge-plan:after{content:"";position:absolute;top:-120%;right:-120%;bottom:-120%;left:-120%;z-index:-1;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.34) 48%,transparent 62%);transform:translate(-70%) rotate(18deg);animation:badgeShimmer 4.2s ease-in-out infinite}@keyframes badgeShimmer{0%{transform:translate(-75%) rotate(18deg)}42%,to{transform:translate(75%) rotate(18deg)}}.badge-plan.is-founder{animation:founderBadgeGlow 3.8s ease-in-out infinite}@keyframes founderBadgeGlow{0%,to{box-shadow:0 8px 18px #f59e0b47,0 0 0 1px #fbbf2424,inset 0 1px #ffffff57}50%{box-shadow:0 10px 24px #f59e0b70,0 0 0 2px #fbbf2433,inset 0 1px #ffffff6b}}.badge-plan.is-founder .badge-founder-icon{animation:founderCrownFloat 2.8s ease-in-out infinite;transform-origin:center}@keyframes founderCrownFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-1px) rotate(-3deg)}}.badge-plan-icon.is-founder{animation:founderIconPulse 3.2s ease-in-out infinite}@keyframes founderIconPulse{0%,to{transform:scale(1);box-shadow:0 8px 18px #f59e0b42,0 0 0 2px #fbbf241a}50%{transform:scale(1.045);box-shadow:0 10px 24px #f59e0b61,0 0 0 4px #fbbf241f}}.founder-spark-icon{animation:founderSparkTwinkle 1.8s ease-in-out infinite}@keyframes founderSparkTwinkle{0%,to{opacity:.75;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.22) rotate(18deg)}}.playlist-view-container{display:flex;flex-direction:column;padding:var(--spacing-md);flex:1;padding-bottom:120px}.playlist-view-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.playlist-view-title{font-size:1.5rem;font-weight:800;color:var(--text-primary);margin:0;flex:1;min-width:150px}.playlist-header-actions{display:flex;gap:8px;align-items:center}.btn-add-separator{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:none;font-weight:600;font-size:.85rem;cursor:pointer;color:#fff;background-color:#8b5cf6;transition:all .2s ease}.btn-add-separator:active{transform:scale(.95);opacity:.9}@media (max-width: 480px){.btn-add-music,.btn-play-playlist,.btn-add-separator{padding:8px 10px;flex:1;justify-content:center}.btn-add-music span,.btn-play-playlist span,.btn-add-separator span{font-size:.75rem}}.btn-add-music,.btn-play-playlist{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;border:none;font-weight:600;font-size:.85rem;cursor:pointer;color:#fff;transition:opacity .2s}.btn-add-music{background-color:#10b981}.btn-play-playlist{background-color:#3b82f6}.btn-add-music:active,.btn-play-playlist:active{transform:scale(.95)}@media (max-width: 480px){.playlist-view-header{flex-direction:column;align-items:flex-start}.playlist-header-actions{width:100%;justify-content:flex-start}.btn-add-music,.btn-play-playlist{flex:1;justify-content:center}}.setlist-wrapper{display:flex;flex-direction:column;gap:12px;touch-action:pan-y}.setlist-card{background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s,border-color .2s;cursor:pointer;position:relative;overflow:hidden;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.setlist-card:hover{border-color:var(--brand-primary);transform:translateY(-2px);box-shadow:var(--modal-box-shadow)}.setlist-card.dragging{box-shadow:0 8px 20px #00000026;border-color:var(--brand-primary);background:var(--bg-card-highlight);z-index:999;transform:scale(1.02)}.card-expired{opacity:.8;border-left:2px solid var(--color-yellow-500);border-right:2px solid var(--color-yellow-500)}.empty-playlist-message.expired{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:12px}.setlist-header{display:flex;justify-content:flex-start;align-items:flex-start;gap:12px;width:100%}.setlist-info-col{flex:1;display:flex;flex-direction:column;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.setlist-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.2}.setlist-description{font-size:.9rem;color:var(--text-secondary);margin-top:4px;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.setlist-actions{display:flex;gap:4px;align-items:center;margin-left:auto}.drag-handle{display:flex;align-items:center;justify-content:center;padding:8px 8px 8px 0;cursor:grab;color:var(--text-muted);touch-action:none;transition:color .2s}.drag-handle:hover{color:var(--brand-primary)}.drag-handle:active{cursor:grabbing}.setlist-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-primary);margin-top:8px}.footer-left{display:flex;gap:12px;align-items:center}.attendees-list{display:flex;align-items:center;flex-direction:row-reverse}.attendee-avatar{background:#444;border:2px solid var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.footer-right{display:flex;align-items:center;min-width:60px;justify-content:flex-end}.attendee-avatar,.attendee-extra{width:26px;height:26px;border-radius:50%;border:2px solid var(--bg-secondary);margin-left:-10px;overflow:hidden;font-size:10px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary, #333);color:var(--text-primary);box-shadow:0 2px 4px #0003;position:relative;z-index:1}.attendee-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.attendees-avatars-stack{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end;padding-top:10px;padding-right:5px}.attendee-avatar-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-secondary);margin-left:-10px;position:relative;background:var(--bg-tertiary);overflow:visible!important;display:flex;align-items:center;justify-content:center}.leader-crown{position:absolute;top:-8px;right:-4px;z-index:10}.leader-crown{position:absolute;top:-8px;right:-4px;font-size:12px;background:var(--bg-secondary);border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.modal-member-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;width:100%}.member-name-label{flex:1;text-align:left;font-size:.95rem;color:var(--text-primary)}.avatar-placeholder{font-weight:700;text-transform:uppercase;display:flex;justify-content:center;align-items:center}.attendee-extra{background:var(--brand-primary);color:#fff;font-weight:700;z-index:0}.setlist-meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--text-muted)}.setlist-meta-item svg{color:var(--brand-primary)}.homepage-buttons-grid{display:flex;flex-wrap:wrap;gap:8px;width:100%;margin-bottom:var(--spacing-md)}.btn-new-song,.btn-toggle-source,.btn-setlists{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;font-weight:600;flex:1;min-width:110px;white-space:nowrap;transition:all .2s ease;border:1px solid transparent}.btn-new-song{background-color:var(--brand-primary);color:#fff}.btn-toggle-source,.btn-setlists{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}.action-group-compact{display:flex;gap:8px}.btn-icon-only{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--border-radius-base);color:var(--text-secondary)}.btn-icon-only.active{color:var(--brand-primary);border-color:var(--brand-primary);background-color:var(--bg-highlight-subtle)}@media (max-width: 600px){.btn-new-song,.btn-toggle-source,.btn-setlists{flex:1 1 calc(33.33% - 8px);font-size:.8rem;gap:4px}.action-group-compact{width:100%;margin-top:4px}.btn-icon-only{flex:1}}@media (max-width: 400px){.btn-new-song{flex:1 1 100%}.btn-toggle-source,.btn-setlists{flex:1}}button.btn-share{color:var(--brand-primary)}button.btn-share-active{color:var(--status-success)}button.text-status-danger{color:var(--status-danger)}.animate-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.text-status-success{color:#10b981}.text-status-danger{color:#ef4444}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.attendees-avatars-stack{display:flex;align-items:center;flex-direction:row-reverse;justify-content:flex-end}.attendee-avatar-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--bg-secondary);position:relative;background:var(--bg-tertiary);overflow:visible}.member-img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover}.attendee-avatar-circle{position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%}.attendee-extra-badge{width:32px;height:32px;border-radius:50%;background:var(--brand-primary-light);color:var(--brand-primary);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-secondary);margin-left:-12px}.attendee-avatar-circle.is-leader{border-color:var(--brand-primary);margin-left:-12px}.attendee-avatar-circle.is-leader.modal{border-color:var(--brand-primary);margin-left:-10px}@media (max-width: 600px){.setlist-footer{flex-direction:column;align-items:flex-start;gap:8px}.footer-left{width:100%;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer-right{width:100%;justify-content:flex-end;margin-top:4px;padding-left:10px}.setlist-meta-item span{font-size:.75rem}}@keyframes sync-flash-glow{0%{box-shadow:0 0 #4f46e500;border-color:var(--border-primary)}50%{box-shadow:0 0 15px 2px #4f46e566;border-color:var(--brand-primary)}to{box-shadow:0 0 #4f46e500;border-color:var(--border-primary)}}.sync-flash-active{animation:sync-flash-glow 1.2s ease-in-out;border-width:1px}.online-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;background:#10b981;border:1.5px solid #fff;border-radius:50%;z-index:11}[data-theme=dark] .online-dot{border-color:var(--bg-secondary)}.session-status-badge{display:flex;align-items:center;gap:6px;padding:4px 8px;border-radius:20px;font-size:.75rem;font-weight:600;white-space:nowrap;transition:all .3s ease}.status-dot{width:6px;height:6px;border-radius:50%}@media (max-width: 480px){.session-status-badge{padding:2px 6px;font-size:.65rem;background:transparent;color:var(--text-primary)}.session-status-badge.is-active{color:#22c55e}.session-status-badge.is-expired{color:#ef4444}.setlist-meta-item:nth-child(2){display:none}}.is-active.session-status-badge{background:#22c55e1a;color:#22c55e}.is-active .status-dot{background:#22c55e;box-shadow:0 0 8px #22c55e;animation:pulse-dot 2s infinite}.session-status-badge.is-expired{background:#ef44441a;color:#ef4444}.session-status-badge.is-expired .status-dot{background:#ef4444}@keyframes pulse-dot{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes pulse-green{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.status-indicator{position:absolute;bottom:1px;right:1px;width:10px;height:10px;border-radius:50%;border:2px solid var(--bg-card);transition:background-color .3s ease}.status-indicator.online{background-color:#22c55e;box-shadow:0 0 5px #22c55e80}.status-indicator.away{background-color:#eab308}.create-playlist-button-full:disabled{opacity:.7;cursor:not-allowed}.fretboard-component{display:flex;flex-direction:column;width:100%}.fretboard-main-container{position:relative;width:100%}.fretboard-tools-header{display:flex;justify-content:flex-start;align-items:center;margin-bottom:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--border-input);padding:8px 12px;border-radius:var(--border-radius-xl);box-shadow:0 4px 15px #00000008}.shape-selector{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:4px;scrollbar-width:none}.shape-pill{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-input);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-speed) var(--transition-timing)}.shape-pill:hover,.shape-pill:focus-visible{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-input-hover);outline:none}.fretboard-didactic-tip{display:flex;align-items:center;gap:8px;background:rgba(var(--brand-primary-rgb),.08);border-left:3px solid var(--brand-primary);padding:12px 16px;border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm);font-size:.85rem;color:var(--text-secondary);line-height:1.4}.fretboard-didactic-tip .info-icon{color:var(--brand-primary);flex-shrink:0}.fretboard-didactic-tip strong{color:var(--text-primary)}.fretboard-wrapper.scales{display:block;overflow-x:auto;overflow-y:hidden;width:100%;margin:1rem 0!important;padding:0!important;background:var(--bg-secondary);border-radius:var(--border-radius-base);border:1px solid var(--border-input);-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:thin;scrollbar-color:var(--border-input-hover) transparent;mask-image:linear-gradient(to right,transparent,black 30px,black calc(100% - 30px),transparent);-webkit-mask-image:linear-gradient(to right,transparent,black 30px,black calc(100% - 30px),transparent)}.fretboard-wrapper.scales::-webkit-scrollbar{height:6px}.fretboard-wrapper.scales::-webkit-scrollbar-thumb{background:var(--border-input-hover);border-radius:10px}.fretboard-body{position:relative;transition:all .3s ease}.fretboard-note-group{cursor:pointer;filter:drop-shadow(0px 2px 3px rgba(0,0,0,.3));transition:filter .2s;outline:none}.fretboard-note-group:hover,.fretboard-note-group:focus-visible{filter:drop-shadow(0px 4px 6px rgba(0,0,0,.5)) brightness(1.2)}.fretboard-note-group.is-root-note circle{stroke:var(--color-white);stroke-width:2px}.fretboard-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;background:var(--bg-secondary);border:1px solid var(--border-input);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;box-shadow:0 4px 12px #00000026;transition:all var(--transition-speed) var(--transition-timing)}.fretboard-nav-btn:hover{background:var(--brand-primary);color:var(--color-white);border-color:var(--brand-primary);scale:1.1}.btn-left{left:10px}.btn-right{right:10px}.scroll-indicator{position:absolute;bottom:5px;right:15px;font-size:.75rem;color:var(--text-muted);font-weight:600;pointer-events:none;animation:pulse-opacity 2s infinite;z-index:10}@keyframes pulse-opacity{0%,to{opacity:.4}50%{opacity:1}}@media (max-width: 600px){.fretboard-nav-btn{display:none}}.notfound-container{height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);padding:20px 20px 120px;text-align:center}.notfound-content h1{font-size:8rem;font-weight:800;margin:0;background:linear-gradient(135deg,#2463eb,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.notfound-content h2{font-size:1.5rem;color:var(--text-primary);margin-bottom:1rem}.notfound-content p{color:var(--text-secondary);max-width:400px;margin:0 auto 2rem}.notfound-icon-wrapper{position:relative;display:inline-block;margin-bottom:1rem}.icon-badge{position:absolute;bottom:0;right:-5px;color:#ef4444;background:var(--bg-primary);border-radius:50%}.btn-back-home{display:flex;align-items:center;gap:10px;margin:0 auto;padding:12px 24px;background-color:#2463eb;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:transform .2s}.btn-back-home:hover{transform:scale(1.05);background-color:#1d4ed8}.quiz-page-container{max-width:720px;margin:0 auto;padding:2rem var(--container-padding, 1.5rem);color:var(--text-main);font-family:Inter,system-ui,sans-serif}.quiz-inner{display:flex;flex-direction:column;gap:1.5rem}.quiz-start-screen{display:flex;flex-direction:column;gap:2rem}.quiz-start-header{text-align:center}.quiz-trophy-icon{color:var(--color-third, #facc15);margin-bottom:1rem}.quiz-start-header h1{font-size:2rem;font-weight:800;color:var(--text-main);margin-bottom:.5rem}.quiz-start-header p{color:var(--text-secondary);font-size:1rem}.quiz-config{display:flex;flex-direction:column;gap:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg, 14px);padding:1.5rem}.quiz-config-group label{display:block;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.75rem}.quiz-level-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.quiz-level-card:first-child{grid-column:1 / -1;flex-direction:row;align-items:center}.quiz-level-badge[data-level="4"]{background:#f9731626;color:#f97316}.quiz-level-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:.85rem 1rem;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-md, 8px);cursor:pointer;text-align:left;transition:border-color .15s,background .15s;color:var(--text-main)}.quiz-level-card:hover{border-color:var(--accent-color)}.quiz-level-card.selected{border-color:var(--accent-color);background:#7c3aed1a}.quiz-level-icon{color:var(--accent-color);margin-bottom:2px}.quiz-level-label{font-size:.875rem;font-weight:700;color:var(--text-main)}.quiz-level-desc{font-size:.75rem;color:var(--text-secondary);line-height:1.4}.quiz-range{width:100%;margin:.5rem 0 .25rem}.quiz-range-labels{display:flex;justify-content:space-between;font-size:.75rem;color:var(--text-muted)}.quiz-start-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:1rem;padding:1rem 2rem;border-radius:var(--radius-md, 8px)}.quiz-progress-bar-container{display:flex;flex-direction:column;gap:6px}.quiz-progress-meta{display:flex;justify-content:space-between;font-size:.8rem;color:var(--text-secondary)}.quiz-score-inline{color:#4ade80;font-weight:600}.quiz-progress-track{height:6px;background:var(--bg-tertiary);border-radius:99px;overflow:hidden;border:1px solid var(--border-color)}.quiz-progress-fill{height:100%;background:var(--accent-color, #7c3aed);border-radius:99px;transition:width .4s ease}.quiz-progress-actions{display:flex;align-items:center;gap:12px}.btn-quit-quiz{display:flex;align-items:center;gap:4px;background:transparent;border:1px solid transparent;color:var(--text-muted);font-size:.75rem;font-weight:600;cursor:pointer;padding:4px 8px;border-radius:6px;text-transform:uppercase;transition:all .2s}.btn-quit-quiz:hover{background:#f871711a;color:#f87171;border-color:#f871714d}.quiz-question-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg, 14px);padding:1.75rem;display:flex;flex-direction:column;gap:1.25rem}.quiz-question-meta{display:flex;gap:8px;flex-wrap:wrap}.quiz-type-badge,.quiz-level-badge{font-size:.7rem;padding:3px 10px;border-radius:99px;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.quiz-type-badge{background:#7c3aed1f;color:var(--accent-color, #7c3aed)}.quiz-level-badge{background:#facc151f;color:#facc15}.quiz-question-text{font-size:1.2rem;font-weight:700;color:var(--text-main);line-height:1.5;margin:0}.quiz-options-grid{display:flex;flex-direction:column;gap:.6rem}.quiz-option{display:flex;align-items:center;gap:12px;padding:.9rem 1.1rem;background:var(--bg-tertiary);border:1.5px solid var(--border-color);border-radius:var(--radius-md, 8px);cursor:pointer;text-align:left;color:var(--text-main);font-size:.95rem;transition:border-color .15s,background .15s;width:100%}.quiz-option:hover:not(:disabled){border-color:var(--accent-color);background:#7c3aed0f}.quiz-option:disabled{cursor:default}.quiz-option.correct{border-color:#4ade80;background:#4ade801a}.quiz-option.wrong{border-color:#f87171;background:#f871711a}.quiz-option.faded{opacity:.4}.quiz-option-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;min-width:28px;border-radius:6px;font-size:.8rem;font-weight:700;background:#ffffff0f;color:var(--text-secondary)}.quiz-option-text{flex:1}.quiz-opt-icon{margin-left:auto}.correct-icon{color:#4ade80}.wrong-icon{color:#f87171}.quiz-explanation{border-radius:var(--radius-md, 8px);padding:1rem 1.25rem;animation:fadeSlide .25s ease}.quiz-explanation.explanation-correct{background:#4ade8014;border-left:4px solid #4ade80}.quiz-explanation.explanation-wrong{background:#f8717114;border-left:4px solid #f87171}.quiz-explanation strong{display:block;margin-bottom:4px;font-size:.9rem}.quiz-explanation p{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin:0}@keyframes fadeSlide{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quiz-next-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:.95rem;padding:.85rem 1.5rem}.quiz-result-screen{display:flex;flex-direction:column;gap:1.5rem}.quiz-result-header{text-align:center;padding:1.5rem;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg, 14px)}.quiz-result-emoji{font-size:3rem;display:block;margin-bottom:.5rem}.quiz-result-header h1{font-size:1.8rem;font-weight:800;margin-bottom:.75rem}.quiz-result-score{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:4px}.quiz-result-number{font-size:3.5rem;font-weight:900;line-height:1}.quiz-result-denom{font-size:1.5rem;color:var(--text-secondary)}.quiz-result-pct{font-size:1rem;color:var(--text-secondary)}.quiz-result-tabs{display:flex;gap:0;border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);overflow:hidden}.quiz-tab{flex:1;padding:.7rem;background:var(--bg-secondary);border:none;color:var(--text-secondary);cursor:pointer;font-size:.9rem;transition:background .15s,color .15s}.quiz-tab.active{background:var(--accent-color, #7c3aed);color:#fff;font-weight:600}.quiz-summary{display:flex;flex-direction:column;gap:.5rem}.quiz-summary-row{display:flex;align-items:flex-start;gap:10px;padding:.75rem 1rem;border-radius:var(--radius-md, 8px);font-size:.875rem}.quiz-summary-row.row-correct{background:#4ade8012;border-left:3px solid #4ade80}.quiz-summary-row.row-wrong{background:#f8717112;border-left:3px solid #f87171}.summary-icon{margin-top:1px;flex-shrink:0}.row-correct .summary-icon{color:#4ade80}.row-wrong .summary-icon{color:#f87171}.summary-question{flex:1;color:var(--text-secondary);line-height:1.4}.summary-correct-answer{font-size:.75rem;color:#4ade80;white-space:nowrap}.quiz-review{display:flex;flex-direction:column;gap:1rem}.quiz-review-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-left:4px solid #f87171;border-radius:var(--radius-md, 8px);padding:1.1rem 1.25rem;display:flex;flex-direction:column;gap:6px}.review-question{font-weight:600;color:var(--text-main);font-size:.95rem;margin:0}.review-wrong,.review-correct{display:flex;align-items:center;gap:6px;font-size:.85rem;margin:0}.review-wrong{color:#f87171}.review-correct{color:#4ade80}.review-explanation{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:4px 0 0;padding-top:8px;border-top:1px solid var(--border-color)}.quiz-result-actions{display:flex;gap:.75rem;flex-wrap:wrap}.quiz-result-actions .btn-base{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:.85rem 1rem;min-width:160px}.btn-secondary:hover{border-color:var(--accent-color)}@media (max-width: 600px){.quiz-level-grid{grid-template-columns:1fr}.quiz-question-card{padding:1.25rem}.quiz-result-actions{flex-direction:column}}.quiz-history-btn{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--radius-md, 8px)}.quiz-result-extra-stats{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:10px}.quiz-result-extra-stats span{padding:5px 10px;border-radius:999px;color:var(--text-secondary);background:var(--bg-tertiary);font-size:.78rem;font-weight:700}.btn-success-soft{color:#22c55e;background:#4ade801a;border:1px solid rgba(74,222,128,.24)}.btn-success-soft:disabled{opacity:1;cursor:default}.progression-page{padding-top:2rem;padding-bottom:3rem}.player-header{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:1.5rem;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.player-header-info{flex:1;min-width:220px}.player-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:.5rem 0 0}.player-controls-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.btn-loop-toggle{display:flex;align-items:center;gap:6px;padding:.6rem 1rem;border-radius:var(--radius-md, 8px);border:1.5px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s;white-space:nowrap}.btn-loop-toggle:hover{border-color:var(--accent-color);color:var(--text-main)}.btn-loop-toggle.loop-on{border-color:#4ade80;color:#4ade80;background:#4ade8014}.progression-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.progression-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg, 14px);padding:1.5rem;display:flex;flex-direction:column;gap:1.1rem;transition:border-color .2s,box-shadow .2s}.progression-card:hover{border-color:#7c3aed59}.progression-card.is-active{border-color:var(--accent-color, #7c3aed);box-shadow:0 0 0 1px var(--accent-color, #7c3aed),0 4px 24px #7c3aed26}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.prog-info{flex:1}.prog-name-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:4px}.prog-name{font-size:1.05rem;font-weight:800;color:var(--text-main);margin:0;font-family:Fira Code,monospace}.prog-nickname{font-size:.8rem;color:var(--text-muted);margin:0}.genre-badge{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:600;padding:2px 8px;border-radius:99px;background:#7c3aed1a;color:var(--accent-color, #7c3aed);white-space:nowrap}.btn-play-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;border-radius:50%;border:2px solid var(--border-color);background:var(--bg-tertiary);cursor:pointer;transition:all .18s ease;color:var(--text-secondary)}.btn-play-toggle:hover{border-color:var(--accent-color);color:var(--accent-color);transform:scale(1.06)}.btn-play-toggle.is-play:hover{background:#7c3aed1a}.btn-play-toggle.is-stop{border-color:#f87171;background:#f871711a;color:#f87171}.btn-play-toggle.is-stop:hover{background:#f8717133;transform:scale(1.06)}.steps-container{display:flex;gap:8px;flex-wrap:wrap}.step-item{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:.6rem .85rem;border-radius:var(--radius-md, 8px);border:1.5px solid var(--border-color);background:var(--bg-tertiary);min-width:56px;transition:border-color .15s,background .15s,transform .15s;overflow:hidden}.step-item.is-playing{border-color:var(--step-color, #7c3aed);background:color-mix(in srgb,var(--step-color, #7c3aed) 12%,transparent);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.step-func-dot{width:6px;height:6px;border-radius:50%;position:absolute;top:6px;right:6px}.step-degree{font-size:.7rem;font-family:Fira Code,monospace;color:var(--text-muted);font-weight:600}.step-chord{font-size:1.05rem;font-weight:800;color:var(--text-main);line-height:1}.step-progress-bar{position:absolute;bottom:0;left:0;height:3px;background:var(--step-color, #7c3aed);border-radius:0 0 var(--radius-md, 8px) var(--radius-md, 8px);animation:progressSweep 2s linear forwards}@keyframes progressSweep{0%{width:0%}to{width:100%}}.prog-feeling{font-size:.85rem;color:var(--text-secondary);line-height:1.6;margin:0;padding:.75rem 1rem;background:var(--bg-tertiary);border-radius:var(--radius-md, 8px);border-left:3px solid var(--border-color)}.analysis-panel{border:1px solid var(--border-color);border-radius:var(--radius-md, 8px);overflow:hidden}.analysis-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:.65rem 1rem;background:var(--bg-tertiary);border:none;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:background .15s,color .15s;text-align:left}.analysis-toggle:hover{background:var(--bg-secondary);color:var(--text-main)}.analysis-toggle svg:first-child{color:var(--accent-color, #7c3aed)}.analysis-toggle svg:last-child{margin-left:auto}.analysis-content{padding:.85rem 1rem;display:flex;flex-direction:column;gap:.85rem;animation:fadeSlide .2s ease;border-top:1px solid var(--border-color);background:var(--bg-secondary)}@keyframes fadeSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.analysis-rows{display:flex;flex-direction:column;gap:6px}.analysis-row{display:flex;align-items:flex-start;gap:10px;font-size:.82rem;line-height:1.5}.analysis-degree{font-family:Fira Code,monospace;font-weight:700;color:var(--brand-light, #a78bfa);min-width:44px;flex-shrink:0}.analysis-func-tag{font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.analysis-note{color:var(--text-secondary);flex:1}.analysis-examples{padding-top:.75rem;border-top:1px solid var(--border-color)}.examples-label{display:flex;align-items:center;gap:5px;font-size:.75rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.4rem}.analysis-examples ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px}.analysis-examples li{font-size:.8rem;color:var(--text-secondary);padding-left:14px;position:relative}.analysis-examples li:before{content:"♪";position:absolute;left:0;color:var(--accent-color, #7c3aed);font-size:.7rem}@media (max-width: 768px){.progression-grid{grid-template-columns:1fr}.player-header{flex-direction:column}.player-controls-row{width:100%;justify-content:space-between}}@media (max-width: 480px){.steps-container{gap:6px}.step-item{min-width:48px;padding:.5rem .65rem}.step-chord{font-size:.9rem}}.analyzer-page{padding-top:2rem;padding-bottom:3rem;animation:fadeInPage .4s ease-out}.spin{animation:spin 1s linear infinite}.result-key-label{display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:2px}.result-key-value{font-size:1.8rem;font-weight:900;color:var(--text-main);line-height:1}.result-mode{font-size:1rem;font-weight:400;color:var(--text-secondary);margin-left:4px}.analyzer-header{margin-bottom:2rem}.analyzer-title-row{display:flex;align-items:flex-start;gap:1rem}.analyzer-icon{color:var(--accent-color);margin-top:6px;flex-shrink:0}.analyzer-subtitle{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin:0}.analyzer-input-area{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.chord-textarea{width:100%;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:var(--radius-lg, 14px);color:var(--text-main);font-family:Fira Code,Courier New,monospace;font-size:1.1rem;line-height:1.8;padding:1.1rem 1.25rem;resize:vertical;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a;box-sizing:border-box}.chord-textarea:focus{outline:none;border-color:var(--accent-color);background:var(--bg-deep);box-shadow:0 0 0 4px #7c3aed26,inset 0 2px 4px #0000001a}.chord-textarea::-moz-placeholder{color:var(--text-muted);opacity:.6}.chord-textarea::placeholder{color:var(--text-muted);opacity:.6}.input-hint{font-size:.85rem;margin-top:4px;font-weight:500}.analyzer-examples{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.example-chip{padding:6px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-secondary);font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s}.example-chip:hover{background:var(--accent-color);color:#fff;transform:translateY(-2px);border-color:var(--accent-color)}.btn-analyze{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:1rem;font-size:1rem;font-weight:600;border-radius:var(--radius-md);margin-bottom:2rem;transition:all .15s}.btn-analyze:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{background:none;border:1px solid var(--border-color);border-radius:99px;color:var(--text-secondary);transition:border-color .15s,color .15s}.btn-ghost:hover{border-color:var(--accent-color);color:var(--color-gray-100)}.result-header-actions .btn-sm{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem}.result-panel{display:flex;flex-direction:column;gap:1.5rem}.result-header-actions{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;margin-top:8px}.result-summary.creative-summary{display:flex;flex-direction:column;gap:1rem;background:#7c3aed0f;border:1px solid rgba(124,58,237,.18);border-radius:var(--radius-md, 8px);padding:1.25rem}.summary-header{display:flex;gap:12px;align-items:flex-start}.summary-header .summary-icon{margin-top:2px;flex-shrink:0;color:var(--accent-light)}.summary-text{margin:0;font-weight:600;font-size:1.05rem;line-height:1.6;color:var(--text-main)}.ai-insight-box{background:var(--bg-tertiary, rgba(0, 0, 0, .2));padding:12px 16px;border-radius:8px;border-left:3px solid var(--accent-light);box-shadow:inset 0 2px 4px #0000001a}.ai-insight-box p{margin:0;font-size:.9rem;color:var(--text-secondary);line-height:1.5}.ai-insight-box strong{color:var(--accent-light);font-weight:700}.result-section-header-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-copy-analyzed-song{border:1px solid rgba(var(--brand-primary-rgb),.22);background:rgba(var(--brand-primary-rgb),.09);color:var(--brand-primary);border-radius:999px;padding:7px 12px;font-size:.78rem;font-weight:850;cursor:pointer;white-space:nowrap;transition:background .18s ease,transform .18s ease}.btn-copy-analyzed-song:hover{transform:translateY(-1px);background:rgba(var(--brand-primary-rgb),.14)}.result-section{display:flex;flex-direction:column;gap:.75rem}.result-section-title{display:flex;align-items:center;gap:6px;font-size:.8rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-weight:700;margin:0}.chord-list{border:1px solid var(--border-color);border-radius:var(--radius-lg);max-height:400px;overflow-y:auto;overflow-x:hidden}.chord-list::-webkit-scrollbar{width:6px}.chord-list::-webkit-scrollbar-track{background:var(--bg-primary);border-radius:8px}.chord-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:8px}.chord-list::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}.chord-row-container{position:relative;z-index:1;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);transition:background .2s}.chord-row-container:hover{background:var(--bg-tertiary)}.chord-row-header{display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:1rem 1.25rem;gap:1.5rem;cursor:pointer;transition:all .2s}.col-main{display:flex;flex-direction:column;gap:4px}.col-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.col-actions{display:flex;align-items:center;gap:12px}.chord-symbol{font-family:Fira Code,monospace;font-size:1.25rem;font-weight:800;color:var(--text-main)}.chord-degree{font-family:Fira Code,monospace;font-size:.85rem;color:var(--accent-light);font-weight:600}.chord-func-tag{padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:700}.chord-borrowed-badge{font-size:.7rem;font-weight:700;color:var(--color-warning);background:#facc151a;border:1px solid rgba(250,204,21,.2);border-radius:6px;padding:4px 10px;text-transform:uppercase}.btn-scale-shortcut{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--accent-light);width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative;overflow:visible!important}.btn-scale-shortcut:hover{background:var(--accent-color);color:#fff;box-shadow:0 0 15px #a78bfa66;transform:scale(1.05)}.tooltip{display:none;position:absolute;bottom:125%;left:50%;transform:translate(-50%);z-index:999;pointer-events:none;background:#1a1a1a;color:#fff;padding:6px 10px;border-radius:6px;font-size:11px;box-shadow:0 4px 12px #0000004d}.btn-scale-shortcut:hover .tooltip{display:block;opacity:1}.chord-row-detail{padding:1rem 1.25rem 1.25rem 120px;border-top:1px solid var(--border-color);background-color:var(--bg-primary);animation:fadeSlideDetail .2s ease}.detail-content{display:flex;color:var(--text-muted);align-items:center;gap:8px;justify-content:start}@keyframes fadeSlideDetail{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.confidence-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:99px;border:1px solid;font-size:.75rem;font-weight:600;white-space:nowrap}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:1.5rem 0}.stat-item{background:var(--bg-secondary);padding:1rem;border-radius:var(--radius-md);text-align:center;border:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:90px}.stat-value{display:block;font-size:1.5rem;font-weight:800;color:var(--accent-light);margin-bottom:6px}.stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase}.vibe-text{font-size:1.15rem!important;color:var(--text-main)!important;text-align:center;line-height:1.2}.cadence-container{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}.cadence-tag{background:#7c3aed1a;color:var(--accent-light);border:1px solid rgba(124,58,237,.2);padding:6px 12px;border-radius:8px;font-size:.9rem;display:flex;align-items:center;gap:8px}.cadence-dot{width:6px;height:6px;background:var(--accent-color);border-radius:50%}.suggestion-highlight-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.5rem}.scale-action-buttons{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.scale-chip-btn{background:var(--brand-primary);color:#fff;border:none;padding:10px 16px;border-radius:8px;font-weight:600;cursor:pointer;transition:filter .2s}.scale-chip-btn.secondary{background:#334155}.scale-chip-btn.blues-variant{background:#0ea5e9}.scale-chip-btn:hover{filter:brightness(1.2)}.is-borrowed{background:#f8717105}@media (max-width: 600px){.chord-row-header{grid-template-columns:60px 1fr auto;padding:.85rem}.chord-row-detail{padding-left:1rem}.result-stats{grid-template-columns:1fr}.chord-symbol{font-size:1.1rem}}.analyzer-result-v2{gap:1.25rem}.analyzer-result-hero{padding:18px;border:1px solid var(--border-input);border-radius:18px;background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.08),transparent),var(--bg-secondary)}.analysis-tabs{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:8px;border:1px solid var(--border-input);border-radius:18px;background:rgba(var(--bg-secondary-rgb),.88);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.analysis-tab{height:42px;border:0;border-radius:14px;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:.84rem;font-weight:850;cursor:pointer;transition:background .18s ease,color .18s ease,transform .18s ease}.analysis-tab:hover{color:var(--text-primary);background:rgba(var(--brand-primary-rgb),.07)}.analysis-tab.active{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.12);box-shadow:inset 0 0 0 1px rgba(var(--brand-primary-rgb),.16)}.analysis-tab-panel{display:flex;flex-direction:column;gap:1.35rem}.ai-console{border-radius:16px;border:1px solid rgba(var(--brand-primary-rgb),.18);background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.08),transparent),var(--bg-secondary);padding:14px;display:grid;gap:10px;font-family:var(--font-mono)}.ai-console-line{display:flex;align-items:flex-start;gap:10px;color:var(--text-secondary);font-size:.82rem}.ai-console-line strong{display:block;color:var(--text-primary);font-size:.84rem}.ai-console-line p{margin:3px 0 0;color:var(--text-muted);line-height:1.35}.console-prefix{width:22px;height:22px;border-radius:999px;display:grid;place-items:center;flex-shrink:0;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.12)}.formatted-song-preview{max-height:560px;overflow:auto;padding:16px;border-radius:16px;border:1px solid var(--border-input);background:var(--bg-secondary);font-family:var(--font-mono);font-size:.88rem;line-height:1.75;white-space:pre-wrap}.analyzer-renderer-preview{max-height:580px;overflow:auto;padding:16px;border-radius:16px;border:1px solid var(--border-input);background:var(--bg-secondary)}.analyzer-renderer-preview .chords-lyrics-renderer{font-size:11pt;line-height:1.65}@media (max-width: 640px){.analyzer-renderer-preview{padding:12px;max-height:560px}.analyzer-renderer-preview .chords-lyrics-renderer{font-size:9.5pt;line-height:1.6}}.harmonic-coach-section{margin-top:4px}.coach-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.coach-card{padding:14px;border-radius:14px;border:1px solid rgba(var(--brand-primary-rgb),.18);background:linear-gradient(135deg,rgba(var(--brand-primary-rgb),.08),transparent),var(--bg-secondary)}.coach-card strong{display:block;color:var(--text-primary);font-size:.92rem;margin-bottom:6px}.coach-card p{margin:0;color:var(--text-secondary);font-size:.84rem;line-height:1.45}.coach-card code{display:inline-block;margin-top:10px;padding:6px 9px;border-radius:9px;background:var(--bg-tertiary);color:var(--brand-primary);font-family:var(--font-mono);font-size:.8rem;font-weight:800}.coach-card-arrangement{border-color:rgba(var(--status-success-rgb),.22);background:linear-gradient(135deg,rgba(var(--status-success-rgb),.08),transparent),var(--bg-secondary)}.strength-list{display:grid;gap:10px}.strength-card,.modulation-card{padding:12px 14px;border-radius:14px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);font-size:.88rem;line-height:1.45}.modulation-list{display:grid;gap:10px}.modulation-card strong{display:block;color:var(--text-primary);margin-bottom:3px}.modulation-card span{color:var(--text-secondary)}@media (max-width: 640px){.analysis-tabs{gap:5px;padding:6px;border-radius:16px}.analysis-tab{height:40px;gap:4px;font-size:.72rem;flex-direction:column}.formatted-song-preview{font-size:.78rem;padding:12px;max-height:520px}.analyzer-result-hero{padding:14px}}.hc-wrapper{--hc-circle: 420px;--hc-svg: 460px;--hc-ring-outer: 380px;--hc-ring-mid: 260px;--hc-ring-inner: 140px}@media (max-width: 800px){.hc-wrapper{--hc-circle: 360px;--hc-svg: 400px;--hc-ring-outer: 320px;--hc-ring-mid: 220px;--hc-ring-inner: 120px}}@media (max-width: 500px){.hc-wrapper{--hc-circle: 280px;--hc-svg: 320px;--hc-ring-outer: 240px;--hc-ring-mid: 160px;--hc-ring-inner: 80px}}@media (max-width: 360px){.hc-wrapper{--hc-circle: 250px;--hc-svg: 290px;--hc-ring-outer: 210px;--hc-ring-mid: 140px;--hc-ring-inner: 70px}}.hc-wrapper{padding:3rem 0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:calc(var(--hc-svg) + 60px);touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 2px 10px #0000000d}@media (max-width: 500px){.hc-wrapper{padding:2rem 0}}.hc-center-label{position:absolute;z-index:30;display:flex;flex-direction:column;align-items:center;gap:2px;pointer-events:none}.hc-center-label__root{font-size:1.4rem;font-weight:800;color:var(--text-secondary);line-height:1;letter-spacing:-.5px}.hc-center-label__mode{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;color:var(--text-muted)}.hc-flow-indicators{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--hc-svg);height:var(--hc-svg);pointer-events:none;z-index:0;opacity:.8}.hc-flow-svg{width:100%;height:100%}.hc-circle-container{position:relative;width:var(--hc-circle);height:var(--hc-circle);isolation:isolate}.hc-wheel-layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;will-change:transform;z-index:1}.hc-wheel-layer--text{z-index:25;background:transparent}.hc-ring{position:absolute;top:50%;left:50%;border-radius:50%;border:1px solid var(--border-input);transform:translate(-50%,-50%);pointer-events:none}.hc-ring--outer{width:var(--hc-ring-outer);height:var(--hc-ring-outer)}.hc-ring--middle{width:var(--hc-ring-mid);height:var(--hc-ring-mid)}.hc-ring--inner{width:var(--hc-ring-inner);height:var(--hc-ring-inner);background:var(--bg-tertiary)}.hc-highlight-mask{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;border-radius:50%;overflow:hidden}.hc-highlight-slice{width:100%;height:100%;background:conic-gradient(from 45deg,var(--bg-primary) 0deg,var(--bg-primary) 270deg,transparent 270deg,transparent 360deg);opacity:.85;box-shadow:inset 0 0 0 1px var(--border-input)}.hc-nodes-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.hc-node{position:absolute;top:50%;left:50%;width:44px;height:44px;margin-top:-22px;margin-left:-22px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:50%;border:1px solid transparent;background-color:transparent;cursor:pointer;pointer-events:auto;z-index:60;transition:all .25s ease}.hc-node:focus-visible{outline:1px solid var(--brand-primary);outline-offset:2px}.hc-node--inactive{color:var(--text-placeholder);cursor:default;pointer-events:none;opacity:.2}.hc-node--active{box-shadow:none}.hc-node--active:hover{scale:1}.hc-node--maj.hc-node--active,.hc-node--min.hc-node--active,.hc-node--dim.hc-node--active{text-shadow:none}.hc-node--tonic{background-color:var(--brand-primary)!important;color:var(--color-white)!important;border:none;box-shadow:none!important}.hc-node--tonic .hc-node__roman{color:#fff9!important}.hc-node--maj.hc-node--active{color:var(--chord-maj);text-shadow:0 0 10px var(--compass-glow-min)}.hc-node--min.hc-node--active{color:var(--chord-min);text-shadow:0 0 10px var(--compass-glow-min)}.hc-node--dim.hc-node--active{color:var(--chord-dim);text-shadow:0 0 10px var(--compass-glow-dim)}.hc-node--tonic{color:#fff!important;scale:1;box-shadow:0 0 18px rgba(var(--brand-primary-rgb),.4)!important}.hc-node--tonic .hc-node__roman{color:#ffffffbf!important}.hc-node--tonic:hover{scale:1}.hc-node__roman{font-size:.6rem;font-weight:800;text-transform:none;letter-spacing:.3px;line-height:1;opacity:.8;color:inherit;font-variant-numeric:tabular-nums}.hc-node__symbol{font-family:var(--font-sans);font-size:clamp(.8rem,4vw,1.2rem);font-weight:700;line-height:1;letter-spacing:-.5px;color:inherit}.hc-node__symbol{font-size:clamp(.8rem,4vw,1.2rem)}.hc-node__roman{font-size:clamp(.5rem,2vw,.7rem)}.hc-root-selector-container{display:flex;flex-direction:column;align-items:center;width:100%}.root-selector-wrapper{display:flex;align-items:center;gap:12px;width:var(--hc-circle);justify-content:flex-end}.hc-root-select,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-input);padding:8px 36px 8px 16px;border-radius:var(--border-radius-lg);font-weight:700;font-family:var(--font-sans);cursor:pointer;transition:all .2s ease;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%239ca3af'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.hc-root-select:hover{border-color:var(--brand-primary);background-color:var(--bg-tertiary)}.hc-root-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 2px rgba(var(--brand-primary-rgb),.2)}.hc-wrapper{--hc-scale: 1}@media (max-width: 800px){.hc-wrapper{--hc-scale: .85}}@media (max-width: 500px){.hc-wrapper{--hc-scale: .65}}@media (max-width: 360px){.hc-wrapper{--hc-scale: .55}}.hc-node{flex-shrink:0;position:absolute;top:50%;left:50%;width:calc(44px * var(--hc-scale));height:calc(44px * var(--hc-scale));margin-top:calc(-22px * var(--hc-scale));margin-left:calc(-22px * var(--hc-scale))}.hc-node__symbol{font-size:calc(1.05rem * var(--hc-scale))}.hc-node__roman{font-size:calc(.6rem * var(--hc-scale));margin-bottom:calc(2px * var(--hc-scale))}.compass-legend-v2{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin:10px 0 14px;color:var(--text-secondary);font-size:.78rem;font-weight:800}.compass-legend-v2 span{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--bg-secondary);border:1px solid var(--border-input)}.legend-dot{width:8px;height:8px;border-radius:999px}.hc-node--maj{color:var(--status-info)}.hc-node--min{color:var(--color-purple-400)}.legend-dot.maj{background:var(--status-info)}.legend-dot.min{background:var(--color-purple-400)}.legend-dot.dim{background:var(--status-danger)}.compass-mode-hint{margin:8px auto 0;max-width:520px;text-align:center;color:var(--text-secondary);font-size:.82rem;line-height:1.4}.compass-node.is-active,.compass-chord-node.is-active{transform:scale(1.08);box-shadow:0 10px 24px color-mix(in srgb,var(--brand-primary) 22%,transparent),inset 0 0 0 2px var(--brand-primary);z-index:5}.compass-node:hover,.compass-chord-node:hover{transform:scale(1.06);filter:brightness(1.08)}.mode-explorer-container{width:100%;max-width:900px;margin:0 auto;padding:var(--spacing-xl) var(--container-padding);font-family:var(--font-sans);display:flex;flex-direction:column;gap:var(--spacing-sm);overflow-x:hidden}.theory-page-container,.theory-content-container,.mode-explorer-container,.quiz-page-container,.settings-page-container{padding:40px 20px 120px}.cs-glass-panel{background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-primary)}.explorer-header{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl)}@media (min-width: 800px){.explorer-header{flex-direction:row;justify-content:space-between;align-items:center}}.title-area{display:flex;align-items:center;gap:var(--spacing-md)}.icon-wrapper{background:var(--bg-tertiary);padding:12px;border-radius:var(--border-radius-lg);display:flex;flex-shrink:0}.header-icon{color:var(--brand-primary);width:24px;height:24px}.title-area h1{margin:0 0 4px;font-size:1.4rem;font-weight:800;color:var(--text-primary);letter-spacing:-.5px}.title-area p{margin:0;color:var(--text-muted);font-size:.9rem;font-weight:500}@media (max-width: 500px){.explorer-header{padding:var(--spacing-md)}.title-area h1{font-size:1.2rem}.title-area p{font-size:.8rem}}.main-tools-tabs{display:flex;background:var(--bg-tertiary);padding:4px;border-radius:var(--border-radius-lg);border:1px solid var(--border-input)}.tool-tab{display:flex;align-items:center;gap:8px;padding:10px 16px;background:transparent;color:var(--text-secondary);border:none;border-radius:var(--border-radius-base);font-weight:600;font-size:.9rem;cursor:pointer;transition:color var(--transition-speed)}.tool-tab:hover{color:var(--text-primary)}.tool-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:var(--shadow-primary)}@media (max-width: 600px){.main-tools-tabs{width:100%;justify-content:space-between}.tool-tab{flex:1;justify-content:center;font-size:.8rem;padding:8px}}.controls-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.mode-mood-card{padding:var(--spacing-lg);overflow:auto}.mood-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);font-size:1rem;color:var(--text-secondary)}.mood-text{color:var(--text-primary);font-weight:800;background:var(--bg-tertiary);padding:4px 10px;border-radius:20px;font-size:.85rem}.modes-selector{display:flex;overflow-x:auto;gap:var(--spacing-sm);padding-bottom:var(--spacing-md);scrollbar-width:thin}.modes-selector::-webkit-scrollbar{height:4px}.modes-selector::-webkit-scrollbar-thumb{background:var(--border-input);border-radius:4px}.mode-tab{display:flex;flex-direction:column;align-items:center;background:var(--bg-primary);border:1px solid var(--border-input);color:var(--text-secondary);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-speed);min-width:100px}.mode-tab:hover{border-color:var(--brand-primary);color:var(--text-primary)}.mode-tab.active{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--color-white);box-shadow:0 4px 15px #0000001a}.mode-tab.active .mode-name,.mode-tab.active .mode-type{color:var(--color-white)}.mode-name{font-weight:800;font-size:1rem}.mode-type{font-size:.65rem;text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-top:2px}.scale-display{padding:var(--spacing-lg)}.scale-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-lg);font-weight:800}.scale-notes-row{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.scale-note{background:var(--bg-primary);color:var(--text-primary);height:46px;padding:0 16px;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;border-radius:24px;border:1px solid var(--border-input);border-left-width:5px;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 4px #00000005}.scale-note:hover{transform:translateY(-2px);box-shadow:0 6px 12px var(--shadow-primary);border-color:var(--border-input-hover)}.scale-note-text{font-family:var(--font-mono);font-weight:800;font-size:1.15rem}.is-maj-box{border-left-color:var(--status-info)}.is-min-box{border-left-color:var(--color-purple-400)}.is-dim-box{border-left-color:var(--status-danger)}.scale-degree{font-family:var(--font-sans);font-size:.65rem;font-weight:700;color:var(--text-muted)}.is-scale-tonic{background:var(--bg-tertiary);border-left-color:var(--brand-primary)!important}.is-scale-tonic .scale-degree{color:var(--brand-primary);font-weight:800}@media (max-width: 500px){.scale-note{height:40px;padding:0 12px;font-size:1rem;gap:8px}}.fretboard-display-area{width:100%;max-width:100%;overflow:hidden}.fretboard-display-area .fretboard-wrapper{max-width:100%}.fretboard-header-area{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:24px 24px 0}@media (min-width: 800px){.fretboard-header-area{flex-direction:row;justify-content:space-between;align-items:center}}.shape-selector{display:flex;gap:var(--spacing-sm);overflow-x:auto;padding-bottom:var(--spacing-xs);scrollbar-width:none}.shape-selector::-webkit-scrollbar{display:none}.shape-pill{display:flex;align-items:center;gap:6px;background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-input);padding:6px 14px;border-radius:20px;font-size:.8rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:all var(--transition-speed)}.shape-pill:hover{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-input-hover)}.shape-pill.active{background:var(--brand-primary);color:var(--color-white);border-color:var(--brand-primary-dark);box-shadow:0 4px 10px #0000001a}.composition-timeline{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg);width:100%}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.timeline-actions{display:flex;gap:var(--spacing-sm)}.action-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--border-radius-base);border:1px solid var(--border-input);background:var(--bg-tertiary);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.action-btn.play:hover{background:var(--status-success);color:#fff;border-color:var(--status-success)}.action-btn.clear:hover{background:var(--status-danger);color:#fff;border-color:var(--status-danger)}.chord-slots{display:flex;gap:var(--spacing-sm);overflow-x:auto;min-height:80px;padding:10px 0;scrollbar-width:thin}.chord-card{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:65px;height:85px;background:var(--bg-primary);border:2px solid var(--border-input);border-radius:var(--border-radius-md);flex-shrink:0;animation:pop-in .3s cubic-bezier(.175,.885,.32,1.275)}.chord-func-badge{position:absolute;top:4px;right:4px;font-size:.6rem;font-weight:800;padding:2px 6px;border-radius:4px}.chord-roman{font-size:.75rem;font-weight:800;color:var(--text-muted);opacity:.8;margin-top:12px}.chord-name{font-size:1.2rem;font-weight:800;color:var(--text-primary)}.empty-msg{color:var(--text-muted);font-size:.9rem;font-style:italic}@keyframes pop-in{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 600px){.timeline-header{flex-direction:column;align-items:flex-start;gap:16px}.timeline-actions{width:100%;flex-wrap:wrap;gap:8px}.action-btn{flex:1;min-width:130px;justify-content:center;padding:10px 8px}}.suggestions-section{display:flex;flex-direction:column;width:100%}.suggestions-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;color:var(--text-primary);margin-bottom:var(--spacing-md);text-transform:uppercase;letter-spacing:1px}.composition-parts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;width:100%}.comp-part-card{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;transition:transform .3s ease,box-shadow .3s ease}.comp-part-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a}.comp-part-header{position:relative;padding:14px 18px;font-weight:800;display:flex;background-color:var(--bg-tertiary);align-items:center;gap:8px;font-size:1rem;letter-spacing:.5px;overflow:hidden}.comp-part-header-bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.85;z-index:0}.comp-part-header>*{position:relative;z-index:1}.comp-part-list{display:flex;flex-direction:column;padding:12px;gap:8px;background:var(--bg-primary);flex:1}.comp-prog-btn{display:flex;flex-direction:column;text-align:left;padding:12px 14px;background:var(--bg-secondary);border:1px solid var(--border-input);border-radius:12px;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1);gap:8px}.comp-prog-btn:hover{background:var(--bg-tertiary);border-color:var(--brand-primary);transform:translate(4px)}.comp-prog-info{display:flex;flex-direction:column;gap:2px}.comp-prog-info strong{color:var(--text-primary);font-size:.95rem}.comp-prog-info p{margin:0;font-size:.75rem;color:var(--text-muted)}.comp-prog-chords{font-size:.8rem;font-weight:900;color:var(--brand-primary);letter-spacing:1px;background:#3b82f61a;padding:4px 8px;border-radius:6px;display:inline-block;align-self:flex-start;word-break:break-word}.progression-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.progression-card{padding:16px;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;transition:all .3s ease;overflow:hidden}.progression-card:hover{transform:translateY(-4px);border-color:var(--brand-primary);box-shadow:0 10px 20px #00000014}.prog-card-header{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;margin-bottom:8px;gap:8px}.prog-card-header h4{margin:0;font-size:1.05rem;color:var(--text-primary);line-height:1.2}.prog-genre-tag{display:flex;align-items:center;gap:4px;font-size:.7rem;color:var(--brand-primary);font-weight:800;background:var(--bg-tertiary);padding:4px 8px;border-radius:12px;white-space:nowrap}.prog-feeling{font-size:.85rem;color:var(--text-secondary);margin:0 0 12px;flex:1}.prog-action-hint{display:flex;align-items:center;gap:4px;font-size:.75rem;font-weight:700;color:var(--status-success);opacity:0;transform:translateY(10px);transition:all .3s ease}.progression-card:hover .prog-action-hint{opacity:1;transform:translateY(0)}.composition-studio{display:flex;flex-direction:column;gap:24px;padding:var(--spacing-lg)}.studio-toolbar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-bottom:16px;border-bottom:1px solid var(--border-glass)}.studio-title-group{display:flex;align-items:center;gap:12px}.studio-title-group h3{margin:0;display:flex;align-items:center;gap:8px}.studio-key-badge{background:var(--bg-tertiary);padding:4px 10px;border-radius:8px;font-size:.85rem;font-weight:700;color:var(--text-secondary);border:1px solid var(--border-glass)}.studio-actions{display:flex;gap:10px}.btn-studio{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:none;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-play{background:var(--color-blue-600);color:#fff}.btn-play:hover{background:var(--color-blue-500)}.btn-play:disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.btn-stop{background:var(--color-red-500);color:#fff}.btn-export{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary)}.btn-clear{background:transparent;color:var(--text-muted)}.btn-clear:hover{color:var(--color-red-500);background:#ef44441a}.daw-timeline-area{display:flex;flex-direction:column;gap:16px;min-height:150px}.daw-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:#00000005;border:2px dashed var(--border-glass);border-radius:12px;color:var(--text-muted)}.empty-icon-ring{background:var(--bg-tertiary);padding:16px;border-radius:50%;margin-bottom:16px;color:var(--text-secondary)}.daw-track-block{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:12px;padding:16px}.track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--text-primary)}.track-controls{display:flex;gap:8px}.btn-track-play{background:transparent;border:none;color:var(--color-green-500);display:flex;align-items:center;gap:4px;font-size:.8rem;font-weight:700;cursor:pointer}.btn-track-delete{background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:.2s}.btn-track-delete:hover{color:var(--color-red-500)}.track-chords-container{display:flex;gap:12px;flex-wrap:wrap}.daw-chord-box{position:relative;background:var(--bg-primary);border:1px solid var(--border-input);border-radius:8px;padding:12px 16px;min-width:80px;display:flex;flex-direction:column;align-items:center;overflow:hidden;transition:all .2s}.daw-chord-box.is-playing{transform:translateY(-4px)}.func-indicator{position:absolute;top:0;left:0;width:100%;height:4px}.chord-roman{font-size:.75rem;color:var(--text-muted);font-weight:700;margin-bottom:4px}.chord-name{font-size:1.1rem;font-weight:800;color:var(--text-primary)}.daw-progress-sweep{position:absolute;bottom:0;left:0;height:4px;width:100%;transform-origin:left;animation:sweep 1.2s linear forwards;opacity:.8}@keyframes sweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width: 768px){.studio-actions{width:100%;flex-wrap:wrap}.btn-studio{flex:1;justify-content:center}}.scale-note.is-maj-box{border-left-color:var(--color-blue-500);background:color-mix(in srgb,var(--color-blue-500) 8%,var(--bg-primary))}.scale-note.is-min-box{border-left-color:var(--color-purple-400);background:color-mix(in srgb,var(--color-purple-400) 8%,var(--bg-primary))}.scale-note.is-dim-box{border-left-color:var(--status-danger);background:color-mix(in srgb,var(--status-danger) 8%,var(--bg-primary))}.scale-note.is-maj-box .scale-note-text{color:var(--color-blue-500)}.scale-note.is-min-box .scale-note-text{color:var(--color-purple-400)}.scale-note.is-dim-box .scale-note-text{color:var(--status-danger)}.composition-studio-v2{padding:20px;overflow:hidden}.studio-hero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--border-input)}.studio-hero-main{display:flex;gap:14px;align-items:center}.studio-hero-icon,.icon-wrapper{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;color:var(--brand-primary);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.25),transparent 40%),color-mix(in srgb,var(--brand-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--brand-primary) 18%,transparent)}.studio-hero h3{margin:0;color:var(--text-primary);font-size:1.15rem;font-weight:900;letter-spacing:-.03em}.studio-hero p{margin:4px 0 0;color:var(--text-secondary);font-size:.86rem;line-height:1.4}.studio-key-chip{flex-shrink:0;padding:8px 12px;border-radius:16px;border:1px solid var(--border-input);background:var(--bg-primary);display:flex;flex-direction:column;align-items:flex-end;gap:2px}.studio-key-chip span{color:var(--text-muted);font-size:.67rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.studio-key-chip strong{color:var(--brand-primary);font-size:.92rem}.studio-action-bar{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.studio-action{height:42px;padding:0 14px;border-radius:14px;border:1px solid var(--border-input);background:var(--bg-primary);color:var(--text-primary);display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.studio-action:hover:not(:disabled){transform:translateY(-1px);border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-primary))}.studio-action:disabled{opacity:.45;cursor:not-allowed}.studio-action--play{color:#fff;background:var(--status-success);border-color:transparent}.studio-action--stop,.studio-action--danger:hover:not(:disabled){color:#fff;background:var(--status-danger);border-color:transparent}.studio-timeline-v2{margin-top:18px;padding:14px;border-radius:22px;border:1px solid var(--border-input);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-primary) 80%,transparent),transparent),var(--bg-primary);min-height:180px}.studio-timeline-v2.is-empty{display:grid;place-items:center}.studio-empty-v2{text-align:center;max-width:360px;padding:24px 12px}.studio-empty-ring{width:72px;height:72px;margin:0 auto 14px;border-radius:50%;display:grid;place-items:center;color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 10%,transparent);border:1px dashed color-mix(in srgb,var(--brand-primary) 35%,transparent)}.studio-empty-v2 h4{margin:0;color:var(--text-primary);font-size:1rem;font-weight:900}.studio-empty-v2 p{margin:7px 0 0;color:var(--text-secondary);font-size:.86rem;line-height:1.45}.studio-track-v2{border-radius:18px;background:var(--bg-secondary);border:1px solid var(--border-input);overflow:hidden}.studio-track-v2+.studio-track-v2{margin-top:12px}.studio-track-header{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--border-input);background:color-mix(in srgb,var(--bg-tertiary) 55%,transparent)}.studio-track-header strong{display:block;color:var(--text-primary);font-size:.95rem}.studio-track-header span{display:block;margin-top:2px;color:var(--text-muted);font-size:.75rem}.studio-track-actions{display:flex;gap:6px}.studio-track-actions button{height:34px;padding:0 10px;border-radius:12px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-primary);display:inline-flex;align-items:center;gap:6px;font-weight:800;font-size:.75rem;cursor:pointer}.studio-track-actions button.danger{color:var(--status-danger)}.studio-chord-lane{display:flex;gap:10px;overflow-x:auto;padding:14px;scrollbar-width:thin}.studio-chord-card{position:relative;min-width:76px;height:86px;padding:6px;border-radius:18px;border:1px solid var(--border-input);background:var(--bg-primary);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;overflow:hidden;flex-shrink:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.studio-chord-card:hover{transform:translateY(-2px);border-color:var(--func-color);box-shadow:0 10px 24px color-mix(in srgb,var(--func-color) 18%,transparent)}.studio-chord-card.is-playing{transform:translateY(-3px);border-color:var(--func-color);box-shadow:0 14px 28px color-mix(in srgb,var(--func-color) 22%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--func-color) 18%,transparent)}.studio-func-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:var(--func-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--func-color) 14%,transparent)}.studio-chord-roman{color:var(--text-muted);font-size:.72rem;font-weight:900}.studio-chord-card strong{color:var(--text-primary);font-size:1.25rem;font-weight:950;font-family:var(--font-mono)}.studio-chord-card small{color:var(--text-secondary);font-size:.64rem;font-weight:800}.studio-play-sweep{position:absolute;left:0;bottom:0;height:3px;width:100%;background:var(--func-color);transform-origin:left;animation:studioSweep var(--studio-playback-ms, 1.9s) linear forwards}@keyframes studioSweep{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.studio-builder-v2{margin-top:18px}.studio-builder-title{display:flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--text-primary)}.studio-builder-title strong{display:block;font-size:.96rem;font-weight:900}.studio-builder-title span{display:block;margin-top:2px;color:var(--text-secondary);font-size:.78rem}.studio-part-grid-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.studio-part-card-v2{border-radius:18px;border:1px solid var(--border-input);background:var(--bg-primary);overflow:hidden}.studio-part-card-v2 header{padding:14px;display:flex;gap:10px;align-items:flex-start;background:linear-gradient(135deg,color-mix(in srgb,var(--part-color) 13%,transparent),transparent)}.studio-part-card-v2 header>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;color:var(--part-color);background:color-mix(in srgb,var(--part-color) 12%,transparent);flex-shrink:0}.studio-part-card-v2 header strong{color:var(--text-primary);font-weight:900}.studio-part-card-v2 header p{margin:4px 0 0;color:var(--text-secondary);font-size:.76rem;line-height:1.35}.studio-progression-list-v2{padding:12px;display:grid;gap:8px}.studio-progression-list-v2 button{width:100%;padding:12px;border-radius:14px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-primary);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.studio-progression-list-v2 button:hover{transform:translateY(-1px);border-color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 7%,var(--bg-secondary))}.prog-name{display:block;font-weight:900}.prog-degrees{display:block;margin-top:4px;color:var(--brand-primary);font-family:var(--font-mono);font-size:.82rem;font-weight:900}.studio-progression-list-v2 small{display:block;margin-top:5px;color:var(--text-secondary);line-height:1.35}@media (max-width: 560px){.composition-studio-v2{padding:14px}.studio-hero{flex-direction:column}.studio-key-chip{align-items:flex-start}.studio-action{flex:1;min-width:130px}.studio-track-header{align-items:flex-start;flex-direction:column}.studio-track-actions{width:100%}.studio-track-actions button{flex:1;justify-content:center}}.studio-chord-remove{position:absolute;top:7px;left:7px;z-index:3;width:24px;height:24px;border:0;border-radius:999px;display:grid;place-items:center;background:color-mix(in srgb,var(--status-danger) 10%,var(--bg-secondary));color:var(--status-danger);opacity:0;transform:scale(.82);cursor:pointer;transition:opacity .16s ease,transform .16s ease,background .16s ease,color .16s ease}.studio-chord-card:hover .studio-chord-remove,.studio-chord-card:focus-within .studio-chord-remove{opacity:1;transform:scale(1)}.studio-chord-remove:hover{background:var(--status-danger);color:#fff}@media (max-width: 768px){.studio-chord-remove{opacity:1;transform:scale(1)}}.settings-page-container{max-width:800px;margin:0 auto;color:var(--text-primary)}.settings-header{margin-bottom:30px}.settings-header h1{font-size:2rem;font-weight:700;margin-bottom:8px}.settings-header p{color:var(--text-secondary);font-size:1rem}.settings-card{background-color:var(--bg-secondary);border:1px solid var(--border-glass, var(--bg-tertiary));border-radius:16px;padding:24px;margin-bottom:24px;box-shadow:0 4px 20px #0000000d}.settings-card h2{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:24px;color:var(--text-primary);border-bottom:1px solid var(--bg-tertiary);padding-bottom:12px}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.setting-info{display:flex;flex-direction:column;gap:4px}.setting-info label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:1rem}.setting-info span{font-size:.85rem;color:var(--text-secondary)}.setting-divider{height:1px;background-color:var(--bg-tertiary);margin:20px 0}.color-options-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.color-option-button{width:28px;height:28px;border-radius:50%;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.color-option-button:hover{transform:scale(1.1)}.color-input-custom{width:32px;height:32px;border:none;background:none;cursor:pointer;padding:0}.color-input-custom::-webkit-color-swatch-wrapper{padding:0}.color-input-custom::-webkit-color-swatch{border-radius:50%;border:1px solid var(--bg-tertiary)}@media (max-width: 600px){.setting-row.vertical-mobile{flex-direction:column;align-items:flex-start;gap:16px}}.profile-main-value{font-size:1rem;color:var(--text-primary)}.setting-helper-warning{margin:4px 0 0;color:var(--text-muted);font-size:.8rem}.settings-input{width:100%;max-width:320px;margin-top:4px;padding:9px 12px;border-radius:12px;border:1px solid var(--brand-primary);background:var(--bg-input, var(--bg-primary));color:var(--text-primary);font-size:1rem;outline:none}.settings-inline-actions{display:flex;align-items:center;gap:8px}.settings-soft-button,.settings-primary-button,.settings-danger-button,.settings-icon-button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;padding:0 14px;font-size:.86rem;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.settings-soft-button{border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary)}.settings-soft-button:hover{transform:translateY(-1px);color:var(--text-primary);border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent);background:color-mix(in srgb,var(--brand-primary) 7%,var(--bg-secondary))}.settings-primary-button{border:none;background:var(--brand-primary);color:#fff;box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.18)}.settings-primary-button:hover{transform:translateY(-1px);background:var(--brand-primary-dark)}.settings-icon-button{width:38px;padding:0;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary)}.settings-danger-button{border:1px solid rgba(239,68,68,.22);background:#ef44441a;color:#ef4444}.settings-danger-button:hover{transform:translateY(-1px);background:#ef444426}.settings-soft-button:disabled,.settings-primary-button:disabled,.settings-danger-button:disabled,.settings-icon-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.plan-profile-card{position:relative;overflow:hidden;border-color:color-mix(in srgb,var(--brand-primary) 18%,var(--border-input));background:radial-gradient(circle at top left,rgba(var(--brand-primary-rgb),.1),transparent 34%),var(--bg-secondary)}.plan-profile-card.is-founder{border-color:#fbbf245c;background:radial-gradient(circle at top left,rgba(251,191,36,.16),transparent 34%),radial-gradient(circle at bottom right,rgba(var(--brand-primary-rgb),.08),transparent 30%),var(--bg-secondary)}.plan-profile-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:20px}.plan-profile-heading{min-width:0;display:flex;align-items:center;gap:14px}.plan-profile-heading h2{margin:0;padding:0;border:0;color:var(--text-primary);font-size:1.2rem}.plan-profile-heading p{margin:4px 0 0;color:var(--text-secondary);font-size:.9rem;line-height:1.4}.plan-profile-icon{width:48px;height:48px;display:grid;place-items:center;flex-shrink:0;border-radius:18px;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.1);border:1px solid rgba(var(--brand-primary-rgb),.15)}.plan-profile-icon.is-pro{color:#fff;background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-dark));box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.22)}.plan-profile-icon.is-founder{color:#451a03;background:radial-gradient(circle at 25% 10%,rgba(255,255,255,.5),transparent 32%),linear-gradient(135deg,#fbbf24,#f59e0b 55%,#b45309);border-color:#fbbf248c;box-shadow:0 10px 22px #f59e0b47}.plan-profile-body{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border-radius:18px;background:color-mix(in srgb,var(--bg-primary) 64%,transparent);border:1px solid var(--border-input)}.plan-profile-current{min-width:0;display:flex;flex-direction:column;gap:3px}.plan-profile-label{color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.plan-profile-current strong{color:var(--text-primary);font-size:1.35rem;font-weight:950;letter-spacing:-.04em}.plan-profile-current small{color:var(--text-secondary);font-size:.83rem;line-height:1.4}.plan-upgrade-button{min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;gap:8px;flex-shrink:0;border:0;border-radius:999px;color:#451a03;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 10px 20px #f59e0b3d,inset 0 1px #ffffff57;font-size:.88rem;font-weight:950;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.plan-upgrade-button:hover{transform:translateY(-1px);box-shadow:0 14px 26px #f59e0b57,inset 0 1px #fff6}.plan-android-note{max-width:260px;display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:.8rem;line-height:1.35;text-align:right}.plan-android-note svg{flex-shrink:0;color:var(--brand-primary)}.founder-visibility-row{padding-top:0}.founder-toggle-button{min-height:38px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);font-size:.84rem;font-weight:850;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.founder-toggle-button.active{color:#451a03;border-color:#fbbf2475;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 18px #f59e0b38}.founder-toggle-button:hover{transform:translateY(-1px)}.founder-toggle-button:disabled{opacity:.65;cursor:not-allowed;transform:none}.danger-label{color:#ef4444}@media (max-width: 600px){.settings-inline-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.plan-profile-top{flex-direction:column}.plan-profile-body{align-items:stretch;flex-direction:column}.plan-upgrade-button{width:100%}.plan-android-note{max-width:none;text-align:left}.founder-toggle-button{width:100%}}.song-manager-container{margin:0 auto;padding:30px 20px 110px;color:var(--text-primary)}.song-manager-header{margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid var(--border-glass)}.header-title-group h1{font-size:1.6rem;font-weight:800;margin:0 0 4px}.header-title-group p{color:var(--text-secondary);font-size:.9rem;margin:0}.btn-back{background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-primary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.song-manager-toolbar{display:grid;grid-template-columns:auto 1fr;align-items:center;margin-bottom:20px;gap:20px}.toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;flex-wrap:wrap}.medley-filter-group{display:flex;align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-glass);border-radius:8px;padding:4px 12px}.medley-icon{color:var(--color-blue-500);margin-right:8px}.medley-select{width:100%;background:var(--bg-tertiary);border:none;color:var(--text-primary);font-weight:600;cursor:pointer;outline:none;padding:7px 10px}.medley-active-alert{display:flex;align-items:center;gap:8px;background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:var(--color-blue-600);padding:10px 16px;border-radius:8px;margin-bottom:20px;font-size:.9rem}.btn-clear-filter{margin-left:auto;background:transparent;border:none;color:var(--color-blue-500);font-weight:700;cursor:pointer}@media (max-width: 768px){.song-manager-toolbar{grid-template-columns:1fr}.toolbar-actions{justify-content:stretch;display:grid;grid-template-columns:1fr}.search-input{width:100%;grid-column:span 2}}.key-tags{margin-left:6px;font-weight:600}.key-tag{background:#ffffff1a;padding:2px 6px;border-radius:4px;margin:0 2px}.search-box-acervo{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:12px;padding:0 12px;height:44px;transition:all .2s ease;flex-grow:1;max-width:450px}.search-box-acervo:focus-within{border-color:var(--color-blue-500);box-shadow:0 0 0 2px #3b82f626}.search-icon-acervo{color:var(--text-muted);flex-shrink:0}.acervo-search-input{flex-grow:1;background:transparent;border:none;color:var(--text-primary);font-size:.95rem;padding:0 10px;outline:none;width:100%}.btn-clear-search{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s;flex-shrink:0}.btn-clear-search:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}@media (max-width: 768px){.search-box-acervo{max-width:100%;grid-column:span 1}}.btn-view-mode{padding:8px;border-radius:8px;background:var(--bg-secondary);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-view-mode:hover,.btn-view-mode.active{background:var(--bg-tertiary);color:var(--color-blue-500)}.medley-premium-banner{display:flex;align-items:flex-start;background:linear-gradient(145deg,#3b82f614,#3b82f605);border:1px solid rgba(59,130,246,.2);border-radius:12px;padding:16px 20px;margin-bottom:24px;position:relative;gap:16px}.banner-icon-wrapper{background:#3b82f626;color:var(--color-blue-500);padding:10px;border-radius:10px;display:flex;align-items:center;justify-content:center}.banner-content{flex:1}.banner-header-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:6px}.banner-header-row h3{margin:0;font-size:1.05rem;font-weight:500;color:var(--text-primary)}.banner-header-row strong{font-weight:800}.key-tags{display:flex;gap:6px}.key-tag{background:var(--bg-tertiary);border:1px solid var(--border-glass);color:var(--text-secondary);padding:2px 8px;border-radius:6px;font-size:.8rem;font-weight:700}.key-tag.tag-primary{background:var(--color-blue-500);color:#fff;border-color:var(--color-blue-600)}.medley-count-badge{background:#22c55e26;color:var(--color-green-500);border:1px solid rgba(34,197,94,.2);padding:2px 8px;border-radius:20px;font-size:.75rem;font-weight:700;margin-left:auto}.theory-hint{margin:0;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:center;gap:6px;line-height:1.4}.btn-close-banner{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-close-banner:hover{background:#ef44441a;color:var(--color-red-500)}.theory-tags-panel{display:flex;flex-wrap:wrap;gap:16px;margin:12px 0;background:var(--bg-primary);padding:10px 14px;border-radius:8px;border:1px solid var(--border-glass)}.theory-group{display:flex;align-items:center;gap:8px}.group-label{font-size:.8rem;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:4px;text-transform:uppercase;letter-spacing:.5px}.tag-base{background:var(--color-blue-600);color:#fff;padding:2px 8px;border-radius:4px;margin-left:6px}.key-tag{font-size:.8rem;font-weight:800;padding:2px 8px;border-radius:6px;box-shadow:0 2px 4px #0000000d}.tag-smooth{background:#22c55e26;color:var(--color-green-600);border:1px solid rgba(34,197,94,.3)}.tag-energy{background:#f9731626;color:var(--color-orange-600);border:1px solid rgba(249,115,22,.3)}.theory-hint{margin:0;font-size:.85rem;color:var(--text-secondary);display:flex;align-items:flex-start;gap:8px;line-height:1.5;background:#3b82f60d;padding:10px;border-radius:6px;border-left:3px solid var(--color-blue-400)}.theory-hint strong{color:var(--text-primary)}@media (max-width: 650px){.theory-tags-panel{flex-direction:column;gap:12px}}.key-tag.tag-smooth{display:flex;flex-direction:column;align-items:center;padding:4px 8px;line-height:1.1}.key-tag .dest{font-size:.85rem;font-weight:800}.key-tag .bridge{font-size:.65rem;opacity:.7;margin-top:2px;font-weight:400}.found-keys-panel{display:flex;align-items:center;gap:8px;margin-left:20px;background:#0000001a;padding:4px 10px;border-radius:20px}.small-label{font-size:.7rem;text-transform:uppercase;color:var(--text-muted);font-weight:700}.tag-secondary{background:var(--bg-tertiary);border:1px solid var(--border-glass);color:var(--text-secondary)}.mobile-expandable-theory{margin-top:10px}.theory-toggle{font-size:.8rem;color:var(--color-blue-400);cursor:pointer;display:flex;align-items:center;gap:6px;list-style:none}.theory-toggle::-webkit-details-marker{display:none}.key-tag{font-size:.75rem;padding:2px 6px}.compatible-keys-mini{margin-right:8px;display:flex;flex-direction:row;align-items:center;gap:8px}.btn-keys{display:flex;align-items:center}.mini-key-tag{font-size:.65rem;font-weight:700;padding:2px 5px;background:#ffffff1a;border-radius:4px;color:var(--text-secondary)}.mini-key-tag.active{background:var(--color-blue-600);color:#fff}.btn-primary-action{display:flex;align-items:center;gap:8px;background-color:var(--color-green-600);color:#fff;padding:8px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:transform .2s,background-color .2s;animation:pulse 2s infinite}.btn-primary-action:hover{background-color:var(--color-green-700);transform:scale(1.05)}@keyframes pulse{0%{box-shadow:0 0 #16a34a66}70%{box-shadow:0 0 0 6px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media (max-width: 650px){.compatible-keys-mini{flex-direction:column;align-items:flex-start;gap:8px}.btn-keys{display:block}.medley-premium-banner{flex-direction:column;padding:16px}.btn-close-banner{position:absolute;top:12px;right:12px}.medley-count-badge{margin-left:0}}.harmonic-banner-title{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.harmonic-orb{width:38px;height:38px;border-radius:14px;display:grid;place-items:center;color:var(--brand-primary);background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.22),transparent 42%),rgba(var(--brand-primary-rgb),.12);border:1px solid rgba(var(--brand-primary-rgb),.18);box-shadow:0 10px 24px rgba(var(--brand-primary-rgb),.12);flex-shrink:0}.harmonic-banner-title h3{margin:0;font-size:1rem;font-weight:900;letter-spacing:-.02em;color:var(--text-primary)}.harmonic-banner-title p{margin:2px 0 0;color:var(--text-secondary);font-size:.82rem}.compatible-label{font-size:.74rem;font-weight:850;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.btn-keys{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.mini-key-tag{min-width:68px;min-height:42px;padding:6px 8px;border-radius:13px;border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-secondary);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease,color .16s ease}.mini-key-tag strong{font-size:.84rem;color:var(--text-primary)}.mini-key-tag span{font-size:.62rem;font-weight:800}.mini-key-tag small{font-size:.58rem;opacity:.7}.mini-key-tag:hover{transform:translateY(-1px)}.mini-key-tag.perfect,.mini-key-tag.active{color:var(--brand-primary);border-color:rgba(var(--brand-primary-rgb),.26);background:rgba(var(--brand-primary-rgb),.1)}.mini-key-tag.smooth{border-color:rgba(var(--status-success-rgb),.24);background:rgba(var(--status-success-rgb),.08)}.mini-key-tag.energy{border-color:rgba(var(--status-warning-rgb),.26);background:rgba(var(--status-warning-rgb),.08)}.draft-harmony-card{margin:14px 0 20px;padding:12px 14px;border-radius:18px;border:1px solid rgba(var(--status-success-rgb),.2);background:linear-gradient(135deg,rgba(var(--status-success-rgb),.09),transparent),var(--bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:14px}.draft-harmony-card strong{display:block;color:var(--text-primary);font-size:.92rem;font-weight:900}.draft-harmony-card span{display:block;margin-top:3px;color:var(--text-secondary);font-size:.8rem}.draft-score-ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:var(--status-success);background:rgba(var(--status-success-rgb),.11);border:1px solid rgba(var(--status-success-rgb),.22);font-size:.78rem;font-weight:950;flex-shrink:0}@media (max-width: 650px){.harmonic-banner-title{padding-right:34px}.compatible-keys-mini{width:100%}.mini-key-tag{min-width:62px;flex:1}.draft-harmony-card{align-items:flex-start}}.acervo-actions-strip{width:100%;display:flex;align-items:center;gap:10px;margin-top:14px}.acervo-actions-main{min-width:0;flex:1;display:flex;align-items:center;gap:10px}.acervo-actions-icons{flex:0 0 auto;display:flex;align-items:center;gap:8px}.acervo-view-toggle{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.acervo-view-toggle:hover,.acervo-view-toggle.active{transform:translateY(-1px);color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent);background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-secondary))}.acervo-view-toggle:active{transform:scale(.96)}@media (max-width: 768px){.acervo-actions-strip{align-items:stretch}.acervo-actions-main{flex-direction:column;align-items:stretch;gap:8px}.acervo-actions-icons{align-items:flex-start;padding-top:0}.acervo-view-toggle{width:40px;height:40px;border-radius:14px}}.management-container{margin:0 auto;padding:30px 20px 110px;color:var(--text-primary);animation:fadeIn .4s ease-out}.management-header{margin-bottom:32px}.management-card{background:var(--bg-secondary);border:1px solid var(--border-glass, rgba(0,0,0,.05));border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008,0 16px 32px #00000005;overflow:hidden}.management-toolbar{display:grid;grid-template-columns:1fr auto;align-items:center;padding:20px 24px;background:var(--bg-primary);border-bottom:1px solid var(--border-glass);min-height:72px;gap:20px}.toolbar-filters-section{display:flex;flex-wrap:wrap;align-items:center;gap:16px;width:100%}.search-box{display:flex;align-items:center;background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:10px;padding:10px 14px;width:320px;max-width:100%;transition:all .2s ease}.search-box:focus-within{border-color:var(--color-blue-500);box-shadow:0 0 0 3px #3b82f626;background:var(--bg-primary)}.search-box input{background:transparent;border:none;outline:none;color:var(--text-primary);width:100%;margin-left:10px;font-size:.95rem}.dropdown-filters-group{display:flex;align-items:center;gap:12px}.dashboard-filter-select{padding:10px 14px;border-radius:10px;border:1px solid var(--border-glass);background:var(--bg-secondary);color:var(--text-primary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.bulk-actions-panel{display:flex;align-items:center;gap:20px;background:#3b82f614;border:1px solid rgba(59,130,246,.2);padding:8px 16px;border-radius:10px;animation:slideDown .3s cubic-bezier(.16,1,.3,1);justify-self:end}.selected-count{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:600;color:var(--color-blue-600)}.bulk-buttons{display:flex;gap:10px}.bulk-select{padding:8px 14px;border-radius:8px;border:1px solid rgba(59,130,246,.3);background:var(--bg-primary);color:var(--color-blue-700);font-size:.85rem;font-weight:600;cursor:pointer}.btn-bulk-delete{display:flex;align-items:center;gap:6px;background:#ef44441a;color:var(--color-red-600);border:1px solid rgba(239,68,68,.2);padding:8px 16px;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.btn-bulk-delete:hover{background:var(--color-red-500);color:#fff}.td-song-info{display:flex;flex-direction:column}.table-responsive{overflow-x:auto;width:100%}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}.data-table th,.data-table td{padding:16px 24px;border-bottom:1px solid var(--border-glass)}.data-table th{background:var(--bg-primary);font-weight:700;color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;letter-spacing:.8px;white-space:nowrap}.data-table tr:hover{background:var(--bg-tertiary)}.data-table tr.row-selected{background:#3b82f608}.table-visibility-select{padding:6px 12px 6px 8px;border-radius:20px;font-size:.8rem;font-weight:700;border:1px solid transparent;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .2s ease}.status-public{background:#22c55e26;color:var(--color-green-600);border-color:#22c55e4d}.status-link{background:#3b82f626;color:var(--color-blue-600);border-color:#3b82f64d}.status-private{background:#64748b26;color:var(--text-secondary);border-color:#64748b4d}.btn-edit-row{background:transparent;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;transition:all .2s}.btn-edit-row:hover{background:var(--bg-primary);color:var(--color-blue-500)}@media (max-width: 950px){.management-toolbar{grid-template-columns:1fr}.bulk-actions-panel{justify-self:stretch}}@media (max-width: 600px){.search-box{width:100%}.toolbar-filters-section{flex-direction:column;align-items:stretch;gap:12px}.dropdown-filters-group{display:flex;flex-direction:column;width:100%;gap:8px}.dashboard-filter-select{width:100%}.icon-muted{display:none}}.dashboard-container{padding:30px 20px 110px;color:var(--text-primary)}.dashboard-header{margin-bottom:32px}.dashboard-header h1{font-size:1.8rem;font-weight:800;margin:0 0 8px}.dashboard-header .subtitle{color:var(--text-secondary);margin:0;font-size:1rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:40px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-glass);border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:0 8px 16px #0000001a;border-color:var(--color-blue-500)}.stat-icon-wrapper{background:#3b82f61a;color:var(--color-blue-500);padding:12px;border-radius:12px}.stat-info{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:800;line-height:1}.stat-label{font-size:.85rem;color:var(--text-secondary);margin-top:4px}.stat-card.primary-action{background:var(--color-green-600);color:#fff;border:none;justify-content:center;flex-direction:column;gap:8px;text-align:center}.stat-card.primary-action:hover{background:var(--color-green-700);border-color:transparent}.stat-card.primary-action span{font-weight:700;font-size:1.1rem}.recent-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;color:var(--text-secondary)}.recent-header h3{margin:0;font-size:1.1rem;font-weight:600}.recent-list{display:flex;flex-direction:column;gap:10px}.recent-item{display:flex;align-items:center;justify-content:space-between;background:var(--bg-secondary);border:1px solid var(--border-glass);padding:16px;border-radius:12px;cursor:pointer;transition:background .2s}.recent-item:hover{background:var(--bg-tertiary)}.recent-item .item-info{display:flex;flex-direction:column}.recent-item .item-info strong{font-size:1rem}.recent-item .item-info small{color:var(--text-muted)}.recent-item .item-action{display:flex;align-items:center;gap:12px}.key-badge{background:#ffffff1a;padding:4px 10px;border-radius:6px;font-size:.8rem;font-weight:700}@media (max-width: 650px){.stats-grid{grid-template-columns:1fr}.stat-card.primary-action{flex-direction:row}}.dashboard-chip-actions{margin-bottom:22px}.dashboard-chip-actions .chip-actions-main{justify-content:center}@media (min-width: 768px){.dashboard-chip-actions .chip-actions-main{justify-content:flex-start}}.dashboard-header{margin-bottom:8px}.dashboard-header h1{color:var(--text-primary)}.dashboard-header .subtitle{color:var(--text-secondary)}.upgrade-container{min-height:100vh;padding-bottom:calc(110px + var(--app-safe-bottom, 0px));background:radial-gradient(circle at top,rgba(var(--brand-primary-rgb),.13),transparent 34%),radial-gradient(circle at 85% 18%,rgba(251,191,36,.08),transparent 26%),var(--bg-primary);color:var(--text-primary)}.upgrade-main{padding:22px var(--spacing-md, 16px) 0}.upgrade-center-content{display:flex;align-items:center;justify-content:center;padding:28px 18px}.upgrade-chip-strip{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:0;margin-bottom:26px}.upgrade-chip-main{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;overflow-x:auto;scrollbar-width:none}.upgrade-chip-main::-webkit-scrollbar{display:none}.upgrade-chip-action{height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);font-size:.82rem;font-weight:850;white-space:nowrap;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.upgrade-chip-action:hover{transform:translateY(-1px);color:var(--text-primary);border-color:color-mix(in srgb,var(--brand-primary) 32%,transparent);background:color-mix(in srgb,var(--brand-primary) 7%,var(--bg-secondary))}.upgrade-chip-action:active{transform:scale(.97)}.upgrade-chip-primary{color:#fff;border-color:transparent;background:var(--brand-primary);box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.18)}.upgrade-chip-primary:hover{color:#fff;border-color:transparent;background:var(--brand-primary-dark)}.upgrade-chip-warning{color:#111827;border-color:transparent;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 18px #f59e0b33}.upgrade-state-card{width:min(100%,440px);padding:34px 28px;display:flex;flex-direction:column;align-items:center;text-align:center;border-radius:28px;border:1px solid var(--border-input);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 94%,var(--brand-primary) 6%),var(--bg-secondary));box-shadow:0 18px 44px #0000001f}html.dark .upgrade-state-card,:root[data-theme=dark] .upgrade-state-card{box-shadow:0 18px 44px #00000052}.upgrade-state-icon{width:78px;height:78px;margin-bottom:18px;display:grid;place-items:center;border-radius:24px;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.12);border:1px solid rgba(var(--brand-primary-rgb),.18)}.upgrade-state-icon.premium{color:#fbbf24;background:#fbbf2421;border-color:#fbbf243d}.upgrade-state-card h2{margin:0 0 10px;color:var(--text-primary);font-size:1.5rem;font-weight:900;letter-spacing:-.04em}.upgrade-state-card p{margin:0 0 24px;color:var(--text-secondary);line-height:1.55}.upgrade-hero{max-width:680px;margin:0 auto 48px;padding:0 10px;text-align:center}.hero-badge{display:inline-flex;align-items:center;gap:7px;min-height:34px;padding:0 15px;margin-bottom:20px;border-radius:999px;border:1px solid rgba(245,158,11,.28);color:#92400e;background:#fbbf242e;font-size:.82rem;font-weight:900}html.dark .hero-badge,:root[data-theme=dark] .hero-badge{color:#fbbf24;background:#f59e0b24}.upgrade-hero h1{margin:0 0 16px;color:var(--text-primary);font-size:clamp(2rem,5vw,3.35rem);font-weight:950;line-height:1.04;letter-spacing:-.065em}.text-gradient-gold{background:linear-gradient(135deg,#fbbf24,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.upgrade-hero p{max-width:560px;margin:0 auto;color:var(--text-secondary);font-size:1.05rem;line-height:1.55}.pricing-cards-wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1120px;margin:0 auto 64px;padding:0 10px;align-items:center}.pricing-card{position:relative;min-height:560px;display:flex;flex-direction:column;padding:34px 28px;border-radius:28px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-primary);box-shadow:0 18px 42px #00000014;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}html.dark .pricing-card,:root[data-theme=dark] .pricing-card{box-shadow:0 18px 42px #00000047}.pricing-card:hover{transform:translateY(-3px)}.card-header{margin-bottom:22px}.card-header h3{margin:0 0 10px;color:var(--text-primary);font-size:1.28rem;font-weight:950;letter-spacing:-.04em}.card-header p{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.52}.price{margin:16px 0 12px;display:flex;align-items:baseline;gap:4px;color:var(--text-primary);font-size:2.85rem;font-weight:950;letter-spacing:-.06em}.simple-price{display:block}.price .currency{font-size:1.25rem;opacity:.8;letter-spacing:-.03em}.price .period{color:var(--text-secondary);font-size:1rem;font-weight:700;letter-spacing:-.02em}.price-anchor{margin:12px 0 -4px;color:var(--text-muted);font-size:.98rem;font-weight:800;text-decoration:line-through}.card-free{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 94%,var(--brand-primary) 6%),var(--bg-secondary))}.card-standard{border-color:color-mix(in srgb,var(--brand-primary) 38%,var(--border-input));background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 90%,var(--brand-primary) 10%),var(--bg-secondary));box-shadow:0 18px 44px rgba(var(--brand-primary-rgb),.13)}.card-pro{color:#f8fafc;border:3px solid #fbbf24;background:radial-gradient(circle at 50% 0%,rgba(251,191,36,.22),transparent 34%),linear-gradient(145deg,#18181b,#09090b);box-shadow:0 24px 54px #f59e0b3d,0 0 0 1px #fbbf2414;transform:scale(1.055);z-index:2}.card-pro:hover{transform:scale(1.055) translateY(-3px)}.card-pro .card-header h3,.card-pro .price{color:#fbbf24}.card-pro .card-header p,.card-pro .features-list li{color:#e5e7eb}.card-pro .price .period{color:#d1d5db}.pro-ribbon{position:absolute;top:-15px;left:50%;transform:translate(-50%);min-height:30px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#d97706);color:#fff;font-size:.72rem;font-weight:950;text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;box-shadow:0 9px 18px #f59e0b57}.btn-checkout-free,.btn-checkout-standard,.btn-checkout-pro{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;margin-bottom:24px;padding:0 16px;border-radius:16px;font-size:.95rem;font-weight:900;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease,opacity .18s ease}.btn-checkout-free{border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary)}.btn-checkout-free:hover{color:var(--text-primary);border-color:color-mix(in srgb,var(--brand-primary) 28%,var(--border-input));background:color-mix(in srgb,var(--brand-primary) 7%,var(--bg-secondary))}.btn-checkout-standard{border:0;color:#fff;background:var(--brand-primary);box-shadow:0 10px 20px rgba(var(--brand-primary-rgb),.24)}.btn-checkout-standard:hover:not(:disabled){transform:translateY(-2px);background:var(--brand-primary-dark);box-shadow:0 14px 26px rgba(var(--brand-primary-rgb),.3)}.btn-checkout-pro{border:0;color:#451a03;background:linear-gradient(180deg,#fbbf24,#d97706);font-size:1.02rem;box-shadow:0 12px 26px #f59e0b57,inset 0 1px #ffffff59}.btn-checkout-pro:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 32px #f59e0b70,inset 0 1px #ffffff6b}.btn-checkout-free:active,.btn-checkout-standard:active,.btn-checkout-pro:active{transform:scale(.98)}.btn-checkout-standard:disabled,.btn-checkout-pro:disabled{opacity:.65;cursor:not-allowed;transform:none}.features-list{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-direction:column;gap:14px}.features-list li{display:flex;align-items:flex-start;gap:11px;color:var(--text-secondary);font-size:.92rem;line-height:1.45}.features-list li svg{flex:0 0 auto;margin-top:1px;color:var(--status-success)}.features-list li.feature-disabled{color:var(--text-muted);text-decoration:line-through;padding-left:29px}.pro-features li svg,.pro-features .feature-highlight svg{color:#fbbf24}.feature-highlight{color:#f8fafc!important}.value-props-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:22px;max-width:940px;margin:0 auto 44px;padding:0 10px}.value-prop-item{padding:26px 22px;text-align:center;border-radius:24px;border:1px solid var(--border-input);background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 95%,var(--brand-primary) 5%),var(--bg-secondary))}.vp-icon{width:54px;height:54px;margin:0 auto 16px;display:grid;place-items:center;border-radius:18px;color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.1);border:1px solid rgba(var(--brand-primary-rgb),.14)}.value-prop-item h4{margin:0 0 8px;color:var(--text-primary);font-size:1.05rem;font-weight:900;letter-spacing:-.03em}.value-prop-item p{margin:0;color:var(--text-secondary);font-size:.9rem;line-height:1.5}.trust-badge{max-width:740px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:9px;padding:20px 14px;color:var(--text-secondary);text-align:center;font-size:.92rem}.trust-badge svg{color:var(--status-success);flex-shrink:0}@media (max-width: 992px){.card-pro,.card-pro:hover{transform:none}}@media (max-width: 768px){.upgrade-main{padding-top:16px}.upgrade-chip-strip{margin-bottom:22px}.upgrade-hero{margin-bottom:38px}.upgrade-hero p{font-size:.98rem}.pricing-cards-wrapper{grid-template-columns:1fr;gap:38px;padding:0}.pricing-card{min-height:auto;padding:32px 24px}.value-props-grid{padding:0}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:var(--bg-primary);color:var(--text-primary);padding:var(--container-padding);font-family:var(--font-sans);transition:background-color var(--transition-speed),color var(--transition-speed)}.login-content{width:100%;max-width:420px;animation:fadeIn .8s var(--transition-timing)}.login-branding{text-align:center;margin-bottom:var(--spacing-xl)}.brand-logo{width:72px;height:72px;background:linear-gradient(135deg,var(--color-yellow-500) 0%,var(--color-red-600) 100%);border-radius:var(--border-radius-xl);display:flex;align-items:center;justify-content:center;margin:var(--spacing-md) auto var(--spacing-md);box-shadow:0 10px 30px var(--shadow-primary)}.brand-name{font-size:2.5rem;font-weight:800;margin-bottom:var(--spacing-xs);letter-spacing:-1px;color:var(--text-primary)}.brand-tagline{color:var(--text-secondary);font-size:1.1rem}.login-card{background:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--border-radius-xl);border:1px solid var(--border-primary);text-align:center;box-shadow:var(--modal-box-shadow)}.login-card h2{font-size:1.6rem;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.login-card p{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-lg)}.btn-login-google{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-white);color:var(--color-black);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);font-weight:700;font-size:1.05rem;cursor:pointer;transition:all var(--transition-speed)}.btn-login-google:hover{background:var(--color-gray-100);transform:translateY(-2px)}.login-divider{margin:var(--spacing-lg) 0;display:flex;align-items:center;color:var(--text-muted);text-transform:uppercase;font-size:.7rem;font-weight:800;letter-spacing:1px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-primary);margin:0 var(--spacing-sm)}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-sm);text-align:left}.input-container{position:relative;display:flex;align-items:center}.input-container svg{position:absolute;left:var(--spacing-md);color:var(--text-muted)}.input-container input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 48px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:.95rem;transition:border-color var(--transition-speed)}.input-container input:focus{outline:none;border-color:var(--brand-primary)}.btn-register-submit{width:100%;padding:var(--spacing-md);background:var(--brand-primary);color:var(--color-white);border:none;border-radius:var(--border-radius-lg);font-weight:700;font-size:1rem;cursor:pointer;margin-top:var(--spacing-xs);transition:all var(--transition-speed)}.btn-register-submit:hover{background:var(--brand-primary-dark);transform:translateY(-2px)}.login-features-list{list-style:none;padding:0;text-align:left;display:inline-block}.login-features-list li{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.95rem}.login-features-list li svg{color:var(--status-success)}.auth-footer{text-align:center;margin-top:var(--spacing-lg);color:var(--text-secondary);margin-bottom:2rem}.auth-footer a{color:var(--brand-primary);text-decoration:none;font-weight:700}.login-footer{margin-top:var(--spacing-md);display:flex;justify-content:center}.feature-badge{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--bg-tertiary);padding:var(--spacing-xs) var(--spacing-md);border-radius:100px;color:var(--text-muted);font-size:.75rem;font-weight:700;border:1px solid var(--border-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.spinner-mini{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}.btn-login-google .spinner-mini{border-top-color:#4285f4}@keyframes spin{to{transform:rotate(360deg)}}button:disabled{opacity:.7;cursor:not-allowed}.auth-action-card{position:relative;overflow:hidden}.auth-action-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top,rgba(var(--brand-primary-rgb),.13),transparent 55%);pointer-events:none}.auth-action-card>*{position:relative;z-index:1}.auth-action-icon{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;margin:0 auto var(--spacing-md);color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.1);border:1px solid rgba(var(--brand-primary-rgb),.18)}.auth-action-card.status-success .auth-action-icon{color:var(--status-success);background:#10b9811a;border-color:#10b98133}.auth-action-card.status-error .auth-action-icon{color:var(--status-danger);background:#ef44441a;border-color:#ef444433}.auth-spin{animation:spin .9s linear infinite}.auth-action-email{margin-bottom:var(--spacing-sm)!important;font-size:.9rem;color:var(--text-secondary)}.auth-action-email strong{color:var(--text-primary)}.auth-reset-form{margin-top:var(--spacing-lg)}.auth-input-action{position:absolute;right:12px;width:34px;height:34px;border:0;border-radius:10px;color:var(--text-muted);background:transparent;display:grid;place-items:center;cursor:pointer;transition:all var(--transition-speed)}.auth-input-action:hover{color:var(--brand-primary);background:rgba(var(--brand-primary-rgb),.08)}.auth-reset-form .input-container input{padding-right:52px}.password-rules{display:grid;gap:6px;margin:4px 0 2px}.password-rules span{position:relative;padding-left:18px;color:var(--text-muted);font-size:.82rem}.password-rules span:before{content:"";position:absolute;left:0;top:.52em;width:8px;height:8px;border-radius:999px;background:var(--border-input)}.password-rules span.valid{color:var(--status-success)}.password-rules span.valid:before{background:var(--status-success)}.auth-inline-error{margin:2px 0 0!important;color:var(--status-danger)!important;font-size:.85rem;line-height:1.35!important}.auth-link-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin-top:var(--spacing-md)}@media (max-width: 520px){.auth-action-icon{width:68px;height:68px;border-radius:20px}}.moderation-page{min-height:100vh;padding:32px clamp(16px,4vw,48px) 110px;background:var(--bg-primary);color:var(--text-primary)}.moderation-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.moderation-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--brand-primary);font-weight:800;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.moderation-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0;letter-spacing:-.05em}.moderation-hero p{max-width:680px;margin:12px 0 0;color:var(--text-secondary);font-size:1rem;line-height:1.5}.moderation-refresh-btn,.moderation-secondary-btn,.moderation-danger-btn,.moderation-view-btn{min-height:42px;border-radius:14px;padding:6px 16px;border:1px solid var(--border-input);display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:750;font-size:.9rem;cursor:pointer;text-decoration:none;transition:transform var(--transition-speed) var(--transition-timing),background var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing),opacity var(--transition-speed) var(--transition-timing)}.moderation-refresh-btn:hover,.moderation-secondary-btn:hover,.moderation-danger-btn:hover,.moderation-view-btn:hover{transform:translateY(-1px)}.moderation-refresh-btn,.moderation-secondary-btn,.moderation-view-btn{background:var(--bg-secondary);color:var(--text-primary)}.moderation-refresh-btn:hover,.moderation-secondary-btn:hover,.moderation-view-btn:hover{background:var(--bg-tertiary);border-color:var(--border-input-hover)}.moderation-view-btn{color:var(--brand-primary)}.moderation-danger-btn{color:var(--color-red-500);background:#ef444414;border-color:#ef44443d}.moderation-danger-btn:hover{background:#ef444429;border-color:#ef44445c}.moderation-danger-btn:disabled,.moderation-refresh-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.moderation-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.moderation-stats article{border-radius:18px;padding:18px;background:var(--bg-secondary);border:1px solid var(--border-input);box-shadow:0 8px 24px var(--shadow-primary)}.moderation-stats span{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:8px}.moderation-stats strong{font-size:1.8rem;letter-spacing:-.04em}.moderation-toolbar{border-radius:20px;padding:14px;background:var(--bg-secondary);border:1px solid var(--border-input);box-shadow:0 8px 24px var(--shadow-primary);display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.moderation-toolbar-left,.moderation-bulk-actions,.moderation-select-all{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.moderation-select-all{color:var(--text-secondary);font-weight:700}.moderation-selected-pill{border-radius:999px;padding:7px 12px;color:var(--brand-primary);background:#3b82f61a;border:1px solid rgba(59,130,246,.16);font-weight:800;font-size:.8rem}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:18px}.report-card{position:relative;border-radius:24px;padding:18px;background:var(--bg-secondary);border:1px solid var(--border-input);box-shadow:0 8px 24px var(--shadow-primary);display:flex;flex-direction:column;gap:16px;transition:transform var(--transition-speed) var(--transition-timing),border-color var(--transition-speed) var(--transition-timing),background var(--transition-speed) var(--transition-timing)}.report-card:hover{transform:translateY(-2px);border-color:var(--brand-primary)}.report-card.selected{border-color:var(--brand-primary);background:linear-gradient(135deg,rgba(59,130,246,.08),transparent),var(--bg-secondary)}.report-card-header{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px}.report-select-wrap{display:flex;align-items:center}.report-icon{width:40px;height:40px;border-radius:14px;color:var(--color-yellow-500);background:#f59e0b1f;border:1px solid rgba(245,158,11,.18);display:grid;place-items:center}.report-title-wrap{min-width:0}.report-title-wrap h3{margin:0;color:var(--text-primary);font-size:1.05rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-title-wrap span{display:block;margin-top:4px;color:var(--text-muted);font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-reason-box{border-radius:18px;padding:14px;background:var(--bg-tertiary);border:1px solid var(--border-primary)}.report-reason-box span{display:block;color:var(--text-secondary);font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;margin-bottom:7px}.report-reason-box p{margin:0;color:var(--text-primary);line-height:1.48;font-size:.94rem}.report-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.report-meta-grid div{min-width:0;border-radius:16px;padding:12px;background:#6b728014;border:1px solid var(--border-primary)}.report-meta-grid svg{color:var(--text-secondary);margin-bottom:6px}.report-meta-grid span{display:block;color:var(--text-secondary);font-size:.75rem;font-weight:800;margin-bottom:5px}.report-meta-grid strong{display:block;color:var(--text-primary);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.report-meta-full{grid-column:1 / -1}.report-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:auto}.moderation-empty-state{min-height:420px;border-radius:24px;padding:48px 20px;background:var(--bg-secondary);border:1px solid var(--border-input);box-shadow:0 8px 24px var(--shadow-primary);display:grid;place-items:center;align-content:center;text-align:center;color:var(--text-secondary)}.moderation-empty-state h2{color:var(--text-primary);margin:12px 0 4px}.moderation-empty-state p{margin:0}.spin{animation:moderation-spin .9s linear infinite}@keyframes moderation-spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.moderation-hero{display:grid;align-items:start}.moderation-toolbar{align-items:stretch;flex-direction:column}.moderation-bulk-actions{width:100%}.moderation-bulk-actions button{flex:1}.moderation-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.reports-grid{grid-template-columns:1fr}}@media (max-width: 640px){.moderation-page{padding:22px 14px 100px}.moderation-stats{grid-template-columns:1fr}.report-card{border-radius:20px;padding:15px}.report-card-header{grid-template-columns:auto minmax(0,1fr)}.report-icon{display:none}.report-actions{grid-template-columns:1fr}.moderation-refresh-btn,.moderation-secondary-btn,.moderation-danger-btn,.moderation-view-btn{width:100%;flex-direction:row}}.admin-page{min-height:100vh;padding:32px clamp(16px,4vw,48px);background:var(--bg-primary);color:var(--text-primary)}.admin-page{min-height:100vh;padding:32px clamp(16px,4vw,48px);padding-bottom:110px;background:radial-gradient(circle at top left,color-mix(in srgb,var(--brand-primary) 18%,transparent),transparent 32%),radial-gradient(circle at top right,color-mix(in srgb,var(--brand-secondary) 14%,transparent),transparent 30%),var(--bg-primary);color:var(--text-primary)}.admin-users-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.admin-eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px;color:var(--color-primary, #3b82f6);font-weight:700;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.admin-users-hero h1{font-size:clamp(2rem,4vw,3.4rem);line-height:1;margin:0;letter-spacing:-.05em}.admin-users-hero p{max-width:650px;margin:12px 0 0;color:var(--text-secondary, #94a3b8);font-size:1rem}.admin-refresh-btn,.admin-search-btn,.admin-save-btn,.admin-cancel-btn{border:0;border-radius:14px;min-height:44px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;cursor:pointer;transition:transform .15s ease,opacity .15s ease,background .15s ease}.admin-refresh-btn:hover,.admin-search-btn:hover,.admin-save-btn:hover,.admin-cancel-btn:hover{transform:translateY(-1px)}.admin-refresh-btn{color:var(--text-primary, #f8fafc);background:#94a3b824;border:1px solid rgba(148,163,184,.22)}.admin-users-toolbar{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:18px}.admin-search-box{min-height:48px;border-radius:16px;padding:0 16px;display:flex;align-items:center;gap:12px;background:#0f172ab8;border:1px solid rgba(148,163,184,.22);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.admin-search-box input{width:100%;border:0;outline:0;color:var(--text-primary, #f8fafc);background:transparent;font-size:.98rem}.admin-search-box input::-moz-placeholder{color:var(--text-secondary, #94a3b8)}.admin-search-box input::placeholder{color:var(--text-secondary, #94a3b8)}.admin-search-btn,.admin-save-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.admin-users-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:18px}.admin-users-stats article{border-radius:18px;padding:18px;background:#0f172ab8;border:1px solid rgba(148,163,184,.18)}.admin-users-stats span{display:block;color:var(--text-secondary, #94a3b8);font-size:.85rem;margin-bottom:8px}.admin-users-stats strong{font-size:1.8rem}.admin-users-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:18px;align-items:start}.admin-users-list,.admin-user-editor{min-height:520px;border-radius:24px;padding:16px;background:#0f172ac2;border:1px solid rgba(148,163,184,.22);box-shadow:0 24px 80px #0206173d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-users-list{display:flex;flex-direction:column;gap:10px}.admin-user-card{width:100%;border:1px solid rgba(148,163,184,.16);border-radius:18px;padding:14px;background:#1e293b8f;color:inherit;text-align:left;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.admin-user-card:hover,.admin-user-card.selected{background:#2563eb29;border-color:#3b82f670;transform:translateY(-1px)}.admin-user-avatar{width:46px;height:46px;border-radius:16px;overflow:hidden;background:linear-gradient(135deg,#2563eb,#7c3aed);display:grid;place-items:center;flex:none}.admin-user-avatar.large{width:68px;height:68px;border-radius:22px}.admin-user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.admin-user-avatar span{color:#fff;font-weight:900}.admin-user-main{min-width:0}.admin-user-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-main span{margin-top:4px;color:var(--text-secondary, #94a3b8);font-size:.86rem;display:flex;align-items:center;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-user-main small{display:block;margin-top:5px;color:#94a3b8b8}.admin-user-badges{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.plan-badge,.role-badge{border-radius:999px;padding:6px 10px;font-size:.75rem;font-weight:800;white-space:nowrap}.role-badge{color:var(--text-primary);background:var(--bg-secondary);display:inline-flex;align-items:center;gap:5px}.admin-editor-placeholder,.admin-empty-state,.admin-users-denied{min-height:420px;display:grid;place-items:center;align-content:center;text-align:center;color:var(--text-secondary, #94a3b8);gap:10px}.admin-users-denied{border-radius:24px;background:#0f172ac2;border:1px solid rgba(148,163,184,.22)}.admin-users-denied h1,.admin-editor-placeholder h2{color:var(--text-primary, #f8fafc);margin:0}.admin-editor-header{display:flex;gap:16px;align-items:center;padding-bottom:18px;border-bottom:1px solid rgba(148,163,184,.18);margin-bottom:18px}.admin-editor-header h2{margin:0 0 4px}.admin-editor-header p,.admin-editor-header small{margin:0;color:var(--text-secondary, #94a3b8)}.admin-current-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.admin-current-info div{border-radius:16px;padding:14px;background:var(--bg-tertiary);border:1px solid rgba(148,163,184,.14)}.admin-current-info span{display:block;color:var(--text-secondary, #94a3b8);font-size:.78rem;margin-bottom:5px}.admin-current-info strong{font-size:.98rem}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px}.admin-form-grid label,.admin-reason-box{color:var(--text-secondary, #94a3b8);font-size:.82rem;font-weight:700;display:flex;flex-direction:column;gap:7px}.admin-form-grid select,.admin-form-grid input,.admin-reason-box textarea{width:100%;border:1px solid rgba(148,163,184,.2);border-radius:14px;color:var(--text-primary, #f8fafc);background:#0f172ad1;padding:12px;outline:none}.admin-form-grid select:disabled,.admin-form-grid input:disabled{opacity:.55;cursor:not-allowed}.admin-change-preview{border-radius:16px;padding:13px 14px;background:#f59e0b1f;border:1px solid rgba(245,158,11,.18);display:flex;align-items:center;gap:10px;margin-bottom:14px}.admin-reason-box{margin-bottom:16px}.admin-reason-box textarea{resize:vertical;min-height:92px}.admin-editor-actions{display:flex;gap:10px;justify-content:flex-end}.admin-cancel-btn{background:#94a3b824;color:var(--text-primary, #f8fafc);border:1px solid rgba(148,163,184,.2)}.admin-save-btn:disabled,.admin-refresh-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.admin-warning-box{margin-top:16px;border-radius:16px;padding:14px;background:#f59e0b1a;border:1px solid rgba(245,158,11,.18);display:flex;gap:10px;align-items:flex-start}.admin-warning-box p{margin:0;font-size:.86rem;line-height:1.45}.spin{animation:admin-spin .9s linear infinite}@keyframes admin-spin{to{transform:rotate(360deg)}}@media (max-width: 980px){.admin-users-hero,.admin-users-toolbar{grid-template-columns:1fr;display:grid}.admin-users-layout{grid-template-columns:1fr}.admin-user-editor{min-height:auto}}@media (max-width: 640px){.admin-page{padding:22px 14px 110px}.admin-users-stats{grid-template-columns:1fr}.admin-user-card{grid-template-columns:auto 1fr}.admin-user-badges{grid-column:1 / -1;flex-direction:row;align-items:center}.admin-current-info,.admin-form-grid{grid-template-columns:1fr}.admin-editor-actions{flex-direction:column-reverse}.admin-cancel-btn,.admin-save-btn{width:100%}}.admin-users-list,.admin-user-editor,.admin-users-stats article,.admin-users-denied{background:var(--bg-secondary);border:1px solid var(--border-input);box-shadow:0 8px 24px var(--shadow-primary)}.admin-user-card{background:var(--bg-tertiary);border:1px solid var(--border-primary);color:var(--text-primary)}.admin-user-card:hover,.admin-user-card.selected{background:#3b82f614;border-color:var(--brand-primary)}.admin-search-box,.admin-form-grid select,.admin-form-grid input,.admin-reason-box textarea{background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border-input)}.admin-search-box input{color:var(--text-primary)}.admin-search-box input::-moz-placeholder{color:var(--text-placeholder)}.admin-search-box input::placeholder{color:var(--text-placeholder)}.admin-refresh-btn,.admin-cancel-btn{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-input)}.admin-search-btn,.admin-save-btn{background:var(--brand-primary);color:var(--button-text)}.admin-search-btn:hover,.admin-save-btn:hover{background:var(--brand-primary-dark)}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:grid;place-items:center;align-content:center;gap:18px;background:radial-gradient(circle at 50% 20%,rgba(36,99,235,.28),transparent 34%),linear-gradient(135deg,#0f172a,#020617);color:#fff;overflow:hidden}.boot-orb{position:absolute;width:220px;height:220px;border-radius:999px;background:#3b82f62e;filter:blur(18px);animation:bootFloat 3s ease-in-out infinite}.boot-logo-card{position:relative;width:92px;height:92px;border-radius:26px;display:grid;place-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);box-shadow:0 24px 70px #00000059;animation:bootPop .55s ease both}.boot-logo-card img{width:72px;height:72px;border-radius:20px}.boot-splash h1{position:relative;margin:0;font-size:2rem;letter-spacing:-.04em}.boot-splash p{position:relative;margin:0;color:#ffffffad;font-weight:600}.boot-bars{position:relative;display:flex;gap:6px;margin-top:4px}.boot-bars span{width:8px;height:24px;border-radius:999px;background:#3b82f6;animation:bootBars .9s ease-in-out infinite}.boot-bars span:nth-child(2){animation-delay:.12s}.boot-bars span:nth-child(3){animation-delay:.24s}@keyframes bootBars{0%,to{transform:scaleY(.45);opacity:.55}50%{transform:scaleY(1);opacity:1}}@keyframes bootFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-16px) scale(1.06)}}@keyframes bootPop{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.cs-float-menu{position:fixed;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translate(-50%);z-index:1100;display:flex;align-items:center;justify-content:center;gap:6px;width:min(94vw,430px);min-height:72px;padding:8px;border-radius:26px;border:1px solid rgba(148,163,184,.22);background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 120%),color-mix(in srgb,var(--bg-secondary) 90%,transparent);box-shadow:0 18px 46px #0f172a38,inset 0 1px #ffffff29;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);animation:csFloatDockIn .32s cubic-bezier(.22,1,.36,1)}.cs-float-menu--ios{bottom:calc(18px + env(safe-area-inset-bottom,0px))}html.dark .cs-float-menu,:root[data-theme=dark] .cs-float-menu{border-color:#ffffff1f;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 120%),#0f172ad6;box-shadow:0 20px 52px #00000075,inset 0 1px #ffffff14}.cs-float-menu__button{position:relative;min-width:62px;height:56px;padding:6px 8px;border:0;border-radius:18px;background:transparent;color:var(--text-secondary);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:transform .16s ease,color .16s ease,background .16s ease,opacity .16s ease}.cs-float-menu__icon{width:34px;height:32px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.cs-float-menu__label{font-size:.66rem;line-height:1;font-weight:800;letter-spacing:-.01em}.cs-float-menu__button--active{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.045)}.cs-float-menu__button--active .cs-float-menu__icon{background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.28),transparent 38%),linear-gradient(135deg,rgba(var(--color-primary-rgb),.22),rgba(var(--color-primary-rgb),.08));color:var(--color-primary);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.18),0 8px 18px rgba(var(--color-primary-rgb),.16);transform:translateY(-2px)}.cs-float-menu__button--active .cs-float-menu__label{color:var(--color-primary);font-weight:900}.cs-float-menu__button--active:after{content:"";position:absolute;left:50%;bottom:0;width:18px;height:4px;border-radius:999px;transform:translate(-50%);background:linear-gradient(90deg,rgba(var(--color-primary-rgb),.25),var(--color-primary),rgba(var(--color-primary-rgb),.25));box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.08),0 6px 14px rgba(var(--color-primary-rgb),.28);opacity:.95}.cs-float-menu__button--create .cs-float-menu__icon,.cs-float-menu__icon--create{color:#fff;background:var(--color-primary);box-shadow:0 10px 22px color-mix(in srgb,var(--color-primary) 28%,transparent)}.cs-float-menu__button--save{color:var(--status-success)}.cs-float-menu__button--save .cs-float-menu__icon{background:color-mix(in srgb,var(--status-success) 14%,transparent);color:var(--status-success)}.cs-float-menu__button--live{color:#f97316}.cs-float-menu__button--live{padding-inline:10px}.cs-float-menu__button--live .cs-float-menu__icon{width:34px;height:32px;border-radius:14px;background:#f9731624;color:#f97316;box-shadow:inset 0 0 0 1px #f9731629,0 8px 18px #f9731624}.cs-float-menu__button:active{transform:scale(.92);opacity:.82}@media (hover: hover){.cs-float-menu__button:hover{background:color-mix(in srgb,var(--bg-tertiary) 72%,transparent);color:var(--text-primary)}.cs-float-menu__button:hover .cs-float-menu__icon{transform:translateY(-1px)}.cs-float-menu__button--create:hover .cs-float-menu__icon{transform:translateY(-2px) scale(1.04)}}@keyframes csFloatDockIn{0%{opacity:0;transform:translate(-50%) translateY(18px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@media (max-width: 420px){.cs-float-menu{width:calc(100vw - 20px);gap:3px;padding:7px;border-radius:24px}.cs-float-menu__button{min-width:0;flex:1;height:54px;padding-inline:4px}.cs-float-menu__icon{width:32px;height:30px;border-radius:13px}.cs-float-menu__label{font-size:.61rem}}@media print{.cs-float-menu{display:none!important}}@media (hover: hover){.cs-float-menu__button--active:hover .cs-float-menu__icon{transform:translateY(-1px) scale(1.03);box-shadow:inset 0 0 0 1px rgba(var(--color-primary-rgb),.22),0 10px 22px rgba(var(--color-primary-rgb),.2)}}.quiz-results-page{max-width:1080px}.quiz-results-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:24px}.quiz-results-kicker{display:inline-flex;align-items:center;gap:7px;margin-bottom:10px;color:var(--brand-primary);font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.quiz-results-header h1{margin:0 0 8px;color:var(--text-main);font-size:clamp(1.8rem,4vw,2.55rem);font-weight:900;letter-spacing:-.05em}.quiz-results-header p{margin:0;color:var(--text-secondary);line-height:1.55}.quiz-results-actions{display:flex;gap:10px;flex-shrink:0}.btn-clear-results,.btn-delete-selected-result{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid rgba(239,68,68,.22);color:#ef4444;background:#ef444414;font-weight:800;cursor:pointer;transition:transform .16s ease,background .16s ease}.btn-clear-results:hover,.btn-delete-selected-result:hover{transform:translateY(-1px);background:#ef444424}.quiz-results-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}.quiz-stat-card{padding:16px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-secondary) 94%,var(--brand-primary) 6%),var(--bg-secondary));border:1px solid var(--border-color)}.quiz-stat-card span{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.quiz-stat-card strong{color:var(--text-main);font-size:1.5rem;font-weight:950}.quiz-results-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:18px;align-items:start}.quiz-results-list{display:flex;flex-direction:column;gap:8px;max-height:680px;overflow-y:auto;padding-right:4px}.quiz-result-history-item{width:100%;padding:12px;display:flex;align-items:center;gap:12px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-main);text-align:left;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.quiz-result-history-item:hover,.quiz-result-history-item.active{transform:translateY(-1px);border-color:color-mix(in srgb,var(--brand-primary) 40%,var(--border-color));background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-secondary))}.history-score{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;font-size:.95rem;font-weight:950}.history-score.excellent{color:#14532d;background:linear-gradient(135deg,#86efac,#22c55e)}.history-score.good{color:#422006;background:linear-gradient(135deg,#fde047,#f59e0b)}.history-score.medium{color:#431407;background:linear-gradient(135deg,#fdba74,#f97316)}.history-score.low{color:#450a0a;background:linear-gradient(135deg,#fca5a5,#ef4444)}.history-info{min-width:0;display:flex;flex-direction:column;gap:4px}.history-info strong{color:var(--text-main);font-size:.95rem}.history-info small{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:.78rem}.quiz-result-detail{padding:18px;border-radius:22px;border:1px solid var(--border-color);background:var(--bg-secondary)}.quiz-result-detail-hero{padding:18px;display:flex;align-items:center;gap:14px;border-radius:20px;margin-bottom:16px}.quiz-result-detail-hero.excellent{background:#4ade801a}.quiz-result-detail-hero.good{background:#facc151a}.quiz-result-detail-hero.medium{background:#fb923c1a}.quiz-result-detail-hero.low{background:#f871711a}.detail-grade-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;background:var(--bg-primary);color:var(--brand-primary)}.quiz-result-detail-hero span{color:var(--text-muted);font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.quiz-result-detail-hero h2{margin:4px 0 2px;color:var(--text-main);font-size:1.7rem;font-weight:950;letter-spacing:-.05em}.quiz-result-detail-hero p{margin:0;color:var(--text-secondary)}.quiz-result-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:22px}.quiz-result-detail-grid div{padding:13px;border-radius:16px;border:1px solid var(--border-color);background:var(--bg-primary)}.quiz-result-detail-grid span{display:block;color:var(--text-muted);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px}.quiz-result-detail-grid strong{color:var(--text-main);font-size:.92rem}.quiz-result-review-section h3{margin:0 0 12px;color:var(--text-main);font-size:1.05rem}.quiz-result-review-list{display:flex;flex-direction:column;gap:10px}.quiz-result-review-card{padding:14px;border-radius:16px;border:1px solid var(--border-color);border-left:4px solid #f87171;background:var(--bg-primary)}.quiz-perfect-box{padding:18px;display:flex;align-items:center;gap:10px;border-radius:18px;color:#22c55e;background:#4ade801a;border:1px solid rgba(74,222,128,.2);font-weight:800}.btn-delete-selected-result{margin-top:18px}.quiz-results-empty{min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-secondary)}.quiz-results-empty svg{color:var(--brand-primary);margin-bottom:18px}.quiz-results-empty h1{margin:0 0 8px;color:var(--text-main)}.quiz-results-empty p{max-width:420px;margin:0 0 22px}@media (max-width: 850px){.quiz-results-header{flex-direction:column}.quiz-results-actions{width:100%}.quiz-results-actions .btn-base,.btn-clear-results{flex:1}.quiz-results-stats{grid-template-columns:repeat(2,1fr)}.quiz-results-layout{grid-template-columns:1fr}.quiz-results-list{max-height:none;overflow:visible}}@media (max-width: 520px){.quiz-results-stats,.quiz-result-detail-grid{grid-template-columns:1fr}.quiz-result-detail-hero{align-items:flex-start}}:root{--feedback-top-gap: 14px}.global-feedback-wrapper{position:fixed;top:calc(var(--app-safe-top) + var(--feedback-top-gap));left:0;right:0;display:flex;justify-content:center;z-index:999999;pointer-events:none;padding:0 16px;transform:translateY(-150%) scale(.9);opacity:0;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.global-feedback-wrapper.show{transform:translateY(0) scale(1);opacity:1}.feedback-pill{pointer-events:auto;display:flex;align-items:center;gap:12px;padding:8px 12px 8px 8px;border-radius:24px;max-width:450px;width:auto;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.2px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 25px -5px #0000004d,0 0 0 1px #ffffff1a}@supports ((height: -moz-max-content) or (height: max-content)){.feedback-pill{align-items:flex-start}}.feedback-content{flex:1;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word;padding:4px 0}.feedback-icon-circle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background-color:#fff3}.feedback-close-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#fff9;cursor:pointer;padding:4px;margin-left:4px;border-radius:50%;transition:all .2s ease}.feedback-close-btn:hover{color:#fff;background-color:#ffffff1a}.type-error{background-color:#dc2626d9}.type-success{background-color:#16a34ad9}.type-warning{background-color:#ea580cd9}.global-feedback-wrapper .type-info{background-color:#2563ebd9}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-cyrillic-400-normal-CjW2EstV.woff2) format("woff2"),url(/assets/playfair-display-cyrillic-400-normal-ZiRag6zj.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-vietnamese-400-normal-BV2APVTb.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-400-normal-BbvUAu4N.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-ext-400-normal-BxlSGspa.woff2) format("woff2"),url(/assets/playfair-display-latin-ext-400-normal-qdZwdvNS.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/playfair-display-latin-400-normal-CFtfchNt.woff2) format("woff2"),url(/assets/playfair-display-latin-400-normal-DHYHbkg3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-cyrillic-700-normal-Dw3uKy19.woff2) format("woff2"),url(/assets/playfair-display-cyrillic-700-normal-Dk1mTcxf.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-vietnamese-700-normal-CaKJSIny.woff2) format("woff2"),url(/assets/playfair-display-vietnamese-700-normal-Cr1rw0mr.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-ext-700-normal-C58ejOkc.woff2) format("woff2"),url(/assets/playfair-display-latin-ext-700-normal-D5HUU8GT.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/playfair-display-latin-700-normal-CuDiGg7c.woff2) format("woff2"),url(/assets/playfair-display-latin-700-normal-Bc_1Q1cG.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-cyrillic-ext-400-normal-txZ9Fk_1.woff2) format("woff2"),url(/assets/fira-code-cyrillic-ext-400-normal-Buh61xzB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-cyrillic-400-normal-UC0NFL4U.woff2) format("woff2"),url(/assets/fira-code-cyrillic-400-normal-dc1q3VD7.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-greek-ext-400-normal-DR7mBgIM.woff2) format("woff2"),url(/assets/fira-code-greek-ext-400-normal-DSPUheWg.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-greek-400-normal-B2Gh_Y8s.woff2) format("woff2"),url(/assets/fira-code-greek-400-normal-DobhaxvF.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/fira-code-symbols2-400-normal-_QEZCEwe.woff) format("woff");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-latin-ext-400-normal-KSMg0QLl.woff2) format("woff2"),url(/assets/fira-code-latin-ext-400-normal-DG73JjOf.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fira-code-latin-400-normal-DGosTW8U.woff2) format("woff2"),url(/assets/fira-code-latin-400-normal-C-QZfXAs.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-code-cyrillic-ext-500-normal-CYRspHgm.woff2) format("woff2"),url(/assets/fira-code-cyrillic-ext-500-normal-CwtLmSFD.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-code-cyrillic-500-normal-CX35h3Mg.woff2) format("woff2"),url(/assets/fira-code-cyrillic-500-normal-Bu7VCL72.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-code-greek-ext-500-normal-BO3iq16n.woff2) format("woff2"),url(/assets/fira-code-greek-ext-500-normal-CMiNLXER.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-code-greek-500-normal-CVO0IRNt.woff2) format("woff2"),url(/assets/fira-code-greek-500-normal-DEXIWiey.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:500;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/fira-code-symbols2-500-normal-DwsgbIjQ.woff) format("woff");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-code-latin-ext-500-normal-Crd9e_oI.woff2) format("woff2"),url(/assets/fira-code-latin-ext-500-normal-CaANqXjI.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fira-code-latin-500-normal-B6gioGu8.woff2) format("woff2"),url(/assets/fira-code-latin-500-normal-aMLC2AMm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-code-cyrillic-ext-600-normal-B9wE0zmr.woff2) format("woff2"),url(/assets/fira-code-cyrillic-ext-600-normal-DldcyWhZ.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-code-cyrillic-600-normal-CPRdbepc.woff2) format("woff2"),url(/assets/fira-code-cyrillic-600-normal-BD56RyRT.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-code-greek-ext-600-normal-DtBpFRLc.woff2) format("woff2"),url(/assets/fira-code-greek-ext-600-normal-C-cQDoOk.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-code-greek-600-normal-Dxp52_By.woff2) format("woff2"),url(/assets/fira-code-greek-600-normal-D_h3X2X5.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:600;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/fira-code-symbols2-600-normal-Dvq6IQE5.woff) format("woff");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-code-latin-ext-600-normal-Cb7jxoAi.woff2) format("woff2"),url(/assets/fira-code-latin-ext-600-normal-0PFQL1eg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fira-code-latin-600-normal-CvYZpPHg.woff2) format("woff2"),url(/assets/fira-code-latin-600-normal-BmSSHshu.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-code-cyrillic-ext-700-normal-DoLWcase.woff2) format("woff2"),url(/assets/fira-code-cyrillic-ext-700-normal-CEq74Wgj.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-code-cyrillic-700-normal-BzkQsJe8.woff2) format("woff2"),url(/assets/fira-code-cyrillic-700-normal-DkT5a-Ry.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-code-greek-ext-700-normal-DcoM8WV0.woff2) format("woff2"),url(/assets/fira-code-greek-ext-700-normal-BcbEreju.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-code-greek-700-normal-Dxn_KKZg.woff2) format("woff2"),url(/assets/fira-code-greek-700-normal-ts8qC0PK.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:700;src:url(data:font/woff2;base64,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) format("woff2"),url(/assets/fira-code-symbols2-700-normal-Dxk4DK3p.woff) format("woff");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-code-latin-ext-700-normal-HGNx6xyT.woff2) format("woff2"),url(/assets/fira-code-latin-ext-700-normal-kCHYeqKo.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fira Code;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fira-code-latin-700-normal-aa0XcSUK.woff2) format("woff2"),url(/assets/fira-code-latin-700-normal-CbIf1Tvd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--app-safe-top: env(safe-area-inset-top, 0px);--app-safe-right: env(safe-area-inset-right, 0px);--app-safe-left: env(safe-area-inset-left, 0px);--app-safe-bottom: env(safe-area-inset-bottom, 0px);--header-height: 58px;--header-action-size: 38px;--header-avatar-size: 38px;--header-base-top-padding: 4px;--header-extra-top-gap: 0px;--font-sans: "Inter Variable", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Playfair Display", Georgia, serif;--font-mono: "Fira Code", "Courier New", Courier, monospace;color-scheme:light dark;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-blue-950: #172554;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #fbbf24;--color-yellow-500: #f59e0b;--color-yellow-600: #eab308;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-yellow-950: #422006;--color-cyan-50: #f0f9ff;--color-cyan-100: #e0f8ff;--color-cyan-200: #cffafe;--color-cyan-300: #a5f3fc;--color-cyan-400: #67e8f9;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-cyan-950: #083344;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-primary: var(--color-blue-600);--color-surface: #ffffff;--color-white: #ffffff;--color-black: #000000;--color-border: #e0e0e0;--bg-primary: var(--color-gray-50);--bg-secondary: var(--color-surface);--bg-tertiary: var(--color-gray-200);--bg-input: var(--color-surface);--text-primary: var(--color-gray-950);--text-secondary: var(--color-gray-600);--text-muted: var(--color-gray-400);--text-placeholder: var(--color-gray-400);--brand-primary: var(--color-primary);--brand-primary-dark: var(--color-blue-700);--brand-primary-active: var(--color-blue-800);--brand-secondary: var(--color-cyan-500);--brand-secondary-dark: var(--color-cyan-600);--status-success: var(--color-green-600);--status-danger: var(--color-red-600);--status-warning: var(--color-yellow-400);--status-info: var(--color-blue-500);--border-primary: var(--color-gray-100);--border-input: var(--color-gray-200);--border-primary-hover: var(--color-gray-200);--border-input-hover: var(--color-gray-300);--shadow-primary: rgba(0, 0, 0, .08);--color-chord: var(--color-blue-500);--scrollbar-thumb: var(--color-gray-600);--scrollbar-track: var(--bg-primary);--chord-maj: var(--color-blue-500);--chord-min: var(--color-purple-500);--chord-dim: var(--color-red-400);--chord-tonic-text: var(--color-white);--chord-tonic-numeral: var(--color-yellow-400);--chord-inactive: var(--color-gray-400);--compass-glow-maj: transparent;--compass-glow-min: transparent;--compass-glow-dim: transparent;--live-mode-bg: var(--color-gray-950);--live-mode-text: var(--color-gray-100);--live-mode-chords: var(--color-yellow-300);--live-mode-controls-bg: rgba(245, 245, 245, .5);--live-mode-controls-border: rgba(255, 255, 255, .15);--transition-speed: .2s;--transition-timing: ease-in-out;--border-radius-base: 8px;--border-radius-sm: 4px;--border-radius-lg: 15px;--border-radius-xl: 20px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--button-nav-bg: var(--color-blue-600);--button-nav-text: var(--color-surface);--button-nav-hover-bg: var(--color-blue-700);--button-nav-disabled-bg: var(--color-gray-300);--button-nav-disabled-text: var(--color-gray-500);--button-bg: var(--color-primary);--button-text: var(--color-white);--primary-bg-color: var(--color-blue-500);--primary-text-color: var(--color-gray-200);--primary-bg-color-hover: var(--color-blue-600);--primary-text-color-hover: var(--color-gray-100);--primary-button-bg: var(--color-primary);--primary-button-text: var(--color-white);--secondary-button-bg: var(--color-gray-300);--secondary-button-text: var(--color-gray-800);--editor-border: var(--color-gray-300);--editor-bg: var(--color-white);--editor-toolbar-bg: var(--color-gray-100);--editor-text: #000;--editor-icons: var(--color-gray-500);--modal-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--modal-menu-bg: #ffffff;--modal-menu-border: #e2e8f0;--modal-menu-text: #1a202c;--modal-menu-input-bg: #f9fafb;--modal-menu-input-border: #d1d5db;--modal-menu-hover: #e0e7ff;--modal-menu-placeholder: #6b7280;--button-bg: #4f46e5;--button-hover: #4338ca;--scrollbar-thumb: #6366f1;--scrollbar-track: #f3f4f6;--max-width-container: 1440px;--container-padding: var(--spacing-sm);--grad-dashboard: linear-gradient(135deg, var(--color-white) 0%, var(--color-gray-50) 100%);--grad-active: linear-gradient(135deg, var(--color-green-500) 0%, var(--color-green-600) 100%);--card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .1);--bg-card: var(--bg-secondary);--color-primary-rgb: 37, 99, 235;--brand-primary-rgb: 37, 99, 235;--brand-secondary-rgb: 6, 182, 212;--status-success-rgb: 22, 163, 74;--status-danger-rgb: 220, 38, 38;--status-warning-rgb: 251, 191, 36;--status-info-rgb: 59, 130, 246;--text-primary-rgb: 3, 7, 18;--text-secondary-rgb: 75, 85, 99;--bg-primary-rgb: 249, 250, 251;--bg-secondary-rgb: 255, 255, 255;--bg-tertiary-rgb: 229, 231, 235;--border-primary-rgb: 243, 244, 246;--border-input-rgb: 229, 231, 235;--native-statusbar-color: #111827;--pwa-statusbar-color: #111827;--app-header-statusbar-solid: #111827;--app-header-surface: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 96%, var(--brand-primary) 4%), var(--bg-secondary))}html.dark,:root[data-theme=dark]{color-scheme:dark;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--color-gray-950: #030712;--color-red-50: #fef2f2;--color-red-100: #fee2e2;--color-red-200: #fecaca;--color-red-300: #fca5a5;--color-red-400: #f87171;--color-red-500: #ef4444;--color-red-600: #dc2626;--color-red-700: #b91c1c;--color-red-800: #991b1b;--color-red-900: #7f1d1d;--color-red-950: #450a0a;--color-blue-50: #eff6ff;--color-blue-100: #dbeafe;--color-blue-200: #bfdbfe;--color-blue-300: #93c5fd;--color-blue-400: #60a5fa;--color-blue-500: #3b82f6;--color-blue-600: #2563eb;--color-blue-700: #1d4ed8;--color-blue-800: #1e40af;--color-blue-900: #1e3a8a;--color-blue-950: #172554;--color-green-50: #f0fdf4;--color-green-100: #dcfce7;--color-green-200: #bbf7d0;--color-green-300: #86efac;--color-green-400: #4ade80;--color-green-500: #22c55e;--color-green-600: #16a34a;--color-green-700: #15803d;--color-green-800: #166534;--color-green-900: #14532d;--color-green-950: #052e16;--color-yellow-50: #fefce8;--color-yellow-100: #fef9c3;--color-yellow-200: #fef08a;--color-yellow-300: #fde047;--color-yellow-400: #fbbf24;--color-yellow-500: #f59e0b;--color-yellow-600: #eab308;--color-yellow-700: #a16207;--color-yellow-800: #854d0e;--color-yellow-900: #713f12;--color-yellow-950: #422006;--color-cyan-50: #f0f9ff;--color-cyan-100: #e0f8ff;--color-cyan-200: #cffafe;--color-cyan-300: #a5f3fc;--color-cyan-400: #67e8f9;--color-cyan-500: #06b6d4;--color-cyan-600: #0891b2;--color-cyan-700: #0e7490;--color-cyan-800: #155e75;--color-cyan-900: #164e63;--color-cyan-950: #083344;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--color-purple-950: #3b0764;--color-primary: var(--color-blue-400);--color-surface: var(--color-gray-900);--color-white: #ffffff;--color-black: #000000;--color-border: #444444;--bg-primary: var(--color-gray-950);--bg-secondary: var(--color-surface);--bg-tertiary: var(--color-gray-800);--bg-input: var(--color-surface);--text-primary: var(--color-gray-50);--text-secondary: var(--color-gray-300);--text-muted: var(--color-gray-500);--text-placeholder: var(--color-gray-500);--brand-primary: var(--color-primary);--brand-primary-dark: var(--color-blue-500);--brand-primary-active: var(--color-blue-600);--brand-secondary: var(--color-cyan-400);--brand-secondary-dark: var(--color-cyan-500);--status-success: var(--color-green-400);--status-danger: var(--color-red-500);--status-warning: var(--color-yellow-400);--status-info: var(--color-blue-400);--border-primary: var(--color-gray-800);--border-input: var(--color-gray-600);--border-primary-hover: var(--color-gray-900);--border-input-hover: var(--color-gray-700);--shadow-primary: rgba(0, 0, 0, .4);--color-chord: var(--color-blue-400);--scrollbar-thumb: var(--color-gray-500);--scrollbar-track: var(--bg-primary);--chord-maj: var(--color-blue-400);--chord-min: var(--color-purple-400);--chord-dim: var(--color-red-400);--chord-tonic-text: var(--color-white);--chord-tonic-numeral: var(--color-yellow-300);--chord-inactive: var(--color-gray-600);--live-mode-bg: var(--color-gray-950);--live-mode-text: var(--color-gray-50);--live-mode-chords: var(--color-yellow-300);--live-mode-controls-bg: rgba(0, 0, 0, .75);--live-mode-controls-border: rgba(255, 255, 255, .1);--button-nav-bg: var(--color-blue-400);--button-nav-text: var(--color-gray-900);--button-nav-hover-bg: var(--color-blue-500);--button-nav-disabled-bg: var(--color-gray-800);--button-nav-disabled-text: var(--color-gray-500);--button-bg: var(--color-primary);--button-text: var(--color-white);--primary-bg-color: var(--color-blue-500);--primary-text-color: var(--color-gray-200);--primary-bg-color-hover: var(--color-blue-600);--primary-text-color-hover: var(--color-gray-100);--primary-button-bg: var(--color-primary);--primary-button-text: var(--color-white);--secondary-button-bg: var(--bg-tertiary);--secondary-button-text: var(--color-gray-100);--editor-border: var(--color-gray-700);--editor-bg: var(--color-gray-900);--editor-toolbar-bg: var(--color-gray-800);--editor-text: var(--color-gray-50);--editor-icons: var(--color-gray-400);--modal-menu-bg: #374151;--modal-menu-border: #4b5563;--modal-menu-text: #f9fafb;--modal-menu-input-bg: #1f2937;--modal-menu-input-border: #4b5563;--modal-menu-hover: #4f46e5;--modal-menu-placeholder: #9ca3af;--scrollbar-thumb: #818cf8;--scrollbar-track: #1f2937;--grad-dashboard: linear-gradient(135deg, var(--color-gray-900) 0%, var(--color-gray-950) 100%);--grad-active: linear-gradient(135deg, var(--color-green-600) 0%, var(--color-green-700) 100%);--card-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, .4);--bg-card: var(--bg-secondary);--color-primary-rgb: 96, 165, 250;--brand-primary-rgb: 96, 165, 250;--brand-secondary-rgb: 103, 232, 249;--status-success-rgb: 74, 222, 128;--status-danger-rgb: 239, 68, 68;--status-warning-rgb: 251, 191, 36;--status-info-rgb: 96, 165, 250;--text-primary-rgb: 249, 250, 251;--text-secondary-rgb: 209, 213, 219;--bg-primary-rgb: 3, 7, 18;--bg-secondary-rgb: 17, 24, 39;--bg-tertiary-rgb: 31, 41, 55;--border-primary-rgb: 31, 41, 55;--border-input-rgb: 75, 85, 99;--app-header-surface: linear-gradient(180deg, color-mix(in srgb, var(--bg-secondary) 96%, var(--brand-primary) 4%), var(--bg-secondary))}@media (min-width: 1024px){:root{--container-padding: var(--spacing-md)}}.container{width:100%;max-width:var(--max-width-container);margin:0 auto}.g-1{gap:1px}.g-2{gap:2px}.g-3{gap:3px}.g-4{gap:4px}.g-5{gap:5px}.g-6{gap:6px}.g-7{gap:7px}.g-8{gap:8px}.g-9{gap:9px}.g-10{gap:10px}.full-width,.f-w{width:100%}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.btn-primary{color:var(--primary-text-color);background-color:var(--primary-bg-color)}.btn-primary:hover{color:var(--primary-text-color-hover);background-color:var(--primary-bg-color-hover)}.bg-primary{color:var(--color-white);background-color:var(--bg-primary)}.bg-primary:hover{color:var(--color-white);background-color:var(--bg-secondary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-input{background-color:var(--bg-input)}.bg-brand-primary{background-color:var(--brand-primary)}.bg-brand-secondary{background-color:var(--brand-secondary)}.bg-status-success{background-color:var(--status-success)}.bg-status-danger{background-color:var(--status-danger)}.bg-status-warning{background-color:var(--status-warning)}.bg-status-info{background-color:var(--status-info)}.bg-live-mode{background-color:var(--live-mode-bg)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-placeholder{color:var(--text-placeholder)}.text-brand-primary{color:var(--brand-primary)}.text-brand-secondary{color:var(--brand-secondary)}.text-status-success{color:var(--status-success)}.text-status-danger{color:var(--status-danger)}.text-status-warning{color:var(--status-warning)}.text-status-info{color:var(--status-info)}.text-chord{color:var(--color-chord)}.text-live-mode{color:var(--live-mode-text)}.text-live-mode-chords{color:var(--live-mode-chords)}.border-primary{border-color:var(--border-primary)}.border-input{border-color:var(--border-input)}.shadow-primary{box-shadow:0 4px 6px var(--shadow-primary)}.hover\:bg-brand-primary-dark:hover{background-color:var(--brand-primary-dark)}.hover\:bg-brand-secondary-dark:hover{background-color:var(--brand-secondary-dark)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-950{background-color:var(--color-gray-950)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-950{color:var(--color-gray-950)}.border-gray-50{border-color:var(--color-gray-50)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-950{border-color:var(--color-gray-950)}html,body{margin:0;padding:0;min-height:100%;box-sizing:border-box;font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);transition:background var(--transition-speed) var(--transition-timing),color var(--transition-speed) var(--transition-timing)}body,#root{min-height:100vh}.section-header-home{display:flex;justify-content:space-between;align-items:center;margin-top:calc(var(--spacing-md) * 1.5);margin-bottom:var(--spacing-md);padding:0 4px}.section-label{font-family:var(--font-sans);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:var(--text-secondary);display:flex;align-items:center;gap:10px;transition:color var(--transition-speed) var(--transition-timing)}.section-label:before{content:"";display:inline-block;width:4px;height:16px;background:linear-gradient(to bottom,var(--status-success),#4ade80);border-radius:4px;box-shadow:0 0 8px #22c55e80}.count-badge{font-family:var(--font-sans);font-size:.75rem;font-weight:700;color:var(--text-muted);background:#6b72800f;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(148,163,184,.12);padding:4px 12px;border-radius:20px;letter-spacing:.3px;transition:all var(--transition-speed) var(--transition-timing)}html.dark .count-badge,:root[data-theme=dark] .count-badge{background:#ffffff08;border-color:#ffffff0f;color:var(--color-gray-400)}a{text-decoration:none}.btn-see-all{background:transparent;border:none;color:var(--brand-primary);font-family:var(--font-sans);font-size:.85rem;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:12px;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1)}.btn-see-all:hover{background:#22c55e14;transform:translate(3px);color:var(--brand-primary-dark)}html.dark .btn-see-all:hover{background:#38bdf814}.homepage-search-wrapper{width:100%;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.home-search-input{box-sizing:border-box}.search-playlist-input,.home-search-input,.search-input{width:100%;height:48px;padding:0 16px 0 42px;border-radius:12px;border:1px solid var(--border-primary);background:var(--bg-tertiary);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.homepage-buttons-grid{display:flex;align-items:center;gap:10px;width:100%;margin-top:var(--spacing-md);margin-bottom:var(--spacing-xs)}.btn-primary.btn-new-song,.btn-secondary.btn-toggle-source,.btn-setlists{height:44px;padding:0 var(--spacing-md);border-radius:var(--border-radius-lg);font-family:var(--font-sans);font-weight:600;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;border:1px solid transparent;transition:all var(--transition-speed) var(--transition-timing)}.btn-primary.btn-new-song{background:var(--status-success);color:#fff;flex:1}.btn-primary.btn-new-song:hover{filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary.btn-toggle-source{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-input);flex:1}.btn-secondary.btn-toggle-source.is-public{border-color:#3b82f64d;background:#3b82f60f;color:var(--color-blue-500)}html.dark .btn-secondary.btn-toggle-source.is-public{color:var(--color-blue-400);background:#60a5fa14;border-color:#60a5fa33}.btn-setlists{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-input);flex:1}.btn-secondary.btn-toggle-source:hover,.btn-setlists:hover{background:var(--bg-tertiary);border-color:var(--border-input-hover)}.action-group-compact{display:flex;gap:6px;align-items:center}.btn-icon-only{width:44px;height:44px;border-radius:var(--border-radius-lg);background:var(--bg-secondary);border:1px solid var(--border-input);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-speed) var(--transition-timing)}.btn-icon-only.active,.btn-icon-only:hover{color:var(--status-success);border-color:#22c55e4d;background:#22c55e0a}.homepage-container .home-divider{height:1px;border:0;background:var(--border-primary);margin:var(--spacing-lg) 0;opacity:.6}.btn-load-more,.btn-rounded{display:flex;align-items:center;justify-content:center;gap:10px;background-color:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-input);padding:12px 32px;margin:auto;border-radius:50px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s var(--transition-timing);width:100%;max-width:320px;box-shadow:0 2px 4px var(--shadow-primary)}.btn-load-more:hover,.btn-rounded:hover{background-color:var(--brand-primary);color:var(--color-white);border-color:var(--brand-primary);transform:translateY(-2px)}.btn-secondary{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary)}.btn-tertiary{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary)}.chip-actions-strip{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;margin-bottom:16px}.chip-actions-main{min-width:0;display:flex;align-items:center;gap:8px;padding-top:2px;overflow-x:auto;scrollbar-width:none}.chip-actions-main::-webkit-scrollbar{display:none}.chip-actions-icons{display:flex;align-items:center;gap:8px;flex-shrink:0}.chip-action{height:38px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:999px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);font-size:.82rem;font-weight:850;white-space:nowrap;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.chip-action:hover{transform:translateY(-1px);color:var(--text-primary);border-color:color-mix(in srgb,var(--brand-primary) 32%,transparent);background:color-mix(in srgb,var(--brand-primary) 7%,var(--bg-secondary))}.chip-action:active{transform:scale(.97)}.chip-action.is-active{color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 28%,transparent);background:color-mix(in srgb,var(--brand-primary) 9%,var(--bg-secondary))}.chip-action-primary{color:#fff;border-color:transparent;background:var(--brand-primary);box-shadow:0 8px 18px rgba(var(--brand-primary-rgb),.18)}.chip-action-primary:hover{color:#fff;border-color:transparent;background:var(--brand-primary-dark)}.chip-action-success{color:#fff;border-color:transparent;background:var(--status-success);box-shadow:0 8px 18px rgba(var(--status-success-rgb),.18)}.chip-action-warning{color:#111827;border-color:transparent;background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 8px 18px #f59e0b33}.chip-icon-action{width:38px;height:38px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--border-input);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease,color .16s ease}.chip-icon-action:hover,.chip-icon-action.active{transform:translateY(-1px);color:var(--brand-primary);border-color:color-mix(in srgb,var(--brand-primary) 30%,transparent);background:color-mix(in srgb,var(--brand-primary) 8%,var(--bg-secondary))}.chip-icon-action:disabled,.chip-action:disabled{opacity:.55;cursor:not-allowed;transform:none}@media (max-width: 640px){.chip-actions-strip{align-items:flex-start;gap:10px}.chip-actions-main{flex:1}.chip-desktop-only{display:none}.chip-action{height:36px;padding:0 11px;font-size:.78rem}.chip-icon-action{width:36px;height:36px;border-radius:13px}}