:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.roboto-slab-main{font-family:Roboto Slab,serif;font-optical-sizing:auto;font-weight:400;font-style:normal}[data-theme=dark]{color-scheme:dark;--bg-primary: #242424;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--bg-hover: rgba(255, 255, 255, .05);--bg-active: rgba(255, 255, 255, .1);--text-primary: rgba(255, 255, 255, .87);--text-secondary: rgba(255, 255, 255, .6);--text-muted: rgba(255, 255, 255, .4);--border-color: #555;--border-light: rgba(255, 255, 255, .1);--link-color: #646cff;--link-hover: #535bf2;--button-bg: #1a1a1a;--button-border: transparent;--input-bg: rgba(255, 255, 255, .1);--navbar-bg: #242424;--content-bg: #1a1a1a;--sidebar-bg: #242424;color:var(--text-primary);background-color:var(--bg-primary)}[data-theme=light]{color-scheme:light;--bg-primary: #ffffff;--bg-secondary: #f0f2f5;--bg-tertiary: #e4e6eb;--bg-hover: rgba(0, 0, 0, .05);--bg-active: rgba(100, 108, 255, .12);--text-primary: #212529;--text-secondary: #495057;--text-muted: #6c757d;--border-color: #d1d5db;--border-light: #e5e7eb;--link-color: #0066cc;--link-hover: #0052a3;--button-bg: #f0f2f5;--button-border: #d1d5db;--input-bg: rgba(0, 0, 0, .03);--navbar-bg: #f8f9fa;--content-bg: #ffffff;--sidebar-bg: #f0f2f5;color:var(--text-primary);background-color:var(--bg-primary)}a{font-weight:500;color:var(--link-color);text-decoration:inherit}a:hover{color:var(--link-hover)}html{height:100%}body{font-family:sans-serif;margin:0;display:flex;flex-direction:column;min-height:100%;overflow-y:auto;background-color:var(--bg-primary);color:var(--text-primary)}body:has(#app-content[style*=flex]){height:100%;overflow:hidden}body.authenticated-layout{height:100%;overflow:hidden}.navbar-custom{background-color:var(--navbar-bg);border-bottom:1px solid var(--border-color)}#app-layout{display:flex;width:100%;height:100%;flex:1;overflow:visible}body.authenticated-layout #app-layout,body:has(#app-content[style*=flex]) #app-layout{overflow:hidden}#sidebar{width:280px;min-width:200px;max-width:280px;padding:20px 16px;background-color:var(--sidebar-bg);border-right:1px solid var(--border-color);box-sizing:border-box;display:flex;flex-direction:column;overflow-x:hidden;color:var(--text-primary)}#sidebar h2{margin-top:0;font-size:1.2em;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:10px}#article-list{flex-grow:1;max-height:calc(100vh - 200px);overflow-y:auto;overflow-x:hidden;width:100%}#article-list.list-group-flush .list-group-item{background:transparent;border:none;border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:.75rem 0}#article-list.list-group-flush .list-group-item:hover{background:var(--bg-hover);border-radius:10px;color:var(--text-primary)}#article-list.list-group-flush .list-group-item.active{background:var(--bg-active);border:none;border-radius:10px;color:var(--text-primary)}#article-list .badge.rounded-circle{width:12px;height:12px;padding:0;margin-left:8px;display:inline-block;border:none}#article-list .badge.text-bg-warning{animation:pulse 1.5s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.1}to{opacity:1}}@media (prefers-color-scheme: light){#article-list.list-group-flush .list-group-item{background:transparent;border-bottom:1px solid var(--border-light);color:var(--text-primary)}#article-list.list-group-flush .list-group-item:hover{background:var(--bg-hover);color:var(--text-primary)}#article-list.list-group-flush .list-group-item.active{background-color:var(--bg-active);border:none;border-radius:8px;color:var(--text-primary);padding:.75rem}}#sidebar-loading,#sidebar-error{padding:10px 0;text-align:center;font-style:italic;color:var(--text-secondary)}#main-content-area{flex:1;box-sizing:border-box;min-height:100%;background-color:var(--content-bg);display:flex;flex-direction:column;padding:0;color:var(--text-primary);font-family:Roboto Slab,serif}body.authenticated-layout #main-content-area,body:has(#app-content[style*=flex]) #main-content-area{height:100%;justify-content:space-between;overflow:hidden}@media (max-width: 767px){body.authenticated-layout #main-content-area,body:has(#app-content[style*=flex]) #main-content-area{height:auto;overflow-y:auto;padding-bottom:90px}}h1{font-size:3.2em;line-height:1.1}h2{font-size:1.8em;margin-top:1.5em}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vanilla:hover{filter:drop-shadow(0 0 2em #3178c6aa)}.card{padding:2em}.read-the-docs{color:var(--text-muted)}button{border-radius:8px;border:1px solid var(--button-border);padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--button-bg);color:var(--text-primary);cursor:pointer;transition:border-color .25s,background-color .25s;margin:.5em}button:hover{border-color:var(--link-color);background-color:var(--bg-hover)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:var(--text-primary);background-color:var(--bg-primary)}a:hover{color:var(--link-hover)}button{background-color:var(--button-bg);color:var(--text-primary);border-color:var(--button-border)}button:hover{border-color:var(--link-color);background-color:var(--bg-hover)}.auth-section{background-color:var(--bg-secondary)!important;color:var(--text-primary)}#main-content-area{background-color:var(--bg-primary);color:var(--text-primary);font-family:Roboto Slab,serif}#fileInput{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color)}.login-message{color:var(--text-secondary)}.article-text-pre,.article-text-content,.article-text-content h1,.article-text-content h2,.article-text-content h3,.article-text-content h4,.article-text-content h5,.article-text-content h6{color:var(--text-primary)}#sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border-color);color:var(--text-primary)}#sidebar h2{color:var(--text-primary);border-bottom:1px solid var(--border-color)}#article-list li{border-bottom:1px solid var(--border-light)}#article-list li:hover{background-color:var(--bg-hover)}#article-list .no-articles{color:var(--text-muted)}.navbar-custom{background-color:var(--navbar-bg);border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px #0000000d}#article-content:before{background:var(--link-color)}}.controls-disabled{opacity:.5;pointer-events:none}.controls-enabled{opacity:1;pointer-events:auto}.hidden{display:none}label{margin-bottom:10px;display:block}.auth-section{margin-bottom:2rem;padding:1.5rem;background-color:var(--bg-secondary);color:var(--text-primary);border-radius:8px;text-align:center;width:100%}#app-page-wrapper{display:flex;flex-direction:column;flex-grow:1;height:100%;min-height:0;width:100%}#app{max-width:1280px;margin:0 auto;padding:1rem;text-align:center;display:flex;flex-direction:column;flex-grow:1;min-height:0}#app-content{width:100%;text-align:left;animation:fadeIn .5s ease-in-out;flex-grow:1;display:flex;flex-direction:column;min-height:0}.login-message{text-align:center;margin:3rem 0;color:var(--text-secondary);font-size:1.2rem;animation:pulse 2s infinite}.spinner-border{width:2rem;height:2rem;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;animation:spinner-border-animation .75s linear infinite;color:var(--text-primary)}.spinner-border-sm{width:1.5rem;height:1.5rem;border-width:.2em}@keyframes spinner-border-animation{to{transform:rotate(360deg)}}#loading-spinner{margin:1rem 0;color:var(--text-primary);display:inline-block}#audio-player-container{position:relative;width:100%}#player{width:100%;border-radius:8px}.desktop-audio-loading{position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--bg-primary);opacity:.95;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;border-radius:8px;z-index:10;transition:opacity .3s ease}.audio-loading-content{display:flex;align-items:center;gap:.75rem;color:var(--text-primary);font-size:.9rem}.audio-loading-content .spinner-border-sm{width:1.25rem;height:1.25rem;border-color:var(--text-secondary);border-right-color:transparent}.loading-text{color:var(--text-secondary);font-weight:500}@media (max-width: 767px){.desktop-audio-loading{display:none!important}}#fileInput{background-color:var(--input-bg);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem;border-radius:8px;width:100%;margin:1rem 0;cursor:pointer;transition:opacity .3s ease,cursor .3s ease}#fileInput:disabled{opacity:.6;cursor:not-allowed;background-color:var(--bg-secondary);color:var(--text-muted)}#file-upload{flex-shrink:0}@media (min-width: 768px){#file-upload{width:80%;max-width:800px;margin:0 auto;padding:2rem}}#file-upload,#file-upload p{text-align:center}#file-upload .format-info-notice{text-align:left}#file-upload .format-info-notice p{text-align:left!important}#article-content{flex-grow:1;overflow-y:auto;min-height:0}#article-outputs{flex:0 0 auto;max-width:1280px;margin:0 auto;width:100%}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@media (max-width: 768px){body{padding:0}#app-layout{flex-direction:column}#sidebar{width:100%;height:auto;max-height:40vh;border-right:none;border-bottom:1px solid;border-bottom-color:var(--border-color);background-color:var(--sidebar-bg)}#main-content-area{height:auto;overflow-y:auto;font-family:Roboto Slab,serif}@media (prefers-color-scheme: light){#sidebar{border-bottom-color:var(--border-color)}}}.article-text-content{white-space:pre-line;word-wrap:break-word;color:var(--text-primary);line-height:1.6;max-width:none;overflow-wrap:break-word}.article-text-content h1,.article-text-content h2,.article-text-content h3,.article-text-content h4,.article-text-content h5,.article-text-content h6{color:var(--text-primary);margin-top:1.5em;margin-bottom:.5em;font-weight:600}.article-text-content h1{font-size:2rem;border-bottom:2px solid var(--border-color);padding-bottom:.5rem}.article-text-content h2{font-size:1.5rem}.article-text-content h3{font-size:1.25rem}.article-text-content p{margin-bottom:1rem;text-align:justify}.article-text-content ul,.article-text-content ol{margin-bottom:1rem;padding-left:1.5rem}.article-text-content li{margin-bottom:.25rem}.article-text-pre{white-space:pre-wrap;word-wrap:break-word;color:var(--text-primary)}#add-article-button{white-space:nowrap;font-size:.875rem!important;padding:6px 12px!important}input,select,textarea{font-size:16px!important}button,.list-group-item{touch-action:manipulation}@media (max-width: 767px){.navbar-custom{padding:.25rem .5rem!important;min-height:auto!important}.navbar-custom .navbar-brand{font-size:1rem!important;padding:.25rem 0!important}.navbar-custom .navbar-nav{gap:.25rem!important}.navbar-custom .nav-link{padding:.25rem .5rem!important;font-size:.875rem!important}.navbar-custom .dropdown-toggle{padding:.25rem .5rem!important}#sidebar{display:none!important}#app{padding:1rem;max-width:100%}#app-content{overflow-y:auto;height:auto;min-height:0;padding-bottom:2rem}#file-upload{padding:1rem .5rem;margin-bottom:1rem}.format-info-notice{margin:1rem 0}.article-text-pre,.article-text-content{font-size:16px;line-height:1.6;padding:0 16px;font-family:Roboto Slab,serif}.article-text-content h1{font-size:1.75rem}.article-text-content h2{font-size:1.5rem}#article-content{position:relative}#article-content:before{content:"";position:fixed;top:0;left:0;height:3px;background:var(--link-color);width:var(--scroll-progress, 0%);transition:width .3s ease;z-index:100}}html{scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.navbar,#sidebar,button{-webkit-user-select:none;user-select:none}.mobile-player-container{position:fixed;bottom:0;left:0;right:0;z-index:1000}.mini-player{background:var(--bg-secondary);border-top:1px solid var(--border-color);padding:12px 16px;display:block;color:var(--text-primary);box-shadow:0 -2px 8px #0000001a}.mini-player-row-1{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.mini-title{font-size:14px;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;margin-right:12px}.mini-controls-row{display:flex;align-items:center;gap:24px;flex-shrink:0}.mini-play-btn{width:40px;height:40px;box-sizing:border-box;padding:0;border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;border-radius:50%;transition:background-color .2s ease;touch-action:manipulation}.mini-play-btn i,.mini-play-btn#mini-pause-button i{display:flex;align-items:center;justify-content:center;line-height:1!important;margin:0!important;padding:0!important}.mini-play-btn:hover{background:var(--bg-hover)}.play-spinner-wrapper{position:relative;width:40px;height:40px;flex-shrink:0;flex-grow:0;display:flex;align-items:center;justify-content:center}.play-spinner-wrapper .mini-play-btn,.play-spinner-wrapper #mini-player-loading-spinner{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;margin:0!important;opacity:0;pointer-events:none;transition:opacity .2s ease}.play-spinner-wrapper #mini-player-loading-spinner{color:var(--text-primary)}.play-spinner-wrapper .mini-play-btn{opacity:1;pointer-events:auto}.mini-skip-btn{width:40px;height:40px;box-sizing:border-box;padding:0;border:none;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:18px;cursor:pointer;border-radius:50%;transition:background-color .2s ease;touch-action:manipulation}.mini-skip-btn:hover{background:var(--bg-hover)}.mini-speed-btn{min-width:40px;height:40px;box-sizing:border-box;padding:0 8px;border:none;background:#ffffff1a;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;cursor:pointer;border-radius:12px;transition:background-color .2s ease;touch-action:manipulation}.mini-speed-btn:hover{background:#fff3}.mini-player-row-2{display:flex;align-items:center;gap:12px}.mini-time-current,.mini-time-total{font-size:11px;color:var(--text-secondary);min-width:30px;text-align:center;font-weight:500}.mini-progress-container{flex:1;position:relative;height:20px;display:flex;align-items:center}.mini-progress-track{position:absolute;top:50%;left:0;right:0;height:3px;background:#80808033;border-radius:2px;transform:translateY(-50%);pointer-events:none}.mini-progress-bar{position:absolute;top:0;left:0;height:100%;background:var(--link-color);border-radius:2px;width:0%;transition:width .1s ease;pointer-events:none}.mini-progress-slider{position:absolute;top:50%;left:0;right:0;height:20px;background:transparent;border:none;outline:none;cursor:pointer;z-index:2;margin:0;padding:0;transform:translateY(-50%);-webkit-appearance:none;-moz-appearance:none;appearance:none}.mini-progress-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--link-color);border-radius:50%;cursor:pointer;border:2px solid white;box-shadow:0 1px 3px #0000004d}.mini-progress-slider::-moz-range-thumb{width:14px;height:14px;background:var(--link-color);border-radius:50%;border:2px solid white;cursor:pointer;box-shadow:0 1px 3px #0000004d}.mini-progress-slider::-moz-range-track{background:transparent;border:none}@media (max-width: 767px){#player{display:none}#main-content-area{padding-bottom:90px;font-family:Roboto Slab,serif}}@media (prefers-color-scheme: light){.mini-player{background:var(--content-bg);color:var(--text-primary);box-shadow:0 -2px 8px #0000000d;border-color:var(--border-color)}.mini-title{color:var(--text-primary)}.mini-time-current,.mini-time-total{color:var(--text-secondary)}.mini-play-btn,.mini-skip-btn{color:var(--text-primary)}.mini-play-btn:hover,.mini-skip-btn:hover{background:var(--bg-hover)}.mini-speed-btn{background:#0000001a;color:var(--text-primary)}.mini-speed-btn:hover{background:#00000026}.mini-progress-track{background:#0000001a}.mini-progress-slider::-webkit-slider-thumb{background:var(--link-color);border:2px solid white;box-shadow:0 1px 4px #0006}.mini-progress-slider::-moz-range-thumb{background:var(--link-color);border:2px solid white;box-shadow:0 1px 4px #0006}}.mobile-menu-btn{display:none;align-items:center;justify-content:center;width:36px!important;height:36px!important;margin:0;background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-primary);font-size:20px;cursor:pointer;border-radius:12px!important;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease;touch-action:manipulation;min-height:36px;box-shadow:0 1px 4px #0003}.mobile-menu-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);box-shadow:0 2px 8px #0000004d}.mobile-menu-btn:active{background:var(--bg-active);transform:scale(.98);box-shadow:0 1px 3px #0006}@media (max-width: 767px){.mobile-player-container{display:block!important}}.drawer-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:1001}.drawer-backdrop.visible{opacity:1;visibility:visible}.article-drawer{position:fixed;bottom:0;left:0;right:0;background:var(--bg-primary);border-radius:16px 16px 0 0;max-height:80vh;transform:translateY(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1002;display:flex;flex-direction:column;color:var(--text-primary)}.article-drawer.open{transform:translateY(0)}.drawer-handle{width:40px;height:4px;background:#ffffff4d;border-radius:2px;margin:12px auto 8px;cursor:grab}.drawer-handle:active{cursor:grabbing}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 8px;border-bottom:1px solid var(--border-light);background-color:var(--bg-secondary)}.drawer-header h3{margin:0;font-size:18px;font-weight:600;color:var(--text-primary)}.btn-add-article{width:40px;height:40px;border:none;background:var(--link-color);color:#fff;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;min-height:44px;touch-action:manipulation;transition:color .2s ease}.btn-add-article:hover{background-color:var(--link-hover)}.drawer-search{padding:16px 20px;border-bottom:1px solid var(--border-light)}.search-input{width:100%;padding:12px 16px;background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:16px}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline:none;border-color:var(--link-color);background:#ffffff26}.drawer-content{flex:1;overflow-y:auto;padding:8px 0}.mobile-article-item{display:flex;align-items:center;padding:16px 20px;cursor:pointer;transition:background-color .2s ease;min-height:52px;border-bottom:1px solid var(--border-light);color:var(--text-primary)}.mobile-article-item:hover{background-color:var(--bg-hover)}.mobile-article-item:last-child{border-bottom:none}.drawer-article-info{flex:1;min-width:0;margin:0;display:flex;align-items:center}.article-title{font-size:15px;font-weight:500;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.article-title:contains("Processing title..."){font-style:italic;opacity:.7}.mobile-article-item .article-title[data-placeholder=true],#article-list span[data-placeholder=true]{font-style:italic;opacity:.7;color:var(--text-secondary)}.article-status{margin-right:14px;flex-shrink:0;display:flex;align-items:center}.article-status i{font-size:16px}.article-status.completed i{color:#28a745}.article-status.pending i{color:#ffc107;animation:pulse 1.5s infinite}.article-status.failed i{color:#dc3545}@media (prefers-color-scheme: light){.mobile-menu-btn{color:var(--text-primary)}.mobile-menu-btn:hover{background:var(--bg-hover)}.mobile-menu-btn:active{background:var(--bg-active)}.article-drawer{background:var(--bg-primary)}.drawer-header{background:var(--bg-secondary)}.drawer-header h3{color:var(--text-primary)}.drawer-search{border-color:var(--border-light)}.search-input{background:var(--input-bg);color:var(--text-primary);border-color:var(--border-color)}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{outline-color:var(--link-color);border-color:var(--link-color)}.mobile-article-item{border-color:var(--border-light)}.mobile-article-item:hover{background:var(--bg-hover)}.article-title{color:var(--text-primary)}.drawer-handle{background:var(--border-color)}.btn-add-article{background:var(--link-color)}.btn-add-article:hover{background:var(--link-hover)}}.navbar-logo{height:48px;max-height:48px;width:auto;transition:opacity .3s ease}[data-theme=dark] #logo-dark-theme{display:block!important}[data-theme=dark] #logo-light-theme,[data-theme=light] #logo-dark-theme{display:none!important}[data-theme=light] #logo-light-theme{display:block!important}@media (max-width: 767px){.navbar-logo{height:40px;max-height:40px}.navbar-custom{padding:.25rem .5rem!important;min-height:auto!important}.navbar-custom .container-fluid{display:flex;align-items:center;justify-content:space-between;position:relative;padding:.25rem .75rem;min-height:50px}.navbar-custom .d-flex.align-items-center{order:3;flex-shrink:0;margin-left:auto;z-index:10}.mobile-menu-btn{order:1;flex-shrink:0;margin-right:0;z-index:10;width:36px;height:36px;font-size:18px;padding:0;border-radius:6px}.navbar-brand{order:2;position:absolute;left:50%;transform:translate(-50%);margin:0!important;padding:0!important;z-index:5}#profile-dropdown,#navbar-signin-btn{flex-shrink:0;margin-left:0}.profile-picture{width:30px;height:30px;border-width:1px}.profile-name{display:none}.navbar-brand{pointer-events:none}.navbar-brand img{pointer-events:auto}}@media (min-width: 768px){.navbar-custom .container-fluid{display:flex;align-items:center;justify-content:space-between}.mobile-menu-btn{display:none!important}.navbar-brand{margin-right:auto}#navbar-actions{display:flex;margin-left:auto}#profile-dropdown{margin-left:0}}.profile-dropdown-toggle{display:flex;align-items:center;gap:8px;text-decoration:none;color:var(--text-primary);padding:4px;border-radius:50px;transition:background-color .2s ease}.profile-dropdown-toggle:hover{background-color:var(--bg-hover);color:var(--text-primary);text-decoration:none}.profile-picture{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid var(--border-color);transition:border-color .2s ease}.profile-picture:hover{border-color:var(--link-color)}.profile-name{font-size:14px;font-weight:500;color:var(--text-primary)}.dropdown-profile-picture{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--border-light)}.dropdown-header{padding:12px 16px!important;background-color:var(--bg-secondary);border-radius:6px;margin:8px}.profile-picture.fallback,.dropdown-profile-picture.fallback{background:linear-gradient(135deg,var(--link-color),var(--link-hover));display:flex;align-items:center;justify-content:center;font-weight:600;color:#fff;font-size:14px;text-align:center;position:relative}.profile-picture.fallback:before,.dropdown-profile-picture.fallback:before{content:attr(alt);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:600;font-size:14px;color:#fff}.dropdown-profile-picture.fallback:before{font-size:16px}@media (max-width: 767px){.profile-name{display:none}.profile-picture{width:32px;height:32px}}[data-theme=light] .profile-dropdown-toggle:hover{background-color:var(--bg-hover)}[data-theme=light] .dropdown-header{background-color:var(--bg-tertiary)}.navbar-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0 4px;background:transparent;border:1px solid transparent;color:var(--text-secondary);font-size:16px;cursor:pointer;border-radius:6px;transition:all .2s ease;padding:0;box-sizing:border-box}.navbar-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.navbar-action-btn:active{background-color:var(--bg-active);transform:scale(.96)}.navbar-action-btn:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}#navbar-actions{display:flex;gap:2px;margin-right:8px}[data-theme=light] .navbar-action-btn{color:var(--text-secondary)}[data-theme=light] .navbar-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .navbar-action-btn{color:var(--text-secondary)}[data-theme=dark] .navbar-action-btn:hover{background-color:var(--bg-hover);color:var(--text-primary);border-color:var(--border-light)}.btn-navbar-signin{background:linear-gradient(135deg,var(--link-color) 0%,var(--link-hover) 100%);border:none;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:#fff;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 2px 8px #646cff4d;text-decoration:none;margin-left:8px}.btn-navbar-signin:hover{transform:translateY(-1px);box-shadow:0 4px 12px #646cff66;color:#fff}.btn-navbar-signin:active{transform:translateY(0)}.btn-navbar-signin:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}@media (max-width: 767px){.btn-navbar-signin{padding:.4rem .75rem;font-size:.8rem;margin-left:4px}}.toast-container:not(#navbar-toast-container){position:fixed!important;top:70px!important;right:20px!important;left:auto!important;transform:none!important;z-index:2000!important;pointer-events:none!important;max-width:400px!important;width:auto!important}.toast-container.position-fixed:not(#navbar-toast-container){top:70px!important;right:20px!important;left:auto!important;bottom:auto!important;transform:none!important}@media (max-width: 767px){.toast-container:not(#navbar-toast-container){top:60px!important;right:10px!important;left:auto!important;transform:none!important;max-width:calc(100vw - 20px)!important}.toast-container.position-fixed:not(#navbar-toast-container){top:60px!important;right:10px!important;left:auto!important;transform:none!important;bottom:auto!important}}#navbar-toast-container{position:fixed;top:70px;right:20px;z-index:2000;pointer-events:none;max-width:400px;width:auto}@media (max-width: 767px){#navbar-toast-container{top:60px!important;right:1px!important;left:auto!important;max-width:calc(100vw - 20px)}}.toast{pointer-events:auto!important;min-width:300px;max-width:400px;margin-bottom:12px;box-shadow:0 8px 20px #00000026}@media (max-width: 767px){.toast{min-width:280px;max-width:calc(100vw - 40px);margin-bottom:8px}}.toast-container[style*=bottom]:not(#navbar-toast-container),.toast-container.bottom-0:not(#navbar-toast-container),.toast-container.position-fixed.bottom-0:not(#navbar-toast-container){bottom:auto!important;top:70px!important;right:20px!important;left:auto!important;transform:none!important}@media (max-width: 767px){.toast-container[style*=bottom]:not(#navbar-toast-container),.toast-container.bottom-0:not(#navbar-toast-container),.toast-container.position-fixed.bottom-0:not(#navbar-toast-container){top:60px!important;right:10px!important;left:auto!important;transform:none!important}}.email-options-toast{background-color:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 8px 20px #00000026;min-width:320px;max-width:400px;margin-bottom:12px}@media (min-width: 768px){.email-options-toast{margin-right:80px}}.email-toast-header{background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-light);color:var(--text-primary);padding:12px 16px}.email-toast-header i{color:var(--text-secondary);font-size:16px}.email-toast-close{color:var(--text-secondary)}.email-toast-close:hover{color:var(--text-primary)}.email-toast-body{padding:16px;background-color:var(--bg-secondary)}.email-options-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}.email-option-btn{display:flex;align-items:center;gap:10px;padding:12px;background:transparent;border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease;text-align:left;min-height:60px}.email-option-btn:hover{background-color:var(--bg-hover);border-color:var(--border-color);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.email-option-btn:active{background-color:var(--bg-active);transform:translateY(0)}.email-option-btn i{font-size:18px;color:var(--text-secondary);flex-shrink:0}.email-option-content{display:flex;flex-direction:column;gap:2px;min-width:0}.email-option-title{font-size:14px;font-weight:500;color:var(--text-primary);line-height:1.2}.email-option-desc{font-size:11px;color:var(--text-muted);line-height:1.2}.email-fallback{text-align:center;padding:8px 12px;background-color:var(--bg-tertiary);border-radius:6px;border:1px solid var(--border-light)}.email-fallback span{font-size:12px;color:var(--text-secondary);font-weight:500}[data-theme=light] .email-options-toast{background-color:var(--bg-primary);border-color:var(--border-color);box-shadow:0 4px 12px #00000014}[data-theme=light] .email-toast-header{background-color:var(--bg-secondary);border-bottom-color:var(--border-color)}[data-theme=light] .email-option-btn{border-color:var(--border-color)}[data-theme=light] .email-option-btn:hover{background-color:var(--bg-hover);border-color:var(--text-secondary);box-shadow:0 2px 8px #0000000d}[data-theme=light] .email-fallback,[data-theme=dark] .dropdown-menu{background-color:var(--bg-secondary);border-color:var(--border-color)}[data-theme=dark] .dropdown-item{color:var(--text-primary)}[data-theme=dark] .dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}[data-theme=dark] .dropdown-divider{border-color:var(--border-color)}[data-theme=dark] .toast{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-color)}[data-theme=dark] .btn-secondary{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=dark] .btn-secondary:hover{background-color:var(--bg-hover);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .dropdown-menu{background-color:var(--bg-primary);border-color:var(--border-color)}[data-theme=light] .dropdown-item{color:var(--text-primary)}[data-theme=light] .dropdown-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}[data-theme=light] .dropdown-divider{border-color:var(--border-light)}[data-theme=light] .toast{background-color:var(--bg-primary);color:var(--text-primary);border:1px solid var(--border-color)}[data-theme=light] .btn-secondary{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--border-color);color:var(--text-primary)}[data-theme=light] .badge.text-bg-success{background-color:#198754!important;color:#fff!important}[data-theme=light] .badge.text-bg-warning{background-color:#ffc107!important;color:#000!important}[data-theme=light] .badge.text-bg-danger{background-color:#dc3545!important;color:#fff!important}[data-theme=dark] *:focus-visible{outline-color:var(--link-color)}[data-theme=light] *:focus-visible{outline-color:var(--link-color)}[data-theme=light] #article-list .no-articles i,[data-theme=light] #article-list .no-articles p,[data-theme=light] #article-list .no-articles small,[data-theme=dark] #article-list .no-articles i,[data-theme=dark] #article-list .no-articles p,[data-theme=dark] #article-list .no-articles small{color:var(--text-muted)!important}[data-theme=light] .btn-primary{background-color:var(--link-color);border-color:var(--link-color);color:#fff}[data-theme=light] .btn-primary:hover{background-color:var(--link-hover);border-color:var(--link-hover);color:#fff}[data-theme=light] #article-list .list-group-item-action:hover{background-color:var(--bg-hover)}[data-theme=light] #article-list .list-group-item-action.active{background-color:var(--bg-active);border-color:transparent}[data-theme=dark] #article-list .list-group-item-action:hover{background-color:var(--bg-hover)}[data-theme=dark] #article-list .list-group-item-action.active{background-color:var(--bg-active);border-color:transparent}[data-theme=light] .mini-progress-track{background:#0000001a}[data-theme=light] .mini-progress-bar{background:var(--link-color)}[data-theme=light] .mini-player{background:var(--sidebar-bg);border-top:1px solid var(--border-color);box-shadow:0 -2px 8px #0000000d}[data-theme=light] #app,[data-theme=light] #article-content{background-color:var(--content-bg)}[data-theme=light] .auth-section{background-color:var(--bg-tertiary)!important;border:1px solid var(--border-color)}.loading-container{display:flex;justify-content:center;align-items:center;gap:.5rem;padding:1rem}#sidebar-loading{color:var(--text-secondary)}.audio-highlight{background:#646cff61;padding:4px 2px;border-radius:6px;transition:all .3s ease;border-left:3px solid rgba(100,108,255,.8);box-shadow:0 2px 8px #646cff26}[data-theme=light] .audio-highlight{background:#646cff7d;border-left:3px solid rgba(0,102,204,.6);box-shadow:0 2px 8px #0066cc1a}.audio-highlight h1,.audio-highlight h2,.audio-highlight h3,.audio-highlight h4,.audio-highlight h5,.audio-highlight h6,.audio-highlight p,.audio-highlight span,.audio-highlight div{color:inherit!important;background:transparent!important}.audio-highlight:has(h1),.audio-highlight:has(h2),.audio-highlight:has(h3){border-left-width:2px;display:block}@supports not (selector(:has(*))){.audio-highlight h1,.audio-highlight h2,.audio-highlight h3{background:linear-gradient(120deg,#646cff66,#646cff26);padding:1px 4px;border-radius:6px;margin:4px 0}[data-theme=light] .audio-highlight h1,[data-theme=light] .audio-highlight h2,[data-theme=light] .audio-highlight h3{background:linear-gradient(120deg,#06c3,#0066cc1a)}}@media (prefers-color-scheme: light){.mobile-menu-btn{color:var(--text-primary)}.mobile-menu-btn:hover{background:var(--bg-hover)}.mobile-menu-btn:active{background:var(--bg-active)}}[data-theme=light] .mobile-menu-btn{border:2px solid var(--border-color)!important;background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 3px #000}[data-theme=light] .mobile-menu-btn:hover{background:var(--bg-hover);border-color:var(--text-secondary);box-shadow:0 2px 6px #00000026}[data-theme=light] .mobile-menu-btn:active{background:var(--bg-active);border-color:var(--link-color);transform:scale(.98)}[data-theme=dark] .mobile-menu-btn{border:1px solid var(--border-color)!important;background:var(--bg-secondary)!important;box-shadow:0 1px 4px #ffffff7f!important}[data-theme=dark] .mobile-menu-btn:hover{background:var(--bg-hover)!important;border-color:var(--border-light)!important;box-shadow:0 2px 8px #0006!important}[data-theme=dark] .mobile-menu-btn:active{background:var(--bg-active)!important;border-color:var(--link-color)!important;transform:scale(.98)!important;box-shadow:0 1px 3px #00000080!important}.science-vox-title{font-size:3rem;font-weight:500;text-align:center;margin-bottom:.5rem;color:var(--text-primary)}.upload-subtitle{font-size:1.5rem;font-weight:400;text-align:center;margin-bottom:1.5rem;color:var(--text-secondary)}@media (max-width: 768px){.science-vox-title{font-size:2.4rem;margin-bottom:.5rem}.upload-subtitle{font-size:1.3rem;margin-bottom:1rem}}@media (max-width: 480px){.science-vox-title{font-size:2rem}.upload-subtitle{font-size:1.2rem}}.format-info-notice{margin:1rem 0;padding:1rem;border-radius:8px;border-left:4px solid;background-color:var(--bg-secondary);border-left-color:var(--link-color);transition:all .3s ease}.submission-limit-indicator{padding:.5rem 1rem;border-radius:6px;background-color:var(--bg-secondary);border:1px solid;border-color:var(--link-color);transition:all .3s ease;font-size:.9rem;color:var(--text-secondary)}.submission-limit-indicator i{color:var(--link-color);font-size:.9rem}.submission-limit-indicator.limit-reached{border-color:#dc3545;background-color:#dc35451a}.submission-limit-indicator.limit-reached i{color:#dc3545}.submission-limit-indicator.limit-reached span{color:#dc3545;font-weight:500}[data-theme=light] .submission-limit-indicator{background:linear-gradient(135deg,#e8f4fd,#f0f8ff);border-color:#2196f3;color:#1976d2}[data-theme=light] .submission-limit-indicator i{color:#1976d2}[data-theme=light] .submission-limit-indicator.limit-reached{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336;color:#d32f2f}[data-theme=light] .submission-limit-indicator.limit-reached i{color:#f44336}[data-theme=light] .submission-limit-indicator.limit-reached span{color:#d32f2f}[data-theme=dark] .submission-limit-indicator{background:linear-gradient(135deg,#2196f31a,#64b5f60d);border-color:#64b5f6;color:#e3f2fd}[data-theme=dark] .submission-limit-indicator i{color:#64b5f6}[data-theme=dark] .submission-limit-indicator.limit-reached{background:linear-gradient(135deg,#f443361a,#ef9a9a0d);border-color:#ef5350;color:#ffcdd2}[data-theme=dark] .submission-limit-indicator.limit-reached i{color:#ef5350}[data-theme=dark] .submission-limit-indicator.limit-reached span{color:#ffcdd2}@media (prefers-color-scheme: light){.submission-limit-indicator{background:linear-gradient(135deg,#e8f4fd,#f0f8ff);border-color:#2196f3;color:#1976d2}.submission-limit-indicator i{color:#1976d2}.submission-limit-indicator.limit-reached{background:linear-gradient(135deg,#ffebee,#ffcdd2);border-color:#f44336;color:#d32f2f}.submission-limit-indicator.limit-reached i{color:#f44336}.submission-limit-indicator.limit-reached span{color:#d32f2f}}@media (prefers-color-scheme: dark){.submission-limit-indicator{background:linear-gradient(135deg,#2196f31a,#64b5f60d);border-color:#64b5f6;color:#e3f2fd}.submission-limit-indicator i{color:#64b5f6}.submission-limit-indicator.limit-reached{background:linear-gradient(135deg,#f443361a,#ef9a9a0d);border-color:#ef5350;color:#ffcdd2}.submission-limit-indicator.limit-reached i{color:#ef5350}.submission-limit-indicator.limit-reached span{color:#ffcdd2}}.format-info-notice:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.format-info-notice i{color:var(--link-color);font-size:1.1rem;opacity:.9}.format-info-notice p{color:var(--text-primary);line-height:1.5;margin:0}.ps-text{font-size:.85rem;font-style:italic;color:var(--text-secondary);opacity:.9}.feedback-link{color:var(--link-color);text-decoration:underline;cursor:pointer;transition:all .2s ease}.feedback-link:hover{color:var(--text-primary);text-decoration:none}[data-theme=light] .format-info-notice{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left-color:#2196f3;box-shadow:0 2px 8px #2196f31a}[data-theme=light] .format-info-notice:hover{box-shadow:0 4px 16px #2196f326}[data-theme=light] .format-info-notice i{color:#1976d2}[data-theme=light] .format-info-notice p{color:#1565c0}[data-theme=light] .ps-text{color:#6c757d}[data-theme=light] .feedback-link{color:#0d6efd}[data-theme=light] .feedback-link:hover{color:#0b5ed7}[data-theme=dark] .format-info-notice{background:linear-gradient(135deg,#2196f31a,#9c27b014);border-left-color:#64b5f6;box-shadow:0 2px 8px #64b5f61a}[data-theme=dark] .format-info-notice:hover{box-shadow:0 4px 16px #64b5f626}[data-theme=dark] .format-info-notice i{color:#64b5f6}[data-theme=dark] .format-info-notice p{color:#e3f2fd}[data-theme=dark] .ps-text{color:#adb5bd}[data-theme=dark] .feedback-link{color:#64b5f6}[data-theme=dark] .feedback-link:hover{color:#42a5f5}@media (prefers-color-scheme: light){.format-info-notice{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left-color:#2196f3;box-shadow:0 2px 8px #2196f31a}.format-info-notice:hover{box-shadow:0 4px 16px #2196f326}.format-info-notice i{color:#1976d2}.format-info-notice p{color:#1565c0}.ps-text{color:#6c757d}.feedback-link{color:#0d6efd}.feedback-link:hover{color:#0b5ed7}}@media (prefers-color-scheme: dark){.format-info-notice{background:linear-gradient(135deg,#2196f31a,#9c27b014);border-left-color:#64b5f6;box-shadow:0 2px 8px #64b5f61a}.format-info-notice:hover{box-shadow:0 4px 16px #64b5f626}.format-info-notice i{color:#64b5f6}.format-info-notice p{color:#e3f2fd}.ps-text{color:#adb5bd}.feedback-link{color:#64b5f6}.feedback-link:hover{color:#42a5f5}}.landing-page{max-width:1200px;margin:0 auto;padding:0 2rem 4rem;text-align:center}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;padding:4rem 0 6rem;min-height:60vh}.hero-content{text-align:left}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.1;color:var(--text-primary);margin-bottom:1.5rem;background:linear-gradient(135deg,var(--text-primary) 0%,var(--link-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--text-secondary);line-height:1.6;margin-bottom:2.5rem}.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.btn-primary-large{background:linear-gradient(135deg,var(--link-color) 0%,var(--link-hover) 100%);border:none;padding:1rem 2rem;font-size:1.1rem;font-weight:600;color:#fff;border-radius:12px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;box-shadow:0 4px 15px #646cff4d;text-decoration:none}.btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 25px #646cff66;color:#fff}.btn-primary-large:active{transform:translateY(0)}.auth-note{font-size:.9rem;color:var(--text-muted);margin:0}.hero-visual{display:flex;justify-content:center;align-items:center}.demo-player{display:flex;align-items:center;gap:2rem;padding:2rem;background:linear-gradient(135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-radius:20px;border:1px solid var(--border-light);box-shadow:0 10px 30px #0000001a}.demo-article,.demo-audio{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;background:var(--bg-primary);border-radius:12px;border:1px solid var(--border-color);min-width:120px}.demo-icon{font-size:2.5rem;color:var(--link-color)}.demo-article span,.demo-audio span{font-size:.9rem;font-weight:600;color:var(--text-primary)}.conversion-arrow{font-size:2rem;color:var(--link-color);animation:pulse 2s infinite}.features-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:3rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:900px;margin:0 auto}.feature-card{background:var(--bg-primary);padding:2rem;border-radius:16px;border:1px solid var(--border-light);transition:all .3s ease;text-align:center}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #0000001a;border-color:var(--link-color)}.feature-icon{width:70px;height:70px;background:linear-gradient(135deg,var(--link-color) 0%,var(--link-hover) 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.feature-icon i{font-size:1.8rem;color:#fff}.feature-card h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.feature-card p{color:var(--text-secondary);line-height:1.6;margin:0}.how-it-works-section{padding:6rem 0}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:3rem}.steps-container{display:flex;justify-content:space-between;align-items:center;max-width:900px;margin:0 auto;gap:2rem}.step{flex:1;text-align:center;position:relative}.step:not(:last-child):after{content:"";position:absolute;top:30px;right:-50%;width:100%;height:2px;background:linear-gradient(90deg,var(--link-color) 0%,transparent 100%);z-index:-1}.step-number{width:60px;height:60px;background:linear-gradient(135deg,var(--link-color) 0%,var(--link-hover) 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem;box-shadow:0 4px 15px #646cff4d}.step h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.step p{color:var(--text-secondary);line-height:1.6;margin:0}.cta-section{padding:4rem 2rem;background:linear-gradient(135deg,var(--link-color) 0%,var(--link-hover) 100%);border-radius:20px;margin:4rem auto 2rem;color:#fff;max-width:800px;text-align:center;display:flex;flex-direction:column;align-items:center}.cta-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#fff;text-align:center}.cta-subtitle{font-size:1.1rem;margin-bottom:2rem;opacity:.9;max-width:600px;text-align:center}.cta-section .btn-primary-large{background:#fff;color:var(--link-color);box-shadow:0 4px 15px #0003}.cta-section .btn-primary-large:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d;color:var(--link-color)}@media (max-width: 768px){.landing-page{padding:0 1rem 3rem}.hero-section{grid-template-columns:1fr;gap:3rem;padding:3rem 0 4rem;text-align:center}.hero-content{text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.hero-cta{align-items:center}.demo-player{flex-direction:column;gap:1rem;padding:1.5rem}.conversion-arrow{transform:rotate(90deg)}.features-grid{grid-template-columns:1fr;gap:1.5rem}.how-it-works-section{padding:4rem 0;margin:2rem 0}.cta-section{padding:3rem 1.5rem;margin:3rem auto 2rem;max-width:none;text-align:center;display:flex;flex-direction:column;align-items:center}.features-title,.section-title{font-size:2rem}.cta-title{font-size:1.75rem;text-align:center}.cta-subtitle{font-size:1rem;margin-bottom:1.5rem;text-align:center}.steps-container{flex-direction:column;gap:3rem}.step:not(:last-child):after{top:100%;right:50%;left:50%;width:2px;height:50px;background:linear-gradient(180deg,var(--link-color) 0%,transparent 100%);transform:translate(-50%)}}[data-theme=light] .hero-title{background:linear-gradient(135deg,var(--text-primary) 0%,var(--link-color) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme=light] .demo-player{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);box-shadow:0 10px 30px #0000000d}[data-theme=light] .feature-card:hover{box-shadow:0 15px 40px #0000000d}body:not(.authenticated-layout) .mobile-player-container,body:not(.authenticated-layout) .article-drawer,body:not(.authenticated-layout) .drawer-backdrop,body:not(.authenticated-layout) #mobile-menu-btn{display:none!important}.noselect,.spinner-border,.loading-text,.audio-loading-content,#mini-player-loading-spinner{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}