.language-selector{margin-right:.5rem;position:relative}.language-selector-button{align-items:center;background:#0000;border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:flex;font-size:.9rem;padding:.4rem .6rem;transition:all .2s ease}.language-selector-button:hover{background-color:var(--bg-hover)}.language-code{font-weight:600;margin-right:.25rem}.language-arrow{fill:currentColor;height:16px;transition:transform .2s ease;width:16px}.language-arrow.open{transform:rotate(180deg)}.language-dropdown{background-color:var(--color-white);border-radius:4px;box-shadow:0 2px 10px #0000001a;list-style:none;margin-top:.25rem;min-width:150px;overflow:hidden;padding:.5rem 0;position:absolute;right:0;top:100%;z-index:1000}[dir=rtl] .language-dropdown{left:0;right:auto}.language-dropdown li{width:100%}.language-dropdown button{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:.9rem;padding:.5rem 1rem;text-align:left;transition:background-color .2s ease;width:100%}[dir=rtl] .language-dropdown button{text-align:right}.language-dropdown button:hover{background-color:var(--bg-hover)}.language-dropdown button.active{background-color:var(--primary-color-light);color:var(--primary-color);font-weight:600}[data-theme=dark] .language-selector-button{border-color:var(--border-color-dark)}[data-theme=dark] .language-dropdown{background-color:var(--color-gray-100);box-shadow:0 2px 10px #00000080}[dir=rtl] .language-code{margin-left:.25rem;margin-right:0}@media (max-width:768px){.language-selector{margin-right:.25rem}.language-selector-button{font-size:.85rem;padding:.3rem .5rem}.language-dropdown{min-width:120px}}.header{background-color:var(--color-white);box-shadow:0 1px 3px #0000001a;position:-webkit-sticky;position:sticky;top:0;z-index:var(--z-30)}.header-wrapper{height:64px;justify-content:space-between}.header-wrapper,.logo,.logo a{align-items:center;display:flex}.logo a{color:var(--color-primary);text-decoration:none}.logo-img{height:32px;margin-right:var(--space-2);width:auto}.logo-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.main-nav{display:flex;margin-left:var(--space-4)}.nav-list{display:flex;list-style:none;margin:0;padding:0}.nav-item{margin:0 var(--space-2)}.nav-link{border-radius:var(--border-radius-md);color:var(--color-gray-700);display:block;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.nav-link:hover{text-decoration:none}.nav-link.active,.nav-link:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.header-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{background:none;border:none;border-radius:var(--border-radius-full);color:var(--color-gray-700);cursor:pointer;justify-content:center;margin-right:var(--space-2);padding:var(--space-2);transition:all var(--transition-normal) var(--transition-ease)}.theme-toggle:hover{background-color:var(--color-gray-100);color:var(--color-primary)}:root[data-theme=dark] .theme-toggle{color:var(--color-gray-300)}:root[data-theme=dark] .theme-toggle:hover{background-color:var(--color-gray-700);color:var(--color-primary-light)}.theme-toggle svg{height:20px;transition:transform .3s ease;width:20px}.theme-toggle:active svg{transform:rotate(30deg)}.mobile-menu-toggle{background:none;border:none;border-radius:var(--border-radius-full);color:var(--color-gray-700);cursor:pointer;display:none;margin-right:var(--space-2);padding:var(--space-2);transition:all var(--transition-normal) var(--transition-ease)}.mobile-menu-toggle:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.mobile-menu-toggle svg{height:24px;width:24px}.auth-buttons{align-items:center;display:flex}.auth-buttons .btn--text{margin-right:var(--space-3)}.profile-menu-container{position:relative}.profile-button{align-items:center;background:none;border:none;cursor:pointer;display:flex;padding:0;transition:opacity var(--transition-normal) var(--transition-ease)}.profile-button:hover{opacity:.8}.profile-name{color:var(--color-gray-700);display:block;font-weight:var(--font-weight-medium);margin-right:var(--space-2)}.profile-avatar{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);height:36px;justify-content:center;width:36px}.profile-dropdown{animation:slideIn var(--transition-normal) var(--transition-ease);background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);position:absolute;right:0;top:calc(100% + var(--space-2));width:240px;z-index:var(--z-20)}.profile-header{border-bottom:1px solid var(--color-gray-200);padding:var(--space-4)}.profile-greeting{color:var(--color-gray-900);display:block;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1)}.profile-email{color:var(--color-gray-600);display:block;font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-menu{list-style:none;margin:0;padding:var(--space-2) 0}.profile-menu li{margin:0}.profile-menu li.divider{background-color:var(--color-gray-200);height:1px;margin:var(--space-2) 0}.profile-menu a,.profile-menu button{align-items:center;background:none;border:none;color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-base);padding:var(--space-2) var(--space-4);text-align:left;text-decoration:none;transition:all var(--transition-normal) var(--transition-ease);width:100%}.profile-menu a:hover,.profile-menu button:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.profile-menu svg{height:18px;margin-right:var(--space-3);width:18px}.logout-button,.logout-button:hover{color:var(--color-error)!important}.logout-button:hover{background-color:#ef44441a!important}@media (max-width:768px){.main-nav{display:none}.mobile-menu-toggle{display:flex}.auth-buttons .btn--text,.profile-name{display:none}}@media (max-width:480px){.header-wrapper{height:56px}.logo-text{font-size:var(--font-size-lg)}.logo-img{height:28px}.theme-toggle{margin-right:var(--space-1)}.theme-toggle svg{height:18px;width:18px}.profile-avatar{font-size:var(--font-size-sm);height:32px;width:32px}.auth-buttons .btn--text{display:none}.auth-buttons .btn--primary{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}}@media (max-width:360px){.auth-buttons .btn--primary{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2)}.theme-toggle{margin-right:4px}}.footer{background-color:var(--color-gray-900);color:var(--color-gray-300);margin-top:auto;padding:var(--space-12) 0 var(--space-6)}.footer-content{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:1fr 2fr;margin-bottom:var(--space-8)}.footer-brand{display:flex;flex-direction:column}.footer-logo{align-items:center;display:flex;margin-bottom:var(--space-4)}.footer-logo img{height:36px;margin-right:var(--space-2);width:auto}.footer-logo span{color:var(--color-white);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.footer-tagline{font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-6);max-width:300px}.footer-social{display:flex;gap:var(--space-4)}.footer-social a{align-items:center;background-color:#ffffff1a;border-radius:50%;color:var(--color-white);display:flex;height:36px;justify-content:center;transition:all var(--transition-normal) var(--transition-ease);width:36px}.footer-social a:hover{background-color:var(--color-primary);transform:translateY(-3px)}.footer-social svg{height:18px;width:18px}.footer-links{grid-gap:var(--space-8);display:grid;gap:var(--space-8);grid-template-columns:repeat(3,1fr)}.footer-links-group h3{color:var(--color-white);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-4)}.footer-links-group ul{list-style:none;margin:0;padding:0}.footer-links-group li{margin-bottom:var(--space-2)}.footer-links-group a{color:var(--color-gray-400);display:inline-block;text-decoration:none;transition:color var(--transition-normal) var(--transition-ease)}.footer-links-group a:hover{color:var(--color-white);text-decoration:none}.footer-bottom{align-items:center;border-top:1px solid var(--color-gray-800);justify-content:space-between;padding-top:var(--space-6)}.footer-bottom,.footer-legal{display:flex;flex-wrap:wrap;gap:var(--space-4)}.footer-legal a{color:var(--color-gray-400);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-normal) var(--transition-ease)}.footer-legal a:hover{color:var(--color-white)}.footer-copyright{color:var(--color-gray-500);font-size:var(--font-size-sm)}@media (max-width:992px){.footer-content{gap:var(--space-6);grid-template-columns:1fr}.footer-brand{margin-bottom:var(--space-6)}.footer-tagline{max-width:100%}}@media (max-width:768px){.footer-links{gap:var(--space-6);grid-template-columns:repeat(2,1fr)}.footer{padding:var(--space-8) 0 var(--space-4)}}@media (max-width:576px){.footer-links{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.footer-legal{flex-direction:column;gap:var(--space-2)}}.audio-player{background-color:var(--color-white);bottom:0;box-shadow:0 -2px 10px #0000001a;display:flex;flex-direction:column;height:var(--audio-player-height);left:0;position:fixed;transition:all var(--transition-normal) var(--transition-ease);visibility:visible!important;width:100%;z-index:var(--z-50)}@keyframes modernPulse{0%,to{box-shadow:0 -2px 10px #0000001a}25%{box-shadow:0 -4px 20px #1da1f266,0 -2px 40px #1da1f233,inset 0 0 20px #1da1f21a}50%{box-shadow:0 -4px 20px #9333ea66,0 -2px 40px #9333ea33,inset 0 0 20px #9333ea1a}75%{box-shadow:0 -4px 20px #ec489966,0 -2px 40px #ec489933,inset 0 0 20px #ec48991a}}@keyframes colorfulBackground{0%,to{background-color:#fff}25%{background-color:#e6f4ff}50%{background-color:#f3e6ff}75%{background-color:#ffe6f1}}.audio-player.pulsing{animation:modernPulse 2s ease-in-out infinite,colorfulBackground 2s ease-in-out infinite}.audio-player.pulsing .player-toggle{animation:glowPulse 1.5s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 -2px 5px #0000001a}50%{box-shadow:0 -4px 15px #1da1f280,0 -2px 25px #1da1f24d;transform:translateX(-50%) translateY(-2px)}}.audio-player.expanded{height:55vh;max-height:55vh}.player-toggle{background-color:var(--color-white);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;box-shadow:0 -2px 5px #0000001a;cursor:pointer;height:30px;left:50%;position:absolute;top:-30px;transform:translateX(-50%);width:90px}.player-toggle,.toggle-icon{align-items:center;display:flex;justify-content:center}.toggle-icon{color:var(--color-gray-600);height:16px;width:16px}.toggle-icon svg{height:100%;transition:transform var(--transition-normal) var(--transition-ease);width:100%}.player-main{flex-shrink:0;height:var(--audio-player-height);padding:0 var(--space-4)}.player-main,.story-info{align-items:center;display:flex}.story-info{margin-right:var(--space-4);min-width:200px}.story-thumbnail{border-radius:var(--border-radius-md);flex-shrink:0;height:40px;margin-right:var(--space-3);overflow:hidden;width:40px}.story-thumbnail img{height:100%;object-fit:cover;width:100%}.story-details{overflow:hidden}.story-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.story-subject,.story-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-subject{color:var(--color-gray-600);font-size:var(--font-size-xs);margin:0}.player-controls{gap:var(--space-2);margin:0 var(--space-4)}.control-button,.player-controls{align-items:center;display:flex;justify-content:center}.control-button{background-color:initial;border:none;border-radius:50%;color:var(--color-gray-800);cursor:pointer;padding:var(--space-2);transition:all var(--transition-normal) var(--transition-ease)}.control-button:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.control-button svg{height:20px;width:20px}.play-pause{background-color:var(--color-primary);color:var(--color-white);height:40px;width:40px}.play-pause:hover{background-color:var(--color-primary-dark);color:var(--color-white)}.play-pause svg{height:24px;width:24px}.audio-error-message{align-items:center;background-color:#e74c3c1a;border-radius:4px;color:#e74c3c;color:var(--color-error,#e74c3c);display:flex;font-size:14px;justify-content:center;margin:0 10px}.audio-error-message svg{stroke:#e74c3c;stroke:var(--color-error,#e74c3c);height:20px;margin-right:8px;width:20px}.progress-container{cursor:pointer;flex:1 1;margin:0 var(--space-4);padding:var(--space-2) 0}.progress-bar{background-color:var(--color-gray-200);margin-bottom:var(--space-1)}.progress-fill{border-radius:var(--border-radius-full);transition:width .1s linear}.time-display{color:var(--color-gray-600);display:flex;font-size:var(--font-size-xs);justify-content:space-between}.volume-controls{position:relative}.volume-button{align-items:center;background-color:initial;border:none;border-radius:50%;color:var(--color-gray-800);cursor:pointer;display:flex;justify-content:center;padding:var(--space-2);transition:all var(--transition-normal) var(--transition-ease)}.volume-button:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.volume-button svg{height:20px;width:20px}.volume-sliders{animation:fadeIn var(--transition-normal) var(--transition-ease);background-color:var(--color-white);border-radius:var(--border-radius-md);bottom:50px;box-shadow:var(--shadow-lg);padding:var(--space-4);position:absolute;right:0;width:220px;z-index:var(--z-50)}.volume-slider{margin-bottom:var(--space-3)}.volume-slider:last-child{margin-bottom:0}.volume-slider label{color:var(--color-gray-700);display:block;font-size:var(--font-size-xs);margin-bottom:var(--space-1)}.volume-slider input[type=range]{cursor:pointer;margin:var(--space-1) 0;width:100%}.background-controls{align-items:center;display:flex;justify-content:space-between}.mute-button{align-items:center;background-color:initial;border:none;color:var(--color-gray-600);cursor:pointer;display:flex;justify-content:center;padding:0}.mute-button svg{height:14px;width:14px}.mute-button.muted{color:var(--color-error)}.player-expanded{grid-gap:var(--space-4);background-color:var(--color-gray-50);display:grid;flex-grow:1;gap:var(--space-4);grid-template-columns:3fr 1fr}.current-text,.player-expanded{overflow-y:auto;padding:var(--space-4)}.current-text{background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm)}.current-text .paragraphs{display:flex;flex-direction:column;gap:var(--space-3)}.current-text .active-paragraph{background-color:#007bff0d;background-color:var(--color-primary-50,#007bff0d);border-left:3px solid var(--color-primary);color:var(--color-primary)}.current-text .active-paragraph,.current-text div:not(.active-paragraph){border-radius:var(--border-radius-sm);cursor:pointer;padding:var(--space-2);transition:all var(--transition-normal) var(--transition-ease)}.current-text div:hover:not(.active-paragraph){background-color:var(--color-gray-100)}.current-text .paragraph-title{color:inherit;font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2);margin-top:0}.current-text .paragraph-content{color:inherit;line-height:var(--line-height-relaxed);margin:0}.current-text .active-paragraph .paragraph-content,.current-text .active-paragraph .paragraph-title{color:var(--color-primary)}.audio-segments{background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.segments-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-3)}.segments-header h4{font-size:var(--font-size-base);margin:0}.segments-header .story-link{color:var(--color-primary);font-weight:var(--font-weight-normal);text-decoration:none;transition:all var(--transition-fast) var(--transition-ease)}.segments-header .story-link:hover{opacity:.8;text-decoration:underline}.audio-segments h4{color:var(--color-gray-900);font-size:var(--font-size-base);margin-bottom:0;margin-top:0}.toggle-segments-button{background-color:var(--color-gray-200);border:none;border-radius:var(--border-radius-sm);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-xs);padding:var(--space-1) var(--space-2);transition:all var(--transition-normal) var(--transition-ease)}.toggle-segments-button:hover{background-color:var(--color-gray-300);color:var(--color-gray-900)}.segment-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:250px;overflow-y:auto}.segment{align-items:center;background-color:var(--color-gray-100);border-radius:var(--border-radius-md);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-2) var(--space-3);transition:all var(--transition-normal) var(--transition-ease)}.segment:hover{background-color:var(--color-gray-200)}.segment.active{background-color:var(--color-primary-light);color:var(--color-white)}.segment-number{font-weight:var(--font-weight-medium)}.segment-duration{color:var(--color-gray-600);font-size:var(--font-size-xs)}.segment.active .segment-duration{color:var(--color-white)}.streaming-status{background-color:#007bff0d;background-color:var(--color-primary-50,#007bff0d);border:1px solid var(--color-primary-light);border-radius:var(--border-radius-md);margin-bottom:var(--space-3);padding:8px 16px}.streaming-progress{align-items:center;display:flex;margin-bottom:var(--space-2)}.streaming-progress .spinner{margin-right:var(--space-2)}.streaming-progress span{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.streaming-placeholder{background-color:#007bff0d;background-color:var(--color-primary-50,#007bff0d);border-radius:var(--border-radius-md);color:var(--color-gray-700);margin:var(--space-2) 0;padding:var(--space-4);text-align:center}.streaming-placeholder p{margin-bottom:var(--space-2)}.segment-streaming{align-items:center;background-color:#007bff0d;background-color:var(--color-primary-50,#007bff0d);border-radius:var(--border-radius-md);display:flex;padding:var(--space-3)}.segment-streaming .spinner{margin-right:var(--space-2)}.segment-streaming span{color:var(--color-primary);font-size:var(--font-size-sm)}.no-segments{background-color:var(--color-gray-100);border-radius:var(--border-radius-md);color:var(--color-gray-500);padding:var(--space-4);text-align:center}@media (max-width:768px){.audio-player{height:var(--audio-player-collapsed-height)}.audio-player.expanded{height:55vh;max-height:55vh}.player-main{height:var(--audio-player-collapsed-height);padding:0 var(--space-2)}.story-info{margin-right:var(--space-2);min-width:auto}.story-thumbnail{height:32px;margin-right:var(--space-2);width:32px}.player-controls{margin:0 var(--space-2)}.control-button svg{height:16px;width:16px}.play-pause{height:32px;width:32px}.play-pause svg{height:20px;width:20px}.progress-container{margin:0 var(--space-2)}.player-expanded{grid-template-columns:1fr}}@media (max-width:480px){.story-details{display:none}}.sidebar-overlay{background-color:#00000080;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity var(--transition-normal) var(--transition-ease),visibility var(--transition-normal) var(--transition-ease);visibility:hidden;z-index:var(--z-40)}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar{background-color:var(--color-white);box-shadow:-2px 0 10px #0000001a;display:flex;flex-direction:column;height:100vh;max-width:80vw;overflow-y:auto;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform var(--transition-normal) var(--transition-ease);width:300px;z-index:var(--z-50)}.sidebar.open{transform:translateX(0)}.sidebar-header{border-bottom:1px solid var(--color-gray-200);justify-content:space-between;padding:var(--space-4)}.sidebar-header,.sidebar-logo{align-items:center;display:flex}.sidebar-logo img{height:28px;margin-right:var(--space-2);width:auto}.sidebar-logo span{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.sidebar-close{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-normal) var(--transition-ease);width:32px}.sidebar-close:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.sidebar-close svg{height:20px;width:20px}.sidebar-user{align-items:center;background-color:var(--color-gray-50);border-bottom:1px solid var(--color-gray-200);display:flex;padding:var(--space-4)}.user-avatar{flex-shrink:0;font-size:var(--font-size-base);height:40px;margin-right:var(--space-3);width:40px}.user-info{overflow:hidden}.user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:2px}.user-email,.user-name{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{font-size:var(--font-size-sm)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:var(--space-4) 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-menu-item{margin:0}.sidebar-menu-link{align-items:center;color:var(--color-gray-800);display:flex;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.sidebar-menu-link:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.sidebar-menu-link.active{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.sidebar-menu-link svg{flex-shrink:0;height:20px;margin-right:var(--space-3);width:20px}.sidebar-footer{border-top:1px solid var(--color-gray-200);padding:var(--space-4)}.sidebar-logout{align-items:center;background:none;border:1px solid var(--color-error);border-radius:var(--border-radius-md);color:var(--color-error);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-3);transition:all var(--transition-normal) var(--transition-ease);width:100%}.sidebar-logout:hover{background-color:#ef44441a}.sidebar-logout svg{height:18px;margin-right:var(--space-2);width:18px}.sidebar-auth-buttons{display:flex;gap:var(--space-3)}.sidebar-auth-buttons .btn{flex:1 1;text-align:center}@media (max-width:350px){.sidebar{max-width:none;width:100%}}.notifications-container{bottom:var(--space-4);display:flex;flex-direction:column-reverse;gap:var(--space-2);max-width:360px;width:calc(100% - var(--space-8));z-index:var(--z-toast)}.notification{align-items:flex-start;animation:slideIn .3s var(--transition-ease);background-color:var(--color-white);border-left:4px solid;border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);display:flex;overflow:hidden;padding:var(--space-3) var(--space-4);position:relative;width:100%}.notification--success{border-left-color:var(--color-success)}.notification--error{border-left-color:var(--color-error)}.notification--warning{border-left-color:var(--color-warning)}.notification--info{border-left-color:var(--color-info)}.notification--exit{animation:slideOut .3s var(--transition-ease) forwards}.notification-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:var(--space-3);padding-top:var(--space-1);width:24px}.notification-icon svg{height:18px;width:18px}.notification--success .notification-icon{color:var(--color-success)}.notification--error .notification-icon{color:var(--color-error)}.notification--warning .notification-icon{color:var(--color-warning)}.notification--info .notification-icon{color:var(--color-info)}.notification-content{flex:1 1;padding-right:var(--space-3)}.notification-message{color:var(--color-gray-800);font-size:var(--font-size-sm);line-height:var(--line-height-snug);margin:0}.notification-close{align-items:center;background:none;border:none;color:var(--color-gray-500);cursor:pointer;display:flex;flex-shrink:0;height:20px;justify-content:center;margin-left:var(--space-1);padding:0;transition:color var(--transition-normal) var(--transition-ease);width:20px}.notification-close:hover{color:var(--color-gray-800)}.notification-close svg{height:14px;width:14px}.notification-progress-container{background-color:var(--color-gray-200);bottom:0;height:3px;left:0;position:absolute;width:100%}.notification-progress{height:100%;transition:width .1s linear}.notification--success .notification-progress{background-color:var(--color-success)}.notification--error .notification-progress{background-color:var(--color-error)}.notification--warning .notification-progress{background-color:var(--color-warning)}.notification--info .notification-progress{background-color:var(--color-info)}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@media (max-width:640px){.notifications-container{bottom:calc(var(--space-4));bottom:calc(var(--audio-player-height, 0px) + var(--space-4));left:var(--space-2);max-width:none;right:var(--space-2);width:calc(100% - var(--space-4))}.notification{padding:var(--space-2) var(--space-3)}.notification-icon{height:20px;margin-right:var(--space-2);width:20px}.notification-icon svg{height:16px;width:16px}}.modal-overlay{align-items:center;animation:fadeIn var(--transition-normal) var(--transition-ease);background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:var(--space-4);position:fixed;right:0;top:0;z-index:var(--z-modal)}.modal{animation:scaleIn var(--transition-normal) var(--transition-ease);background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:90vh;max-width:600px;position:relative;width:100%}.modal--small{max-width:400px}.modal--medium{max-width:600px}.modal--large{max-width:800px}.modal--fullscreen{height:90vh;max-width:1200px;width:95%}.modal-header{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--space-4) var(--space-6)}.modal-title{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.modal-close-button{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-gray-500);cursor:pointer;display:flex;justify-content:center;padding:var(--space-1);transition:all var(--transition-normal) var(--transition-ease)}.modal-close-button:hover{background-color:var(--color-gray-100);color:var(--color-gray-900)}.modal-close-button svg{height:20px;width:20px}.modal-content{flex:1 1;overflow-y:auto;padding:var(--space-6)}@media (max-width:640px){.modal{border-radius:var(--border-radius-md);max-height:95vh}.modal-content,.modal-header{padding:var(--space-4)}.modal-title{font-size:var(--font-size-lg)}.modal--large,.modal--medium,.modal--small{max-width:100%;width:100%}.modal--fullscreen{height:95vh;width:100%}.modal-overlay{padding:var(--space-2)}}.auth-page{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100%;padding:var(--space-6);padding-top:var(--space-2)}.auth-form-container{animation:fadeIn var(--transition-normal) var(--transition-ease);background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);max-width:480px;padding:var(--space-8);width:100%}.auth-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.auth-subtitle,.auth-title{margin-bottom:var(--space-2);text-align:center}.auth-subtitle{color:var(--color-gray-600);font-size:var(--font-size-base)}.auth-form{margin-bottom:var(--space-6)}.form-group input{border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);padding:var(--space-3);transition:border-color var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease);width:100%}.form-group input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1da1f226}.form-group input::placeholder{color:var(--color-gray-400)}.form-group.has-error input{border-color:var(--color-error)}.form-group.has-error input:focus{box-shadow:0 0 0 3px #ef444426}.auth-error-message,.error-message{animation:fadeIn var(--transition-normal) var(--transition-ease);color:var(--color-error);font-size:var(--font-size-sm);margin-top:var(--space-1)}.auth-error-message{background-color:#ef44441a;border-radius:var(--border-radius-md);margin-bottom:var(--space-4);padding:var(--space-3);text-align:center}.form-options{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-4)}.checkbox-group label{color:var(--color-gray-700);font-size:var(--font-size-sm)}.forgot-password-link{color:var(--color-primary);font-size:var(--font-size-sm);text-decoration:none;transition:color var(--transition-normal) var(--transition-ease)}.forgot-password-link:hover{color:var(--color-primary-dark);text-decoration:underline}.btn--block{align-items:center;display:flex;height:48px;justify-content:center;width:100%}.btn--block .spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top:2px solid var(--color-white);height:20px;margin-right:var(--space-2);width:20px}.social-login{margin-top:var(--space-6)}.divider{align-items:center;display:flex;margin-bottom:var(--space-4)}.divider:after,.divider:before{background-color:var(--color-gray-300);content:"";flex:1 1;height:1px}.divider span{color:var(--color-gray-500);font-size:var(--font-size-sm);padding:0 var(--space-3)}.social-buttons{display:flex;gap:var(--space-3)}.social-button{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);cursor:pointer;display:flex;flex:1 1;font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3);transition:all var(--transition-normal) var(--transition-ease)}.social-button:hover{background-color:var(--color-gray-100)}.social-button.google:hover{border-color:#4285f4}.social-button.facebook:hover{border-color:#1877f2}.social-button svg{height:20px;width:20px}.auth-notice{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);margin:var(--space-2) 0 var(--space-4) 0;padding:var(--space-3);text-align:center}.auth-notice p{margin:0}.auth-footer,.auth-notice p{color:var(--color-gray-600);font-size:var(--font-size-sm)}.auth-footer{margin-top:var(--space-6);text-align:center}.auth-link{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none;transition:color var(--transition-normal) var(--transition-ease)}.auth-link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:576px){.auth-form-container{background-color:initial;box-shadow:none;padding:var(--space-5)}.auth-title{font-size:var(--font-size-2xl)}.auth-subtitle{font-size:var(--font-size-sm)}.auth-notice{background-color:initial;border:none;margin:var(--space-2) 0 var(--space-3) 0;padding:var(--space-2)}.auth-notice p{font-size:var(--font-size-xs)}.social-buttons{flex-direction:column}}.auth-layout{background-color:var(--color-gray-50);justify-content:center;min-height:100vh;overflow:hidden}.auth-container,.auth-layout{align-items:center;display:flex;position:relative}.auth-container{flex-direction:column;max-width:1200px;width:100%;z-index:10}.auth-logo{margin-top:20px;position:relative;text-align:center}.auth-logo a{display:block;height:360px;position:relative;text-decoration:none;width:360px}.auth-logo .logo{height:360px;left:0;object-fit:contain;opacity:.3;position:absolute;top:0;width:360px}.auth-logo .brand-text{color:var(--color-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);left:50%;letter-spacing:-.02em;margin:0;position:absolute;text-shadow:2px 2px 4px #0000001a;top:50%;transform:translate(-50%,-50%)}.auth-content{display:flex;justify-content:center;width:100%}.auth-layout>.auth-footer{margin-top:var(--space-6);text-align:center}.auth-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:1}.auth-bg-circle{background:radial-gradient(circle,#1da1f21a 0,#0000 70%);border-radius:50%;position:absolute}.auth-bg-circle-1{animation:float 20s ease-in-out infinite;height:600px;left:-300px;top:-300px;width:600px}.auth-bg-circle-2{animation:float 25s ease-in-out infinite reverse;bottom:-200px;height:400px;right:-200px;width:400px}.auth-bg-circle-3{animation:float 30s ease-in-out infinite;height:300px;right:10%;top:50%;transform:translateY(-50%);width:300px}@media (max-width:768px){.auth-logo .logo,.auth-logo a{height:120px;width:240px}.auth-logo .brand-text{font-size:var(--font-size-3xl)}.auth-bg-circle-1{height:400px;left:-200px;top:-200px;width:400px}.auth-bg-circle-2{bottom:-150px;height:300px;right:-150px;width:300px}.auth-bg-circle-3{height:200px;width:200px}}.notifications-container{max-width:400px;position:fixed;right:var(--space-4);top:var(--space-4);z-index:1000}.subject-input{width:100%}.input-group,.subject-input{max-width:100%;overflow:hidden}.input-group{align-items:center;background-color:var(--color-white);border-radius:9999px;box-shadow:0 4px 24px #00000014;display:flex;gap:.5rem;min-height:52px;padding:.375rem;transition:all .3s ease}.input-group:focus-within{box-shadow:0 0 0 3px #1da1f24d,var(--shadow-lg)}.subject-input-field{appearance:none;-webkit-appearance:none;background-color:initial;border:none;border-radius:9999px;box-sizing:border-box;color:var(--color-gray-900);flex:1 1 60%;font-family:inherit;font-size:.938rem;height:40px;line-height:1.2;margin:0;min-width:150px;outline:none;overflow:hidden;padding:.625rem .875rem;resize:none;white-space:normal}.subject-input-field::-webkit-scrollbar{display:none}.subject-input-field:focus{box-shadow:none;outline:none}.subject-input-field::placeholder{color:var(--color-gray-400)}.settings-button,.submit-button{align-items:center;border:none;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;transition:all var(--transition-normal) var(--transition-ease)}.settings-button{background-color:initial;border-radius:50%;color:var(--color-gray-500);height:40px;padding:0;width:40px}.settings-button:hover{background-color:var(--color-gray-100);color:var(--color-gray-700)}.settings-button svg{height:20px;width:20px}.subject-input .submit-button{background-color:var(--color-primary);border-radius:9999px!important;box-shadow:0 1px 3px #0000001a;color:var(--color-white);flex-shrink:1;font-size:.75rem!important;font-weight:600;height:40px!important;letter-spacing:-.02em;margin:0!important;max-width:140px;min-width:auto;overflow:hidden;padding:.5rem .75rem!important;text-overflow:ellipsis;text-transform:none!important;transition:all .2s ease;white-space:normal;width:auto!important}.subject-input .submit-button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 12px #1da1f240;transform:translateY(-1px)}.subject-input .submit-button:active:not(:disabled){box-shadow:0 1px 3px #0000001a;transform:translateY(0)}.subject-input .submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.button-text{align-items:center;display:inline-flex;height:100%;line-height:1}.settings-panel{animation:slideDown .3s var(--transition-ease);background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-4);padding:var(--space-4);position:relative;z-index:10}.settings-panel h3{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:var(--font-size-lg);margin-bottom:var(--space-4);margin-top:0;padding-bottom:var(--space-2)}.settings-row{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-4)}.settings-group{flex:1 1;min-width:150px}.settings-group label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.settings-group select{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-900);font-size:var(--font-size-sm);padding:var(--space-2);transition:border-color var(--transition-fast) var(--transition-ease);width:100%}.settings-group select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #1da1f233;outline:none}.checkbox-group{margin-top:var(--space-2)}.checkbox-group label{align-items:center;cursor:pointer;display:flex}.checkbox-group input[type=checkbox]{cursor:pointer;margin-right:var(--space-2)}.spinner{border:2px solid #ffffff4d;border-top:2px solid var(--color-white);display:inline-block;height:20px;width:20px}@media (max-width:770px) and (min-width:641px){.subject-input-field{font-size:.875rem;min-width:120px;padding:.5rem .75rem}.submit-button{font-size:.75rem;height:38px;padding:.5rem .875rem}}@media (max-width:640px){.input-group{gap:.375rem;min-height:48px}.settings-row{flex-direction:column;gap:var(--space-2)}.settings-group{width:100%}.subject-input-field{font-size:.875rem;height:46px;padding:.5rem .75rem}.settings-button{height:36px;width:36px}.settings-button svg{height:18px;width:18px}.submit-button{font-size:.688rem;height:36px;padding:.375rem .75rem}.button-text{font-size:.75rem}}.story-length-modal{padding:var(--space-2) 0}.story-subject{color:var(--color-gray-700);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:var(--space-6);padding:0 var(--space-4);text-align:center}.duration-options{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-2)}.duration-option{align-items:center;background-color:var(--color-white);border:var(--border-width-thin) solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-primary);cursor:pointer;display:inline-flex;font-family:inherit;font-size:inherit;font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-3) var(--space-4);text-align:center;transition:all var(--transition-normal) var(--transition-ease);width:100%}.duration-option:focus,.duration-option:hover{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.duration-option:hover .duration-label{color:var(--color-white)}.duration-option:active{transform:translateY(0)}.duration-option:focus{box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.duration-option:disabled{cursor:not-allowed;opacity:.6}.duration-label{color:inherit;font-size:var(--font-size-base);font-weight:inherit;margin:0;transition:color var(--transition-fast) ease}@media (max-width:600px){.story-subject{font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.duration-option{min-height:44px;padding:var(--space-3) var(--space-4)}.duration-label{font-size:var(--font-size-sm)}}@media (max-width:360px){.duration-option{min-height:40px;padding:var(--space-3)}}.location-suggestions{background-color:initial;margin:1.5rem 0;overflow:hidden;padding:0;width:100%}.location-suggestions--loading{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:120px}.location-suggestions__header{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.location-header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.location-suggestions__header h3,.location-suggestions__header h4{color:#fffffff2;flex:1 1;font-size:1rem;font-weight:600;line-height:1.2;margin:0}@media (prefers-color-scheme:dark){:root:not([data-theme]) .location-suggestions__header h3,:root:not([data-theme]) .location-suggestions__header h4{color:#ffffffd9}}:root[data-theme=dark] .location-suggestions__header h3,:root[data-theme=dark] .location-suggestions__header h4{color:#ffffffd9}.location-accuracy-badge{color:#ffffffb3;flex-shrink:0;font-size:.75rem;font-weight:500;white-space:nowrap}.location-accuracy-badge.high{color:#fffc}.location-accuracy-badge.low{color:#fff9}.location-section{margin-bottom:2rem;width:100%}.location-section:last-child{margin-bottom:0}.suggestions-carousel{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:.75rem;margin:0 -1rem;overflow-x:auto;overflow-y:hidden;padding:.5rem 1rem;scroll-behavior:smooth;scrollbar-width:none}.suggestions-carousel::-webkit-scrollbar{display:none}.suggestion-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border:1px solid #fff3;border-radius:12px;cursor:pointer;flex:0 0 auto;padding:.875rem 1.25rem;position:relative;text-align:left;transition:all .2s ease;width:260px}@media (prefers-color-scheme:dark){:root:not([data-theme]) .suggestion-card{background-color:#ffffff0d;border-color:#ffffff1a}}:root[data-theme=dark] .suggestion-card{background-color:#ffffff0d;border-color:#ffffff1a}.suggestion-card:hover{background-color:var(--color-white);border-color:#0000;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.suggestion-card:hover .suggestion-distance,.suggestion-card:hover .suggestion-name{color:var(--color-gray-900)}.suggestion-content{display:flex;flex-direction:column;gap:.25rem}.suggestion-main-line{align-items:center;display:flex;gap:.75rem;justify-content:space-between;width:100%}.suggestion-name{color:#fffffff2;font-size:.875rem;font-weight:500;line-height:1.4;margin:0;transition:color .2s ease;white-space:normal;word-break:break-word}.suggestion-distance{color:var(--color-primary-light);flex-shrink:0;font-size:.813rem;font-weight:600;transition:color .2s ease;white-space:nowrap}@media (prefers-color-scheme:dark){:root:not([data-theme]) .suggestion-name{color:#ffffffe6}}:root[data-theme=dark] .suggestion-name{color:#ffffffe6}.must-see-badge{align-items:center;background-color:var(--color-primary);border-radius:50%;box-shadow:0 2px 6px #ff47574d;display:flex;height:20px;justify-content:center;position:absolute;right:-6px;top:-6px;width:20px}.must-see-badge:before{color:#fff;content:"★";font-size:11px;line-height:1}.loading-text{color:#fff9;font-size:.875rem;font-style:italic;padding:2rem;text-align:center;width:100%}.spinner{border:3px solid #fff3;border-top:3px solid var(--color-white);height:36px;width:36px}@media (max-width:768px){.location-suggestions{margin:1rem 0}.location-suggestions__header{gap:.5rem;margin-bottom:.75rem}.location-suggestions__header h3,.location-suggestions__header h4{font-size:.938rem}.suggestions-carousel{gap:.5rem;margin:0 -.75rem;padding-left:.75rem;padding-right:.75rem}.suggestion-card{padding:.75rem 1rem;width:220px}}@media (max-width:480px){.location-suggestions__header{margin-bottom:.625rem}.location-suggestions__header h3,.location-suggestions__header h4{font-size:.875rem}.location-accuracy-badge{font-size:.688rem}.suggestions-carousel{gap:.5rem;margin:0 -1rem;padding-left:1rem;padding-right:1rem}.suggestion-card{border-radius:10px;padding:.625rem .875rem;width:180px}.suggestion-name{font-size:.813rem}.suggestion-distance{font-size:.75rem}.location-section{margin-bottom:.6rem}}@media (max-width:360px){.location-suggestions{margin:.75rem 0}.location-suggestions__header h3,.location-suggestions__header h4{font-size:.813rem}.suggestions-carousel{gap:.375rem;margin:0 -.75rem;padding-left:.75rem;padding-right:.75rem}.suggestion-card{padding:.5rem .75rem;width:150px}.suggestion-name{font-size:.75rem;line-height:1.3}.suggestion-distance{font-size:.688rem}.must-see-badge{height:16px;right:-4px;top:-4px;width:16px}.must-see-badge:before{font-size:9px}}.featured-stories{background-color:var(--color-white)}.featured-stories-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.nearby-toggle{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-full);color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal) var(--transition-ease)}.nearby-toggle:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.nearby-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.nearby-toggle svg{height:18px;width:18px}@keyframes blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.05)}}.nearby-toggle.blink{animation:blink 1.5s ease-in-out infinite;border-color:var(--color-primary);color:var(--color-primary)}.loading-container .spinner{animation:spin 1s ease-in-out infinite;border:3px solid var(--color-primary-light);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:var(--space-4);width:40px}.loading-container p{color:var(--color-gray-600);font-size:var(--font-size-base)}.stories-container{margin-bottom:var(--space-12);min-height:300px;position:relative}.stories-carousel-wrapper{margin:0 calc(var(--space-4)*-1);overflow:visible;padding:0 var(--space-4);position:relative}.stories-carousel{-ms-overflow-style:none;display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-2) 0;scroll-behavior:smooth;scrollbar-width:none}.stories-carousel::-webkit-scrollbar{display:none}.carousel-arrow{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:50%;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:48px;justify-content:center;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-normal) var(--transition-ease),background-color var(--transition-normal) var(--transition-ease);width:48px;z-index:2}.carousel-arrow.visible{opacity:1}.carousel-arrow:hover{background-color:var(--color-gray-100)}.carousel-arrow--left{left:var(--space-2)}.carousel-arrow--right{right:var(--space-2)}.carousel-arrow svg{color:var(--color-gray-700);height:24px;width:24px}.stories-carousel-wrapper:hover .carousel-arrow.visible{opacity:1}.stories-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:var(--color-white);border-radius:var(--border-radius-lg);display:flex;height:100%;justify-content:center;left:0;opacity:.9;position:absolute;top:0;width:100%;z-index:10}.story-card{color:inherit;flex-shrink:0;width:280px}.story-card:hover{transform:translateY(-8px)}.story-card-image-wrapper{display:block;height:180px;overflow:hidden}.story-card-content{padding:var(--space-3) var(--space-4)}.story-card-title{font-size:var(--font-size-base);line-height:1.3;margin:0 0 var(--space-3) 0}.story-card-footer{justify-content:flex-start}.metric{color:var(--color-gray-500);font-size:var(--font-size-xs)}.metric svg{height:14px;margin-right:var(--space-1);width:14px}.metric.story-style{margin-left:auto}.view-all-container{text-align:center}.view-all-container .btn{align-items:center;display:inline-flex;padding:var(--space-3) var(--space-6)}.view-all-container .btn svg{height:16px;margin-left:var(--space-2);transition:transform var(--transition-normal) var(--transition-ease);width:16px}.view-all-container .btn:hover svg{transform:translateX(4px)}@media (max-width:992px){.story-card{width:280px}}@media (max-width:768px){.featured-stories-header{flex-direction:column;gap:var(--space-4);text-align:center}.section-title{margin-bottom:0}.featured-stories{padding:var(--space-12) 0}.story-card{height:360px;max-width:290px;width:260px}.stories-carousel{gap:var(--space-3)}.story-card-image{height:160px}.carousel-arrow{height:40px;width:40px}.carousel-arrow svg{height:20px;width:20px}}@media (max-width:576px){.featured-stories{padding:var(--space-8) 0}.story-card{max-width:290px;width:240px}.stories-carousel{gap:var(--space-2);padding:var(--space-2) var(--space-3)}.carousel-arrow{height:36px;width:36px}.carousel-arrow svg{height:18px;width:18px}@media (prefers-color-scheme:dark) and (max-width:576px){.story-card{background-color:var(--color-gray-800)!important;background-color:var(--background-color,var(--color-gray-800))!important}.story-card-title{color:var(--color-gray-100)!important;color:var(--text-color,var(--color-gray-100))!important}.story-card-summary{color:var(--color-gray-300)!important}}.metric{font-size:calc(var(--font-size-xs) + 1px)}}@media (max-width:400px){.story-card{width:220px}.stories-carousel{gap:var(--space-2);padding:var(--space-2) var(--space-2)}}@media (prefers-color-scheme:dark){.stories-loading-overlay{background-color:var(--color-gray-900);opacity:.7}.carousel-arrow{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.carousel-arrow:hover{background-color:var(--color-gray-700)}.carousel-arrow svg,.nearby-toggle{color:var(--color-gray-300)}.nearby-toggle{background-color:var(--color-gray-800);border-color:var(--color-gray-600)}.nearby-toggle:hover{background-color:var(--color-gray-700);border-color:var(--color-primary-light);color:var(--color-primary-light)}.nearby-toggle.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.nearby-toggle.blink{border-color:var(--color-primary-light);color:var(--color-primary-light)}.story-card{background-color:var(--color-gray-800)}.story-card-title{color:var(--color-gray-100)}.story-card-summary{color:var(--color-gray-300)}.story-card-footer{border-top-color:var(--color-gray-700)}.metric{color:var(--color-gray-300)}.story-card-link{color:var(--color-primary-light)}.story-card-link:hover{color:var(--color-primary)}}.stories-by-location{background-color:var(--color-white);padding:var(--space-16) 0}.stories-by-location .section-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-6);text-align:center}.loading-skeleton{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin:0 auto;max-width:1200px}.skeleton-box{animation:loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,var(--color-gray-200) 25%,var(--color-gray-100) 50%,var(--color-gray-200) 75%);background-size:200% 100%;border-radius:var(--border-radius-lg);height:120px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.locations-content{margin-bottom:var(--space-2);overflow:hidden;position:relative;transition:all var(--transition-normal) var(--transition-ease)}.locations-content:not(.expanded):after{background:linear-gradient(180deg,#0000,#ffffffe6);bottom:0;content:"";height:80px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity var(--transition-normal) var(--transition-ease)}.locations-content:not(.expanded).has-more:after{opacity:1}.locations-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-left:auto;margin-right:auto;max-width:1200px}.location-group{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease)}.location-group:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.country-header{align-items:center;border-bottom:1px solid var(--color-gray-200);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-6);transition:background-color var(--transition-normal) var(--transition-ease)}.country-header:hover{background-color:var(--color-gray-50)}.country-info{flex:1 1}.country-name{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-1) 0}.country-stats{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.country-thumbnail{border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);height:60px;object-fit:cover;width:60px}.cities-list{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-4) var(--space-6) var(--space-6)}.city-tag{background-color:var(--color-gray-100);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-full);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:all var(--transition-normal) var(--transition-ease)}.city-tag:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white);transform:translateY(-1px)}.city-tag--more{background-color:initial;border-style:dashed;font-style:italic}.country-stories{background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);padding:var(--space-6)}.mini-stories-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-bottom:var(--space-6)}.mini-story-card{cursor:pointer;text-decoration:none;transition:transform var(--transition-normal) var(--transition-ease)}.mini-story-card:hover{transform:translateY(-4px)}.mini-story-image{aspect-ratio:4/3;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);margin-bottom:var(--space-2);object-fit:cover;width:100%}.mini-story-content{padding:0 var(--space-1)}.mini-story-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-900);display:-webkit-box;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.3;margin:0 0 var(--space-1) 0;overflow:hidden}.mini-story-location{color:var(--color-gray-600);font-size:var(--font-size-xs);margin:0}.view-all-country{background-color:var(--color-white);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-3);transition:all var(--transition-normal) var(--transition-ease);width:100%}.view-all-country:hover{background-color:var(--color-primary);color:var(--color-white)}.expand-toggle{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-300);border-radius:var(--border-radius-full);color:var(--color-gray-700);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin:var(--space-6) auto;padding:var(--space-2) var(--space-4);transition:all var(--transition-normal) var(--transition-ease)}.expand-toggle:hover{background-color:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.expand-toggle .expand-icon{height:16px;transition:transform var(--transition-normal) var(--transition-ease);width:16px}.expand-toggle .expand-icon.expanded{transform:rotate(180deg)}.location-search{margin-bottom:var(--space-8);margin-top:var(--space-4);text-align:center}.search-form{align-items:center;display:flex;gap:var(--space-2);margin:0 auto var(--space-6);max-width:400px}.search-input{background-color:var(--color-gray-50);border-radius:var(--border-radius-md);color:var(--color-gray-900);transition:all var(--transition-normal) var(--transition-ease)}.search-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--border-radius-md);color:var(--color-white);cursor:pointer;display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-3) var(--space-4);transition:background-color var(--transition-normal) var(--transition-ease)}.search-button:hover{background-color:var(--color-primary-dark)}.search-button svg{height:18px;width:18px}.explore-map{display:none;text-align:center}.explore-map .btn{align-items:center;display:inline-flex;gap:var(--space-2)}:root[data-theme=dark] .stories-by-location{background-color:var(--color-gray-50)}:root[data-theme=dark] .expand-toggle{background-color:var(--color-gray-100);border-color:var(--color-gray-300);color:var(--color-gray-600)}:root[data-theme=dark] .expand-toggle:hover{background-color:var(--color-gray-200);border-color:var(--color-primary-light);color:var(--color-primary-light)}:root[data-theme=dark] .search-input{border-color:var(--color-gray-300);color:var(--color-gray-800)}:root[data-theme=dark] .search-input:focus{background-color:var(--color-gray-200)}:root[data-theme=dark] .search-button{background-color:var(--color-primary)}:root[data-theme=dark] .search-button:hover{background-color:var(--color-primary-dark)}:root[data-theme=dark] .stories-by-location .section-title{color:var(--color-gray-800)}:root[data-theme=dark] .skeleton-box{background:linear-gradient(90deg,var(--color-gray-100) 25%,var(--color-gray-200) 50%,var(--color-gray-100) 75%)}:root[data-theme=dark] .location-group{background-color:var(--color-gray-100);box-shadow:var(--shadow-md)}:root[data-theme=dark] .country-header{border-bottom-color:var(--color-gray-200)}:root[data-theme=dark] .country-header:hover{background-color:var(--color-gray-200)}:root[data-theme=dark] .country-name{color:var(--color-gray-800)}:root[data-theme=dark] .country-stats{color:var(--color-gray-400)}:root[data-theme=dark] .cities-list{background-color:initial}:root[data-theme=dark] .city-tag{background-color:var(--color-gray-200);border-color:var(--color-gray-300);color:var(--color-gray-600)}:root[data-theme=dark] .city-tag:hover{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}:root[data-theme=dark] .city-tag--more{background-color:initial}:root[data-theme=dark] .country-stories{background-color:var(--color-gray-50);border-top-color:var(--color-gray-200)}:root[data-theme=dark] .mini-story-title{color:var(--color-gray-800)}:root[data-theme=dark] .mini-story-location{color:var(--color-gray-400)}:root[data-theme=dark] .view-all-country{background-color:var(--color-gray-100);border-color:var(--color-primary);color:var(--color-primary)}:root[data-theme=dark] .view-all-country:hover{background-color:var(--color-primary);color:var(--color-white)}:root[data-theme=dark] .locations-content:not(.expanded):after{background:linear-gradient(180deg,#0000,#f8f9fae6)}@media (max-width:768px){.stories-by-location{padding:var(--space-12) 0}.locations-grid{gap:var(--space-4);grid-template-columns:1fr}.search-button,.search-input{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.search-button svg{height:16px;width:16px}.mini-stories-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.country-header{padding:var(--space-4)}.cities-list{padding:var(--space-3) var(--space-4) var(--space-4)}.country-stories{padding:var(--space-4)}}.user-qualification-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;opacity:0;padding:1rem;position:fixed;right:0;top:0;transition:opacity .3s ease;z-index:10000}.user-qualification-overlay.visible{opacity:1}.user-qualification-overlay.closing{opacity:0}.user-qualification-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #00000026;max-width:440px;overflow:hidden;padding:3rem 2.5rem 2.5rem;position:relative;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);width:100%}.user-qualification-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));content:"";height:4px;left:0;position:absolute;right:0;top:0}.user-qualification-overlay.visible .user-qualification-card{transform:scale(1) translateY(0)}.qualification-icon{animation:float 3s ease-in-out infinite;display:flex;justify-content:center;margin-bottom:1.5rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.qualification-title{color:var(--color-primary);font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .75rem;text-align:center}.qualification-subtitle{color:var(--color-black);font-size:1.05rem;line-height:1.5;margin:0 0 2.5rem;text-align:center}.qualification-options{display:flex;flex-direction:column;gap:.875rem}.qualification-option{background:#fafbfc;border:2px solid #e8eef5;border-radius:12px;color:var(--color-primary);cursor:pointer;font-family:var(--font-family-base);font-size:1rem;font-weight:500;overflow:hidden;padding:1.125rem 1.5rem;position:relative;text-align:center;transition:all .2s ease;width:100%}.qualification-option:hover{background-color:#1da1f20a;border-color:var(--color-primary);box-shadow:0 6px 20px #1da1f226;color:var(--color-primary);transform:translateY(-2px)}.qualification-option:active{background-color:#1da1f214;transform:translateY(0)}.qualification-option:nth-child(2),.qualification-option:nth-child(3){position:relative}.qualification-option:nth-child(2):hover:before,.qualification-option:nth-child(3):hover:before{background:linear-gradient(135deg,#1da1f208,#1da1f20f);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@media (max-width:768px){.user-qualification-card{max-width:360px;padding:2rem 1.5rem}.qualification-title{font-size:1.5rem}.qualification-subtitle{font-size:.95rem;margin-bottom:1.5rem}.qualification-option{font-size:.95rem;padding:.875rem 1.25rem}}@media (max-width:400px){.user-qualification-card{padding:1.5rem 1rem}.qualification-options{gap:.5rem}}.home-page{min-height:100vh;overflow-x:hidden}.hero{background:linear-gradient(135deg,var(--color-primary-dark),var(--color-primary));color:var(--color-white);overflow:hidden;padding:var(--space-16) 0;position:relative;text-align:center}.hero:before{background-position:50%;background-repeat:repeat;content:"";display:none;height:100%;left:0;opacity:.1;position:absolute;top:0;width:100%;z-index:1}.hero-content{align-items:center;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}.hero-title{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4);max-width:800px}.hero-subtitle{font-size:var(--font-size-xl);margin-bottom:var(--space-8);max-width:600px;opacity:.9}.subject-input-container{margin:0 auto var(--space-8);max-width:700px;width:100%}.generation-status{margin-top:var(--space-4);text-align:center}.progress-bar{height:6px;margin-bottom:var(--space-2)}.progress-bar,.progress-bar-fill{border-radius:var(--border-radius-full)}.progress-bar-fill{background-color:var(--color-white)}.status-text{font-size:var(--font-size-sm);opacity:.8}.popular-keywords{margin-top:var(--space-6)}.popular-keywords h3{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--space-3);opacity:.9}.keywords-wrapper{align-items:center;display:flex;flex-direction:column;position:relative}.keywords-expand-button{align-items:center;background:#ffffff14;border:1px solid #ffffff26;border-radius:var(--border-radius-full);color:var(--color-white);cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin-top:var(--space-2);opacity:.7;padding:0;transition:all var(--transition-normal) var(--transition-ease);width:28px}.keywords-expand-button:hover{background:#ffffff1f;border-color:#ffffff40;opacity:.9;transform:translateY(-1px)}.keywords-expand-button:active{transform:translateY(0)}.keywords-expand-button .expand-icon{height:14px;transition:transform var(--transition-normal) var(--transition-ease);width:14px}.keywords-expand-button .expand-icon.expanded{transform:rotate(180deg)}.how-it-works{background-color:var(--color-gray-50);padding:var(--space-16) 0}.section-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);margin-bottom:var(--space-12);text-align:center}.steps{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:center}.step{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex:1 1;max-width:350px;min-width:250px;padding:var(--space-6);text-align:center;transition:transform var(--transition-normal) var(--transition-ease)}.step:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.step-number{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;font-weight:var(--font-weight-bold);height:40px;justify-content:center;margin:0 auto var(--space-4);width:40px}.step-title{color:var(--color-primary-dark);font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.step-description{color:var(--color-gray-600)}.featured-stories{padding:var(--space-16) 0}.stories-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:var(--space-8)}.story-card-title{margin-bottom:var(--space-2)}.story-card-footer{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding-top:var(--space-2)}.story-card-metrics{color:var(--color-gray-500);font-size:var(--font-size-sm);gap:var(--space-3)}.metric,.story-card-metrics{align-items:center;display:flex}.metric{gap:var(--space-1)}.story-card-link{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.features{background-color:var(--color-gray-50);padding:var(--space-16) 0}.features-carousel-wrapper{margin:var(--space-8) 0 0;overflow:hidden;position:relative}.features-carousel{-ms-overflow-style:none;display:flex;gap:var(--space-4);overflow-x:auto;padding:var(--space-2) var(--space-4);scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.features-carousel::-webkit-scrollbar{display:none}.features .scroll-indicators{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-8);margin-top:var(--space-6)}.features .indicator{background-color:var(--color-gray-300);border:none;border-radius:50%;cursor:pointer;height:8px;transition:background-color var(--transition-normal) var(--transition-ease),transform var(--transition-normal) var(--transition-ease);width:8px}.features .indicator.active{background-color:var(--color-primary);transform:scale(1.2)}.features .indicator:hover:not(.active){background-color:var(--color-gray-400)}.feature{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);flex-shrink:0;padding:var(--space-6);scroll-snap-align:start;text-align:center;transition:transform var(--transition-normal) var(--transition-ease);width:320px}.feature:hover{transform:translateY(-5px)}.feature-icon{font-size:2.5rem;margin-bottom:var(--space-4)}.feature h3{color:var(--color-primary-dark);font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.feature p{color:var(--color-gray-600)}.features .cta-container{margin-top:var(--space-8);text-align:center}.btn--lg{padding:var(--space-3) var(--space-8)}@media (max-width:992px){.features-carousel{gap:var(--space-3)}}@media (max-width:768px){.hero-title{font-size:var(--font-size-3xl)}.hero-subtitle{font-size:var(--font-size-lg)}.features-carousel{padding:var(--space-2) var(--space-3)}.steps{align-items:center;flex-direction:column}.step{max-width:400px;width:100%}.section-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-8)}}@media (max-width:480px){.hero{padding:var(--space-10) 0}.hero-title{font-size:var(--font-size-2xl)}.hero-subtitle{font-size:var(--font-size-base)}.featured-stories,.features,.how-it-works{padding:var(--space-10) 0}.story-card-metrics{font-size:calc(var(--font-size-sm) - 1px)}@media (prefers-color-scheme:dark) and (max-width:480px){.story-card{background-color:var(--color-gray-800)!important;background-color:var(--background-color,var(--color-gray-800))!important}.story-card-title{color:var(--color-gray-100)!important;color:var(--text-color,var(--color-gray-100))!important}.feature,.step{background-color:var(--color-gray-800)!important;background-color:var(--background-color,var(--color-gray-800))!important}}.metric{font-size:calc(var(--font-size-xs) + 1px)}.features-carousel{gap:var(--space-2);padding:var(--space-2)}}@media (prefers-color-scheme:dark){.story-card{background-color:var(--color-gray-800)}.story-card-title{color:var(--color-gray-100)}.story-card-footer{border-top-color:var(--color-gray-700)}.story-card-metrics{color:var(--color-gray-300)}.story-card-link{color:var(--color-primary-light)}.step{background-color:var(--color-gray-800)}.step-description{color:var(--color-gray-300)}.feature{background-color:var(--color-gray-800)}.feature p{color:var(--color-gray-300)}.features .indicator{background-color:var(--color-gray-600)}.features .indicator:hover:not(.active){background-color:var(--color-gray-500)}}@media (max-width:768px){.featured-stories .stories-carousel .story-card,.home-page .featured-stories .story-card,.story-card{max-width:290px!important}}@media (max-width:576px){.featured-stories .stories-carousel .story-card,.home-page .featured-stories .story-card,.story-card{max-width:290px!important}}.keyword-cloud{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;max-width:100%;min-height:200px;padding:var(--space-4)}.keyword{border:none;border-radius:var(--border-radius-full);box-shadow:0 2px 4px #0000001a;cursor:pointer;display:inline-block;font-weight:var(--font-weight-medium);margin:var(--space-1);padding:var(--space-1) var(--space-3);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.keyword,.keyword:hover{background-color:var(--color-primary);color:var(--color-white)}.keyword:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px) scale(1.05)}.keyword:active{box-shadow:0 2px 2px #0000001a;transform:translateY(0)}.keyword-size-1{font-size:var(--font-size-sm);opacity:.8}.keyword-size-2{font-size:var(--font-size-base);opacity:.85}.keyword-size-3{font-size:var(--font-size-lg);opacity:.9}.keyword-size-4{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);opacity:.95}.keyword-size-5{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);opacity:1}.keyword-cloud-placeholder{color:var(--color-white);font-style:italic;opacity:.7;padding:var(--space-4);text-align:center}@media (prefers-color-scheme:dark){.keyword{background-color:var(--color-primary);color:var(--color-white)}.keyword:hover{background-color:var(--color-primary-dark)}.keyword-cloud-placeholder{color:var(--color-gray-300)}}@media (max-width:768px){.keyword-size-4{font-size:var(--font-size-lg)}.keyword-size-5{font-size:var(--font-size-xl)}.keyword-cloud{min-height:auto}}@media (max-width:480px){.keyword-cloud{gap:var(--space-1);min-height:auto}.keyword{margin:var(--space-1) 0;padding:var(--space-1) var(--space-2)}.keyword-size-1{font-size:calc(var(--font-size-xs) + 1px)}.keyword-size-2{font-size:var(--font-size-sm)}.keyword-size-3{font-size:var(--font-size-base)}.keyword-size-4{font-size:var(--font-size-lg)}.keyword-size-5{font-size:var(--font-size-xl)}}@media (prefers-color-scheme:dark) and (max-width:480px){.keyword{background-color:var(--color-primary)!important;color:var(--color-white)!important}.keyword-cloud-placeholder{color:var(--color-gray-300)!important}}.story-page{min-height:calc(100vh - var(--audio-player-height) - 64px);padding:var(--space-8) 0}.story-header{flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-6)}.story-title{color:var(--color-gray-900);flex:1 1;font-size:var(--font-size-3xl);margin:0;min-width:250px}.story-actions{display:flex;gap:var(--space-2)}.story-main-content .story-actions{border-top:1px solid var(--color-gray-200);justify-content:center;padding:var(--space-4) var(--space-6)}.like-button,.share-button{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);color:var(--color-gray-700);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-normal) var(--transition-ease)}.like-button:hover,.share-button:hover{background-color:var(--color-gray-100)}.like-button.active{background-color:var(--color-primary-light);border-color:var(--color-primary-light);color:var(--color-primary-dark)}.like-button svg,.share-button svg{height:20px;width:20px}.story-content-wrapper{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(0,1fr);max-width:100%}.story-main-content{background-color:var(--color-white);background-color:var(--background-color,var(--color-white));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);max-width:100%;overflow:hidden}.story-image-container{height:320px;overflow:hidden;position:relative;width:100%}.story-image{height:100%}.story-subject{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border-radius:var(--border-radius-md);bottom:var(--space-4);color:var(--color-white);display:flex;font-size:var(--font-size-sm);gap:var(--space-2);left:var(--space-4);padding:var(--space-2) var(--space-3);position:absolute}.story-subject svg{height:16px;width:16px}.story-location{font-weight:400;opacity:.9}.story-content{display:flex;flex-direction:column;min-height:200px;padding:var(--space-6)}.story-content .sidebar-title{align-self:flex-start;margin-bottom:var(--space-4);width:100%}.story-content .keywords-container{align-items:center;display:flex;justify-content:center;width:100%}.story-paragraphs{color:var(--color-gray-800);color:var(--text-color,var(--color-gray-800));font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}.story-paragraphs p{margin-bottom:var(--space-4)}.story-paragraphs p:last-child{margin-bottom:0}.no-content{color:var(--color-gray-500);font-style:italic}.story-metadata{background-color:var(--color-gray-50);border-top:1px solid var(--color-gray-200);display:flex;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-4) var(--space-6)}.metadata-item{align-items:center;color:var(--color-gray-600);display:flex;font-size:var(--font-size-sm);gap:var(--space-2)}.metadata-item svg{color:var(--color-gray-500);height:18px;width:18px}.story-sidebar{display:flex;flex-direction:column;gap:var(--space-6);min-width:0}.sidebar-section{word-wrap:break-word;background-color:var(--color-white);background-color:var(--background-color,var(--color-white));border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);min-width:0;overflow-wrap:break-word;padding:var(--space-4)}.sidebar-title{align-items:center;border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);display:flex;font-size:var(--font-size-lg);gap:var(--space-2);margin-bottom:var(--space-4);margin-top:0;padding-bottom:var(--space-2)}.sidebar-title svg{color:var(--color-primary);height:20px;width:20px}.wiki-content{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.wiki-content p{margin-bottom:var(--space-3)}.wiki-link{align-items:center;color:var(--color-primary);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-1);text-decoration:none;transition:color var(--transition-normal) var(--transition-ease)}.wiki-link:hover{color:var(--color-primary-dark);text-decoration:underline}.wiki-link svg{height:14px;width:14px}.wiki-loading,.wiki-not-found{align-items:center;color:var(--color-gray-500);display:flex;font-size:var(--font-size-sm);justify-content:center;min-height:100px}.wiki-loading{gap:var(--space-2)}.keywords-container{padding:var(--space-2) 0}.no-keywords{color:var(--color-gray-500);font-size:var(--font-size-sm);padding:var(--space-4);text-align:center}.discover-link{align-items:center;background-color:var(--color-gray-100);border-radius:var(--border-radius-md);color:var(--color-primary);display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--space-3);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.discover-link:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark)}.discover-link svg{height:18px;transition:transform var(--transition-normal) var(--transition-ease);width:18px}.discover-link:hover svg{transform:translateX(4px)}.disclaimer-section{margin-top:var(--space-4)}.disclaimer-text{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.generation-status-container{animation:slideUp .3s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#000000e6;bottom:0!important;box-shadow:0 -2px 10px #0003;left:0!important;padding:var(--space-3);position:fixed!important;right:0!important;width:100%!important;z-index:9999!important}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.generation-status-container p{align-items:center;color:var(--color-white);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;margin:0 0 var(--space-2) 0;text-align:center}.generation-status-container p:before{animation:pulse 1.5s infinite;background-color:var(--color-primary);border-radius:50%;content:"";display:inline-block;height:8px;width:8px}@keyframes pulse{0%{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}to{opacity:.4;transform:scale(.8)}}.progress-container{margin:0;position:relative}.progress-bar{background-color:#fff3;border-radius:0;height:4px}.progress-fill{animation:progress-animation 1s linear infinite;background-color:var(--color-primary);background-image:linear-gradient(45deg,#ffffff26 25%,#0000 0,#0000 50%,#ffffff26 0,#ffffff26 75%,#0000 0,#0000);background-size:20px 20px;height:100%;transition:width .5s ease}@keyframes progress-animation{0%{background-position:0 0}to{background-position:20px 0}}.progress-text{color:var(--color-white);font-size:var(--font-size-xs);opacity:.8;position:absolute;right:0;top:-20px}.story-page{padding-bottom:calc(var(--space-8) + 50px)}@media (max-width:768px){.generation-status-container{padding:var(--space-2)}.generation-status-container p{font-size:var(--font-size-xs)}.progress-bar{height:3px}}.generation-error-container{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:600px;padding:var(--space-8);text-align:center}.generation-error-container h1{color:var(--color-error);margin-bottom:var(--space-4)}.generation-error-container p{color:var(--color-gray-600);margin-bottom:var(--space-6)}@media (max-width:992px){.story-content-wrapper{grid-template-columns:1fr;max-width:100%;width:100%}.story-title{font-size:var(--font-size-2xl)}.story-image-container{height:250px}.story-image-container,.story-main-content,.story-sidebar{max-width:100%;width:100%}}@media (max-width:768px){.story-page{padding:var(--space-4) 0}.story-header{align-items:flex-start;flex-direction:column}.story-metadata{gap:var(--space-4);padding:var(--space-3) var(--space-4)}.generation-error-container,.generation-status-container{padding:var(--space-4)}}@media (max-width:576px){.story-content{padding:var(--space-4)}.story-subject{bottom:var(--space-2);font-size:calc(var(--font-size-xs) + 1px);left:var(--space-2);padding:var(--space-1) var(--space-2)}.story-image-container{height:200px}.story-title{font-size:var(--font-size-xl)}.metadata-item{font-size:calc(var(--font-size-sm) - 1px)}}.collapsible-panel .sidebar-title{align-items:center;display:flex;gap:var(--space-2);padding-right:var(--space-8);position:relative}.expand-toggle-btn{align-items:center;background-color:initial;border:none;border-radius:var(--border-radius-sm);color:var(--color-gray-600);cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:all var(--transition-normal) var(--transition-ease);width:32px}.expand-toggle-btn:hover{background-color:var(--color-gray-100);color:var(--color-primary)}.expand-toggle-btn .expand-icon{height:16px;transition:transform var(--transition-normal) var(--transition-ease);width:16px}.expand-toggle-btn .expand-icon.expanded{transform:rotate(180deg)}.collapsible-panel .panel-content{overflow:hidden;transition:all var(--transition-normal) var(--transition-ease)}.collapsible-panel .panel-content.collapsed{max-height:400px;position:relative}.collapsible-panel .panel-content.collapsed:after{background:linear-gradient(to bottom,#0000,var(--color-white));background:linear-gradient(to bottom,#0000,var(--background-color,var(--color-white)));bottom:0;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:0}.collapsible-panel .panel-content.expanded{max-height:none}.story-content.collapsible-panel .panel-content.collapsed{max-height:380px}.wiki-section.collapsible-panel .panel-content.collapsed{max-height:350px}.keywords-section.collapsible-panel .panel-content.collapsed{max-height:400px}@media (max-width:768px){.collapsible-panel .panel-content.collapsed{max-height:300px}.story-content.collapsible-panel .panel-content.collapsed{max-height:280px}.wiki-section.collapsible-panel .panel-content.collapsed{max-height:250px}.keywords-section.collapsible-panel .panel-content.collapsed{max-height:300px}}:root[data-theme=dark] .sidebar-section,:root[data-theme=dark] .story-main-content{background-color:var(--color-gray-100)}:root[data-theme=dark] .expand-toggle-btn{color:var(--color-gray-400)}:root[data-theme=dark] .expand-toggle-btn:hover{background-color:var(--color-gray-200);color:var(--color-primary-light)}:root[data-theme=dark] .collapsible-panel .panel-content.collapsed:after{background:linear-gradient(to bottom,#0000,var(--color-gray-800));background:linear-gradient(to bottom,#0000,var(--background-color,var(--color-gray-800)))}:root[data-theme=dark] .story-title{color:var(--color-gray-800)}:root[data-theme=dark] .story-paragraphs{color:var(--color-gray-700)}:root[data-theme=dark] .story-metadata{background-color:var(--color-gray-50);border-top-color:var(--color-gray-200)}:root[data-theme=dark] .metadata-item{color:var(--color-gray-600)}:root[data-theme=dark] .discover-link{background-color:var(--color-gray-200)}@media (max-width:576px){:root[data-theme=dark] .story-main-content{background-color:var(--color-gray-800)!important;background-color:var(--background-color,var(--color-gray-800))!important}:root[data-theme=dark] .sidebar-section{background-color:var(--color-gray-100)!important}:root[data-theme=dark] .story-title{color:var(--color-gray-100)!important;color:var(--text-color,var(--color-gray-100))!important}:root[data-theme=dark] .story-paragraphs{color:var(--color-gray-200)!important;color:var(--text-color,var(--color-gray-200))!important}:root[data-theme=dark] .sidebar-title{color:var(--color-gray-100)!important;color:var(--text-color,var(--color-gray-100))!important}:root[data-theme=dark] .wiki-content{color:var(--color-gray-300)!important}}:root[data-theme=dark] .sidebar-title{border-bottom-color:var(--color-gray-200);color:var(--color-gray-800)}:root[data-theme=dark] .wiki-content{color:var(--color-gray-600)}:root[data-theme=dark] .like-button,:root[data-theme=dark] .share-button{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-600)}:root[data-theme=dark] .like-button:hover,:root[data-theme=dark] .share-button:hover{background-color:var(--color-gray-200)}:root[data-theme=dark] .story-subject{background-color:#000c;color:var(--color-gray-900)}@media (max-width:576px){:root[data-theme=dark] .story-paragraphs{font-size:calc(var(--font-size-base) + 1px);line-height:var(--line-height-relaxed)}}.nearby-stories-container{margin-top:0}.nearby-stories-list{display:flex;flex-direction:column;gap:var(--space-2)}.nearby-story-item{background-color:var(--color-gray-50);border-radius:var(--border-radius-md);color:inherit;display:flex;gap:var(--space-2);padding:var(--space-2);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.nearby-story-item:hover{background-color:var(--color-gray-100);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.nearby-story-item .story-thumbnail{border-radius:var(--border-radius-sm);flex-shrink:0;height:40px;overflow:hidden;width:40px}.nearby-story-item .story-thumbnail img{height:100%;object-fit:cover;width:100%}.nearby-story-item .story-info{flex:1 1;overflow:hidden}.nearby-story-item .story-title{color:var(--color-gray-900);flex:none;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.2;margin:0;max-width:-webkit-fit-content;max-width:fit-content;min-width:180px;overflow:hidden;text-overflow:ellipsis}.nearby-story-item .story-distance{color:var(--color-primary);font-size:11px;line-height:1.1;margin:0}.loading-state{display:flex;justify-content:center;padding:var(--space-4)}.spinner{border:2px solid var(--color-gray-200);border-top-color:var(--color-primary);height:24px;width:24px}.longer-stories-section{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-6);padding:var(--space-6)}.longer-stories-section .sidebar-title{align-items:center;color:var(--color-gray-900);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-2);margin-bottom:var(--space-3)}.longer-stories-section .sidebar-title svg{color:var(--color-primary);height:20px;width:20px}.longer-stories-description{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:1.5;margin-bottom:var(--space-4)}.duration-buttons{display:flex;flex-direction:column;gap:var(--space-2)}.duration-button{align-items:center;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;padding:var(--space-3) var(--space-4);transition:all var(--transition-normal) var(--transition-ease);width:100%}.duration-button:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-white);transform:translateY(-1px)}.duration-button:disabled{cursor:not-allowed;opacity:.5}.duration-button svg{height:16px;transition:transform var(--transition-normal) var(--transition-ease);width:16px}.duration-button:hover:not(:disabled) svg{transform:translateX(4px)}.duration-label{font-size:var(--font-size-sm)}.location-info-content{padding:var(--space-2) 0}.location-page-link{background-color:var(--color-white);background-color:var(--background-color,var(--color-white));border:1px solid #0000;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm);color:var(--color-gray-900);display:block;margin-bottom:var(--space-4);padding:var(--space-4);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.location-page-link:hover{background-color:var(--color-gray-50);box-shadow:var(--shadow-md);transform:translateY(-2px)}.location-page-link h4{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.location-subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:0}.location-teasers{grid-gap:var(--space-3);display:grid;gap:var(--space-3);grid-template-columns:1fr 1fr;margin-bottom:var(--space-4)}.teaser-link{align-items:center;background-color:var(--color-white);background-color:var(--background-color,var(--color-white));border:1px solid #0000;border-radius:var(--border-radius-lg);color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.teaser-link:hover{background-color:var(--color-primary-light);color:var(--color-primary-dark);transform:translateX(2px)}.teaser-link svg{color:var(--color-gray-500);flex-shrink:0;height:18px;width:18px}.teaser-link:hover svg{color:var(--color-primary)}.view-full-link{align-items:center;background-color:var(--color-primary);border:2px solid #0000;border-radius:var(--border-radius-lg);color:var(--color-white);display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-4);text-decoration:none;transition:all var(--transition-normal) var(--transition-ease);width:100%}.view-full-link:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.view-full-link:active{box-shadow:var(--shadow-md);transform:translateY(0)}.view-full-link svg{height:16px;transition:transform var(--transition-normal) var(--transition-ease);width:16px}.view-full-link:hover svg{transform:translateX(3px)}.location-loading,.location-not-found{color:var(--color-gray-600);font-size:var(--font-size-sm);padding:var(--space-6);text-align:center}.location-loading{gap:var(--space-3)}.location-loading .spinner.small{border-width:2px;height:24px;width:24px}@media (max-width:640px){.location-teasers{grid-template-columns:1fr}}.search-page{min-height:calc(100vh - var(--audio-player-height) - 64px);padding:var(--space-8) 0}.search-header{margin-bottom:var(--space-8);text-align:center}.search-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.search-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;max-width:700px}.search-form{margin:0 auto var(--space-4);max-width:100%}.search-input-group{display:flex;margin:0 auto;max-width:600px;position:relative;width:100%}.search-input{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);color:var(--color-gray-700);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);padding-right:calc(var(--space-12) + 10px);transition:all var(--transition-fast) var(--transition-ease)}.search-input::placeholder{color:var(--color-gray-500);font-weight:var(--font-weight-normal)}.search-input:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.search-input:focus{box-shadow:0 0 0 3px #1da1f226;transform:translateY(0)}.search-icon,.search-input:focus{background-color:var(--color-white)}.search-icon{align-items:center;border-radius:50%;color:var(--color-gray-500);display:flex;justify-content:center;padding:var(--space-1);pointer-events:none;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);transition:color var(--transition-fast) var(--transition-ease)}.search-input:focus~.search-icon{color:var(--color-primary)}.search-icon svg{height:20px;width:20px}.popular-keywords-section,.search-results-section{margin-bottom:var(--space-12)}.section-subtitle{color:var(--color-gray-900);font-size:var(--font-size-xl);margin-bottom:var(--space-4);padding-bottom:var(--space-2);position:relative}.section-subtitle:after{background-color:var(--color-primary);border-radius:var(--border-radius-full);bottom:0;content:"";height:3px;left:0;position:absolute;width:50px}.keywords-loading{align-items:center;color:var(--color-gray-500);display:flex;gap:var(--space-2);justify-content:center;min-height:100px}.search-results-header{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;margin-bottom:var(--space-6)}.results-meta{align-items:center;display:flex;gap:var(--space-4)}.results-count{color:var(--color-gray-600);font-size:var(--font-size-sm)}.search-results-grid-container{margin-top:var(--space-6);min-height:300px;position:relative}.search-loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#ffffffb3;border-radius:var(--border-radius-lg);display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:10}.search-results-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--space-6);position:relative}.pagination-controls{gap:var(--space-2);margin-top:var(--space-8)}.pagination-button,.pagination-controls{align-items:center;display:flex;justify-content:center}.pagination-button{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;height:40px;transition:all var(--transition-normal) var(--transition-ease);width:40px}.pagination-button:hover:not(:disabled){background-color:var(--color-gray-100);border-color:var(--color-gray-400)}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.pagination-button svg{height:18px;width:18px}.pagination-info{color:var(--color-gray-600);font-size:var(--font-size-sm);padding:0 var(--space-4)}.story-location-tag{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border-radius:var(--border-radius-md);bottom:var(--space-2);color:var(--color-white);display:flex;font-size:var(--font-size-xs);gap:var(--space-1);left:var(--space-2);max-width:calc(100% - var(--space-8) - 60px);overflow:hidden;padding:var(--space-1) var(--space-2);position:absolute;text-overflow:ellipsis;white-space:nowrap}.story-location-tag svg{flex-shrink:0;height:12px;width:12px}.story-card{background-color:var(--background-color,var(--color-white));height:100%;transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease)}.story-card:hover{transform:translateY(-5px)}.story-card-link{color:inherit;display:flex;flex-direction:column;height:100%;text-decoration:none}.story-card-image-container{flex-shrink:0;height:180px;overflow:hidden;position:relative}.story-card-image{height:100%;object-fit:cover;transition:transform var(--transition-normal) var(--transition-ease)}.story-card:hover .story-card-image{transform:scale(1.05)}.story-duration{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#000000b3;border-radius:var(--border-radius-md);bottom:var(--space-2);color:var(--color-white);display:flex;font-size:var(--font-size-xs);gap:var(--space-1);padding:var(--space-1) var(--space-2);position:absolute;right:var(--space-2)}.story-duration svg{height:14px;width:14px}.story-card-content{min-height:0}.story-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-900);color:var(--text-color,var(--color-gray-900));display:-webkit-box;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);min-height:0;overflow:hidden}.story-card-subject{color:var(--color-gray-600);font-size:var(--font-size-sm);margin-bottom:var(--space-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-group-toggle{align-items:center;background-color:var(--color-gray-100);border:none;border-top:1px solid var(--color-gray-200);color:var(--color-primary);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--space-2);padding:var(--space-3) var(--space-4);transition:background-color .2s ease;width:100%}.story-group-toggle:hover{background-color:var(--color-gray-200)}.group-toggle-text{flex:1 1;font-weight:var(--font-weight-medium);text-align:left}.group-toggle-icon{height:20px;transition:transform .2s ease;width:20px}.group-toggle-icon.expanded{transform:rotate(180deg)}.story-group-expanded{grid-gap:var(--space-4);background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:0 0 var(--border-radius-lg) var(--border-radius-lg);border-top:none;display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:-1px;padding:var(--space-4)}.story-card--grouped{background-color:var(--color-white);border:1px solid var(--color-gray-200)}.story-card--grouped .story-card-link{display:flex;flex-direction:column}.story-card--grouped .story-card-image-container{height:150px}.story-card--grouped .story-card-title{font-size:var(--font-size-base)}@media (min-width:768px){.story-card--grouped .story-card-link{flex-direction:row}.story-card--grouped .story-card-image-container{flex-shrink:0;height:120px;width:120px}.story-card--grouped .story-card-content{flex:1 1}}[data-theme=dark] .story-group-toggle{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}[data-theme=dark] .story-group-toggle:hover{background-color:var(--color-gray-700)}[data-theme=dark] .story-group-expanded{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}[data-theme=dark] .story-card--grouped{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.story-language-badge{background-color:#1da1f21a;background-color:var(--color-primary-light,#1da1f21a);border-radius:4px;border-radius:var(--border-radius-sm,4px);color:var(--color-primary);font-size:.7rem;font-size:var(--font-size-xs,.7rem);font-weight:var(--font-weight-medium);padding:.1rem .4rem;text-transform:uppercase;white-space:nowrap}[dir=rtl] .story-language-badge{font-size:.8rem;font-size:var(--font-size-xs,.8rem)}.story-meta-bar{align-items:center;border-top:1px solid var(--color-gray-200);color:var(--color-gray-500);display:flex;flex-wrap:wrap;font-size:var(--font-size-xs);gap:var(--space-2);margin-top:auto;padding-top:var(--space-2)}.story-meta-item{align-items:center;display:flex;gap:var(--space-1);white-space:nowrap}.story-meta-item svg{flex-shrink:0;height:14px;width:14px}.story-meta-item.story-style-tag{background-color:var(--color-primary-light);border-radius:var(--border-radius-sm);color:var(--color-primary-dark);font-size:10px;font-weight:var(--font-weight-medium);margin-left:auto;padding:2px 6px;text-transform:capitalize}.loading-container{color:var(--color-gray-600);gap:var(--space-4)}.spinner.large{height:50px;width:50px}.spinner.small{height:20px;width:20px}.no-results{color:var(--color-gray-600);padding:var(--space-12) var(--space-4);text-align:center}.no-results-icon{align-items:center;background-color:var(--color-gray-100);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-4);width:80px}.no-results-icon svg{color:var(--color-gray-500);height:40px;width:40px}.no-results h3{color:var(--color-gray-800);font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.no-results p{margin-bottom:var(--space-6)}.search-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center;margin:var(--space-4) 0}.filter-toggle-button{align-items:center;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast) var(--transition-ease)}.filter-toggle-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.filter-toggle-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.filter-toggle-button svg{height:18px;width:18px}.sort-control{align-items:center;display:inline-flex;position:relative}.sort-select-modern{-webkit-appearance:none;appearance:none;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);color:var(--color-gray-700);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);min-width:140px;padding:var(--space-2) var(--space-8) var(--space-2) var(--space-4);transition:all var(--transition-fast) var(--transition-ease)}.sort-select-modern:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-400);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sort-select-modern:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1da1f226;outline:none}.sort-icon{color:var(--color-gray-500);height:16px;pointer-events:none;position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:16px}.filters-panel-modern{animation:slideDown .2s ease-out;background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-xl);margin-top:var(--space-3);padding:var(--space-4)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.filters-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:1000px}.filter-group{text-align:left}.filter-group label{color:var(--color-gray-700);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.filter-input,.filter-select{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-800);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast) var(--transition-ease);width:100%}.filter-input:focus,.filter-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1da1f226;outline:none}.filter-input:disabled{background-color:var(--color-gray-100);cursor:not-allowed;opacity:.6}.location-filters{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.active-filters{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-left:var(--space-4)}.active-filter-badge{align-items:center;background-color:var(--color-primary-light);border-radius:var(--border-radius-full);color:var(--color-primary-dark);display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-1) var(--space-3)}.active-filter-badge button{background:none;border:none;color:var(--color-primary-dark);cursor:pointer;font-size:var(--font-size-lg);line-height:1;margin-left:var(--space-1);opacity:.7;padding:0;transition:opacity var(--transition-fast) var(--transition-ease)}.active-filter-badge button:hover{opacity:1}@media (max-width:992px){.search-title{font-size:var(--font-size-2xl)}.search-input,.search-subtitle{font-size:var(--font-size-base)}}@media (max-width:768px){.search-page{padding:var(--space-4) 0}.search-header{margin-bottom:var(--space-6)}.search-form{max-width:100%}.search-input{font-size:var(--font-size-sm)}.search-results-header{align-items:flex-start;flex-direction:column;gap:var(--space-2)}.search-results-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));justify-items:center}.story-card{max-width:380px;width:100%}.story-group-expanded{grid-template-columns:1fr}}@media (max-width:576px){.results-meta{justify-content:space-between;width:100%}.search-controls{flex-direction:column;gap:var(--space-2);width:100%}.filter-toggle-button,.sort-select-modern{justify-content:center;width:100%}.sort-control{width:100%}.filters-grid,.location-filters{grid-template-columns:1fr}.active-filters{margin-left:0;margin-top:var(--space-2)}.search-results-grid-container{padding:0 var(--space-3)}.search-results-grid{grid-template-columns:1fr;justify-items:center;margin-left:auto;margin-right:auto;max-width:400px}.story-card{max-width:350px;width:100%}.story-group-expanded{gap:var(--space-3);grid-template-columns:1fr;padding:var(--space-3)}.story-card--grouped{margin:0 auto;max-width:350px;width:100%}.story-card--grouped .story-card-link{display:flex;flex-direction:row;gap:var(--space-3)}.story-card--grouped .story-card-image-container{flex-shrink:0;height:100px;width:100px}.story-card--grouped .story-card-content{flex:1 1;padding:var(--space-2)}.story-card--grouped .story-card-title{font-size:var(--font-size-sm);margin-bottom:var(--space-1)}.story-duration,.story-meta-item{font-size:calc(var(--font-size-xs) + 1px)}}.location-filter-display{align-items:center;background-color:var(--color-primary-light);border-radius:var(--border-radius-full);display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-2);margin:var(--space-2) 0;padding:var(--space-2) var(--space-3)}.location-filter-label{color:var(--color-primary-dark);font-weight:500}.location-filter-clear{align-items:center;background:none;border:none;border-radius:var(--border-radius-full);color:var(--color-primary-dark);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:20px;justify-content:center;line-height:1;padding:0;transition:all var(--transition-fast) var(--transition-ease);width:20px}.location-filter-clear:hover{background-color:var(--color-primary);color:#fff}:root[data-theme=dark] .search-input{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-700)}:root[data-theme=dark] .search-input::placeholder{color:var(--color-gray-500)}:root[data-theme=dark] .search-input:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-300)}:root[data-theme=dark] .search-input:focus{background-color:var(--color-gray-100);border-color:var(--color-primary)}:root[data-theme=dark] .search-icon{background-color:var(--color-gray-800);color:var(--color-gray-500)}:root[data-theme=dark] .filter-toggle-button{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-600)}:root[data-theme=dark] .filter-toggle-button:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-300)}:root[data-theme=dark] .filter-toggle-button.active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}:root[data-theme=dark] .sort-select-modern{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-700)}:root[data-theme=dark] .sort-select-modern:hover{background-color:var(--color-gray-200);border-color:var(--color-gray-300)}:root[data-theme=dark] .filters-panel-modern{background-color:var(--color-gray-50);border-color:var(--color-gray-200)}:root[data-theme=dark] .filter-group label{color:var(--color-gray-300)}:root[data-theme=dark] .filter-input,:root[data-theme=dark] .filter-select{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-700)}:root[data-theme=dark] .filter-input:focus,:root[data-theme=dark] .filter-select:focus{border-color:var(--color-primary)}:root[data-theme=dark] .filter-input:disabled{background-color:var(--color-gray-50)}:root[data-theme=dark] .active-filter-badge{background-color:#1da1f233;color:var(--color-primary-light)}:root[data-theme=dark] .active-filter-badge button{color:var(--color-primary-light)}:root[data-theme=dark] .search-loading-overlay{background-color:#00000080}:root[data-theme=dark] .location-filter-display{background-color:#1da1f233}:root[data-theme=dark] .location-filter-clear,:root[data-theme=dark] .location-filter-label{color:var(--color-primary-light)}:root[data-theme=dark] .location-filter-clear:hover{background-color:var(--color-primary);color:#fff}:root[data-theme=dark] .pagination-button{background-color:var(--color-gray-100);border-color:var(--color-gray-200);color:var(--color-gray-600)}:root[data-theme=dark] .pagination-button:hover:not(:disabled){background-color:var(--color-gray-200);border-color:var(--color-gray-300)}:root[data-theme=dark] .pagination-info{color:var(--color-gray-400)}:root[data-theme=dark] .story-card{background-color:var(--color-gray-800);background-color:var(--background-color,var(--color-gray-800))}:root[data-theme=dark] .story-card-title{color:var(--color-gray-100);color:var(--text-color,var(--color-gray-100))}:root[data-theme=dark] .story-card-subject{color:var(--color-gray-300)}:root[data-theme=dark] .story-language-badge{background-color:#1da1f24d;background-color:var(--color-primary-dark,#1da1f24d);color:var(--color-white)}:root[data-theme=dark] .story-meta-item.story-style-tag{background-color:#1da1f233;color:var(--color-primary-light)}:root[data-theme=dark] .no-results-icon{background-color:var(--color-gray-800)}:root[data-theme=dark] .story-meta-bar{border-top-color:var(--color-gray-700);color:var(--color-gray-400)}:root[data-theme=dark] .story-meta-item{color:var(--color-gray-300)}:root[data-theme=dark] .story-location-tag{background-color:#000c;color:var(--color-white)}@media (max-width:576px){:root[data-theme=dark] .story-card{background-color:var(--color-gray-800)!important;background-color:var(--background-color,var(--color-gray-800))!important}:root[data-theme=dark] .story-card-title{color:var(--color-gray-100)!important;color:var(--text-color,var(--color-gray-100))!important}}.profile-page{min-height:calc(100vh - var(--audio-player-height) - 64px);padding:var(--space-8) 0}.profile-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--space-6)}.profile-header,.user-info{align-items:center;display:flex;gap:var(--space-4)}.user-avatar{align-items:center;background-color:var(--color-primary);border-radius:50%;color:var(--color-white);display:flex;font-weight:var(--font-weight-bold);height:64px;justify-content:center;width:64px}.user-avatar,.user-name{font-size:var(--font-size-2xl)}.user-name{color:var(--color-gray-900);margin:0 0 var(--space-1)}.user-email{color:var(--color-gray-600);margin:0}.subscription-badge{align-items:center;display:flex}.badge{border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-1) var(--space-3)}.badge--premium{background-color:var(--color-secondary);color:var(--color-white)}.badge--free{background-color:var(--color-gray-500);color:var(--color-white)}.premium-notice{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:var(--space-4);padding:var(--space-4);text-align:center}.premium-notice p{color:var(--color-gray-700);margin:0}.premium-notice a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.premium-notice a:hover{text-decoration:underline}.profile-tabs{-ms-overflow-style:none;border-bottom:1px solid var(--color-gray-200);display:flex;margin-bottom:var(--space-6);overflow-x:auto;scrollbar-width:none}.profile-tabs::-webkit-scrollbar{display:none}.tab-button{background:none;border:none;border-bottom:2px solid #0000;color:var(--color-gray-600);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-3) var(--space-4);transition:all var(--transition-normal) var(--transition-ease);white-space:nowrap}.tab-button.active,.tab-button:hover{color:var(--color-primary)}.tab-button.active{border-bottom-color:var(--color-primary)}.tab-title{color:var(--color-gray-900);font-size:var(--font-size-xl);margin-bottom:var(--space-6);margin-top:0}.story-list{display:flex;flex-direction:column;gap:var(--space-4);margin-top:var(--space-4)}.story-item{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;overflow:hidden;transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease)}.story-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.story-item-image{background-color:var(--color-gray-100);flex-shrink:0;height:140px;overflow:hidden;width:140px}.story-item-image img{height:100%;object-fit:cover;transition:transform var(--transition-normal) var(--transition-ease);width:100%}.story-item:hover .story-item-image img{transform:scale(1.05)}.story-item-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-4)}.story-item-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1.3;margin:0 0 var(--space-3)}.story-item-title a{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-900);display:-webkit-box;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color var(--transition-normal) var(--transition-ease)}.story-item-title a:hover{color:var(--color-primary)}.story-item-subject{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-600);display:-webkit-box;font-size:var(--font-size-sm);line-height:1.4;margin:0;overflow:hidden;text-overflow:ellipsis}.story-item-meta{align-items:center;border-top:1px solid var(--color-gray-200);display:flex;gap:var(--space-3);justify-content:flex-start;margin-top:auto;padding-top:var(--space-3)}.story-item-date{align-items:center;color:var(--color-gray-500);display:flex;font-size:var(--font-size-xs);gap:var(--space-1)}.story-item-date svg{flex-shrink:0;height:14px;width:14px}.empty-state{color:var(--color-gray-600);padding:var(--space-8) 0;text-align:center}.empty-icon{align-items:center;background-color:var(--color-gray-100);border-radius:50%;display:flex;height:80px;justify-content:center;margin:0 auto var(--space-4);width:80px}.empty-icon svg{color:var(--color-gray-500);height:40px;width:40px}.empty-state h3{color:var(--color-gray-800);font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.empty-state p,.preferences-header{margin-bottom:var(--space-6)}.preferences-header{align-items:center;display:flex;justify-content:space-between}.edit-actions{display:flex;gap:var(--space-2)}.preferences-group{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.preferences-group-title{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:var(--font-size-lg);margin-bottom:var(--space-4);margin-top:0;padding-bottom:var(--space-2)}.preferences-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--space-4)}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select{background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-900);padding:var(--space-2) var(--space-3);width:100%}.form-group input:disabled,.form-group select:disabled{background-color:var(--color-gray-100);cursor:not-allowed}.checkbox-group{align-items:center;display:flex;gap:var(--space-3)}.checkbox-group input[type=checkbox]{margin:0;width:auto}.checkbox-group label{margin:0}.account-info{display:flex;flex-direction:column;gap:var(--space-6)}.info-group{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.info-title{border-bottom:1px solid var(--color-gray-200);color:var(--color-gray-900);font-size:var(--font-size-lg);margin-bottom:var(--space-4);margin-top:0;padding-bottom:var(--space-2)}.subscription-info{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between}.subscription-plan h4{color:var(--color-gray-900);font-size:var(--font-size-base);margin:0 0 var(--space-1)}.subscription-plan p{color:var(--color-gray-600);margin:0}.account-actions{display:flex;flex-wrap:wrap;gap:var(--space-4)}.btn--error{background-color:var(--color-error);border:var(--border-width-thin) solid var(--color-error);color:var(--color-white)}.btn--error:hover{background-color:#ef4444e6}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:300px}.spinner{animation:spin 1s ease-in-out infinite;border:3px solid #1da1f233;border-top:3px solid var(--color-primary);height:50px;margin-bottom:var(--space-4);width:50px}@media (max-width:768px){.user-avatar{height:48px;width:48px}.user-avatar,.user-name{font-size:var(--font-size-xl)}.tab-button{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3)}.story-item{flex-direction:column;max-width:100%}.story-item-image{height:200px;width:100%}.story-item-content{padding:var(--space-3)}.story-item-title{font-size:var(--font-size-base)}.account-actions,.subscription-info{align-items:flex-start;flex-direction:column;gap:var(--space-3)}.preferences-row{grid-template-columns:1fr}}@media (max-width:576px){.preferences-header,.profile-header{align-items:flex-start;flex-direction:column}.preferences-header{gap:var(--space-2)}.btn--sm{width:100%}.edit-actions{gap:var(--space-2);width:100%}.edit-actions button{flex:1 1}}@media (prefers-color-scheme:dark){.info-group,.preferences-group,.story-item{background-color:var(--color-gray-800)}.story-item-title a{color:var(--color-gray-200)}.empty-icon{background-color:var(--color-gray-700)}.info-title,.preferences-group-title{border-bottom-color:var(--color-gray-700)}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text],.form-group select{background-color:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-200)}.form-group input:disabled,.form-group select:disabled{background-color:var(--color-gray-900)}.profile-tabs{border-bottom-color:var(--color-gray-700)}}.subscription-page{min-height:calc(100vh - var(--audio-player-height) - 64px);padding:var(--space-8) 0}.subscription-header{margin-bottom:var(--space-8);text-align:center}.subscription-title{color:var(--color-gray-900);font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.subscription-subtitle{color:var(--color-gray-600);font-size:var(--font-size-lg);margin-left:auto;margin-right:auto;max-width:600px}.current-subscription{margin-bottom:var(--space-8)}.current-subscription h2{color:var(--color-gray-900);font-size:var(--font-size-xl);margin-bottom:var(--space-4)}.current-plan-card{align-items:center;background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:space-between;padding:var(--space-6)}.plan-info{flex:1 1;min-width:200px}.plan-badge{border-radius:var(--border-radius-full);display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);margin-bottom:var(--space-2);padding:var(--space-1) var(--space-3)}.plan-badge.premium{background-color:var(--color-secondary);color:var(--color-white)}.plan-badge.free{background-color:var(--color-gray-300);color:var(--color-gray-700)}.plan-name{color:var(--color-gray-900);font-size:var(--font-size-lg);margin:0 0 var(--space-1)}.plan-details{color:var(--color-gray-600);margin:0}.plan-selection{margin-bottom:var(--space-12)}.plan-tabs{background-color:var(--color-gray-100);border-radius:var(--border-radius-md);display:flex;justify-content:center;margin-bottom:var(--space-6);margin-left:auto;margin-right:auto;padding:var(--space-1);width:-webkit-fit-content;width:fit-content}.plan-tab{background-color:initial;border:none;border-radius:var(--border-radius-md);color:var(--color-gray-700);cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);position:relative;transition:all var(--transition-normal) var(--transition-ease)}.plan-tab.active{background-color:var(--color-white);box-shadow:var(--shadow-sm);color:var(--color-gray-900)}.save-badge{background-color:var(--color-success);border-radius:var(--border-radius-full);color:var(--color-white);font-size:9px;font-weight:var(--font-weight-bold);padding:2px 6px;position:absolute;right:-10px;top:-8px}.plan-details-card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);margin:0 auto;max-width:500px;padding:var(--space-6)}.plan-header{border-bottom:1px solid var(--color-gray-200);margin-bottom:var(--space-6);padding-bottom:var(--space-4);text-align:center}.plan-title{color:var(--color-gray-900);font-size:var(--font-size-xl);margin:0 0 var(--space-2)}.plan-price{align-items:baseline;display:flex;gap:var(--space-2);justify-content:center}.price{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold)}.billing-cycle{color:var(--color-gray-600);font-size:var(--font-size-sm)}.plan-features h4{color:var(--color-gray-800);font-size:var(--font-size-base);margin:0 0 var(--space-3)}.features-list{list-style:none;margin:0 0 var(--space-6);padding:0}.feature-item{align-items:center;color:var(--color-gray-700);display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.feature-item svg{color:var(--color-success);flex-shrink:0;height:16px;width:16px}.subscribe-button{width:100%}.subscription-faq{margin:0 auto;max-width:800px}.subscription-faq h2{color:var(--color-gray-900);font-size:var(--font-size-2xl);margin-bottom:var(--space-6);text-align:center}.faq-list{display:flex;flex-direction:column;gap:var(--space-4)}.faq-item{background-color:var(--color-white);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:var(--space-4)}.faq-item h3{color:var(--color-gray-900);font-size:var(--font-size-lg);margin:0 0 var(--space-2)}.faq-item p{color:var(--color-gray-600);margin:0}@media (max-width:768px){.subscription-title{font-size:var(--font-size-2xl)}.subscription-subtitle{font-size:var(--font-size-base)}.current-plan-card{align-items:flex-start;flex-direction:column}.current-plan-card button{width:100%}}@media (max-width:576px){.plan-tabs{width:100%}.plan-tab{flex:1 1;text-align:center}.plan-details-card{padding:var(--space-4)}.price{font-size:var(--font-size-2xl)}}@media (prefers-color-scheme:dark){.current-plan-card,.faq-item,.plan-details-card{background-color:var(--color-gray-800)}.plan-tabs{background-color:var(--color-gray-700)}.plan-tab.active{background-color:var(--color-gray-800)}}.ai-debug-page{padding:2rem 0}.page-title{color:var(--color-primary);font-size:2.5rem;margin-bottom:1rem}.page-description{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:2rem;max-width:800px}.debug-input-container{background-color:var(--color-white);background-color:var(--background-color,var(--color-white));border-radius:8px;box-shadow:0 2px 8px #0000001a;margin-bottom:2rem;padding:1.5rem}.debug-input-container h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:1rem;margin-top:0}.debug-options{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:6px;margin:1.5rem 0;padding:1rem}.debug-options h3{color:var(--color-primary);font-size:1.1rem;margin-bottom:1rem;margin-top:0}.debug-option{margin-bottom:.75rem}.debug-option label{align-items:center;cursor:pointer;display:flex}.debug-option input[type=checkbox]{cursor:pointer;height:18px;margin-right:.75rem;width:18px}.generation-status{margin-top:1rem}.progress-bar{background-color:var(--color-background-dark);border-radius:4px;height:8px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{background-color:var(--color-primary);height:100%;transition:width .3s ease}.status-text{color:var(--color-text-secondary);font-size:.9rem}.debug-info-container{background-color:var(--color-white);background-color:var(--background-color,var(--color-white));border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.debug-info-container h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:1.5rem;margin-top:0}.debug-story-info{border-bottom:1px solid var(--color-border);margin-bottom:2rem;padding-bottom:1.5rem}.debug-field{margin-bottom:1rem}.debug-label{font-weight:600;margin-bottom:.5rem}.code-block{background-color:var(--color-background-dark);border-radius:4px;font-family:monospace;font-size:.9rem;max-height:300px;overflow:auto;padding:1rem;white-space:pre-wrap}.debug-steps-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.debug-step-button{background-color:var(--color-background-dark);border:none;border-radius:4px;color:var(--color-text);cursor:pointer;font-weight:500;padding:.75rem 1rem;transition:all .2s ease}.debug-step-button:hover{background-color:var(--color-background-darker)}.debug-step-button.active{background-color:var(--color-primary);color:#fff}.debug-step-container{background-color:var(--color-background);border-radius:4px;margin-bottom:1.5rem;padding:1.5rem}.debug-step-content h3{color:var(--color-primary);font-size:1.2rem;margin-bottom:1rem;margin-top:0}.debug-section{margin-bottom:2rem}.debug-file-info{background-color:var(--color-background-darker);border-radius:4px;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem;padding:.75rem}.debug-file{color:var(--color-text-secondary);font-family:monospace;font-size:.9rem}.debug-temp-info,.debug-translation-info{color:var(--color-text-secondary);font-size:.85rem;font-style:italic}.debug-temp-info{margin-left:.75rem}.debug-keywords{display:flex;flex-wrap:wrap;gap:.5rem}.debug-keyword{background-color:var(--color-primary);border-radius:16px;color:var(--color-white);font-size:.9rem;padding:.25rem .75rem}.debug-actions{display:flex;justify-content:flex-end}.view-story-button{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease}.view-story-button:hover{background-color:var(--color-primary-dark)}@media (max-width:768px){.debug-steps-nav{flex-direction:column}.debug-step-button{text-align:left;width:100%}.code-block{max-height:200px}}@media (prefers-color-scheme:dark){.debug-info-container,.debug-input-container,.debug-step-container{background-color:var(--color-gray-800)}.debug-options{background-color:var(--color-gray-900);border-color:var(--color-gray-700)}.debug-label{color:var(--color-gray-300)}.debug-value{color:var(--color-gray-200)}.code-block{background-color:var(--color-gray-900)}.debug-step-button{background-color:var(--color-gray-700);color:var(--color-gray-200)}.debug-step-button:hover{background-color:var(--color-gray-600)}.debug-file-info{background-color:var(--color-gray-900)}.debug-keyword{background-color:var(--color-primary);color:var(--color-white)}}@media (max-width:576px){.debug-file,.debug-keyword{font-size:calc(var(--font-size-xs) + 1px)}}@media (prefers-color-scheme:dark) and (max-width:576px){.debug-info-container,.debug-input-container,.debug-step-container{background-color:var(--color-gray-800)!important;background-color:var(--background-color,var(--color-gray-800))!important}.debug-value{color:var(--color-gray-200)!important;color:var(--text-color,var(--color-gray-200))!important}.debug-keyword{background-color:var(--color-primary)!important;color:var(--color-white)!important}}.debug-multi-part{background-color:var(--color-background-dark);border-left:4px solid var(--color-primary);border-radius:6px;margin-bottom:2rem;padding:1.5rem}.debug-multi-part h4{align-items:center;color:var(--color-primary);display:flex;font-size:1.1rem;margin-bottom:1rem;margin-top:0}.debug-multi-part h4:before{background-color:var(--color-primary);border-radius:50%;content:"";display:inline-block;height:8px;margin-right:8px;width:8px}.debug-multi-part .debug-section{margin-bottom:1.5rem}.debug-multi-part .code-block{background-color:var(--color-background);border:1px solid var(--color-border)}.tts-debug-page{min-height:100vh;padding:20px 0 60px}.tts-debug-page .page-title{color:var(--color-primary);font-size:2.2rem;margin-bottom:10px}.tts-debug-page .page-description{color:var(--color-text-secondary);font-size:1rem;margin-bottom:30px;max-width:800px}.tts-options-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:30px}.tts-config-section,.tts-input-section{background-color:var(--color-bg-card);border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.tts-config-section h2,.tts-input-section h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:15px}.tts-text-input{background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);font-size:1rem;line-height:1.5;min-height:150px;padding:12px;resize:vertical;width:100%}.tts-text-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}.tts-option{margin-bottom:15px}.tts-option label{color:var(--color-text);display:block;font-weight:500;margin-bottom:5px}.tts-select{-webkit-appearance:none;appearance:none;background-color:var(--color-bg-input);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23666'%3E%3Cpath d='M8 12 2 6h12z'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border:1px solid var(--color-border);border-radius:5px;color:var(--color-text);font-size:1rem;padding:10px;width:100%}.tts-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2);outline:none}.tts-generate-buttons{display:flex;flex-wrap:wrap;gap:15px;margin-top:20px}.tts-batch-button,.tts-generate-button{border:none;border-radius:5px;color:#fff;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;min-width:180px;padding:12px;transition:all .2s}.tts-generate-button{background-color:var(--color-primary)}.tts-batch-button{background-color:var(--color-secondary)}.tts-generate-button:hover{background-color:var(--color-primary-dark);transform:translateY(-2px)}.tts-batch-button:hover{background-color:var(--color-secondary-dark);transform:translateY(-2px)}.tts-batch-button:disabled,.tts-generate-button:disabled{background-color:var(--color-disabled);cursor:not-allowed;transform:none}.tts-audio-output{background-color:var(--color-bg-card);border-radius:10px;box-shadow:0 2px 8px #0000001a;margin-bottom:30px;padding:20px}.tts-audio-output h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:15px}.tts-file-location{background-color:#f3f9ff;border-left:4px solid var(--color-primary);border-radius:10px;margin-bottom:20px;padding:20px}.tts-file-location h3{color:var(--color-primary);font-size:1.3rem;margin-bottom:15px}.file-location-details{gap:10px}.file-info-item,.file-location-details{display:flex;flex-direction:column}.file-info-label{color:var(--color-text-secondary);font-size:.9rem;font-weight:700;margin-bottom:5px}.file-info-value{background-color:#e9f5ff;border:1px solid #cce0ff;border-radius:4px;color:var(--color-text);font-family:monospace;font-size:.95rem;padding:8px 12px;word-break:break-all}.tts-audio-player{background-color:var(--color-bg-shade);border-radius:10px;margin-bottom:20px;padding:20px}.tts-audio-player h3{color:var(--color-primary);font-size:1.3rem;margin-bottom:15px}.tts-audio-element-hidden{display:none}.custom-audio-controls{display:flex;flex-direction:column;gap:20px}.player-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:15px}.custom-play-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:30px;color:#fff;cursor:pointer;display:flex;gap:10px;height:60px;justify-content:center;min-width:140px;padding:0 20px;transition:all .2s}.custom-play-button:hover{background-color:var(--color-primary-dark);transform:scale(1.02)}.custom-play-button svg{height:24px;width:24px}.button-label{font-size:1rem;font-weight:500}.custom-play-button.playing{background-color:var(--color-secondary)}.browser-player-fallback{background-color:#ffffff80;border:1px dashed #ccc;border-radius:8px;margin-top:20px;padding:15px}.browser-player-fallback p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:10px}.browser-audio-element{width:100%}.download-button{align-items:center;background-color:var(--color-bg-card);border:1px solid var(--color-border);border-radius:30px;color:var(--color-text);display:flex;font-weight:500;gap:8px;height:60px;padding:10px 20px;text-decoration:none;transition:all .2s}.download-button:hover{background-color:var(--color-bg-shade);border-color:var(--color-primary);color:var(--color-primary);transform:scale(1.02)}.download-button svg{height:20px;width:20px}.audio-error-message{background-color:var(--color-error-bg);border-left:3px solid var(--color-error);border-radius:5px;color:var(--color-error);font-size:.9rem;margin-top:15px;padding:10px}.tts-audio-debug-info{background-color:var(--color-bg-shade);border-left:3px solid var(--color-warning);border-radius:5px;margin:15px 0;padding:15px}.tts-audio-debug-item{margin-bottom:10px}.debug-label{color:var(--color-text-secondary);display:block;font-size:.85rem;font-weight:700;margin-bottom:5px;margin-right:10px}.debug-value{background-color:#0000000d;border-radius:3px;color:var(--color-text);font-family:monospace;font-size:.9rem;padding:3px 6px;word-break:break-all}.debug-link{border:1px solid var(--color-primary);border-radius:4px;color:var(--color-primary);display:inline-block;font-size:.9rem;font-weight:500;margin-top:5px;padding:5px 10px;text-decoration:none}.debug-link:hover{background-color:var(--color-primary);color:#fff}.tts-audio-info{grid-gap:10px;background-color:var(--color-bg-input);border-radius:5px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));margin-top:15px;padding:15px}.tts-audio-info-item{display:flex;flex-direction:column}.info-label{color:var(--color-text-secondary);font-size:.85rem;font-weight:500;margin-bottom:5px}.info-value{color:var(--color-primary);font-size:1rem}.tts-voice-list{background-color:var(--color-bg-card);border-radius:10px;box-shadow:0 2px 8px #0000001a;padding:20px}.tts-voice-list h2{color:var(--color-primary);font-size:1.5rem;margin-bottom:15px}.voice-list-toggle details{background-color:var(--color-bg-input);border-radius:5px}.voice-list-toggle summary{border-radius:5px;cursor:pointer;font-weight:500;outline:none;padding:15px}.voice-list-toggle summary:hover{background-color:rgba(var(--color-primary-rgb),.05)}.voice-list-content{padding:10px 15px}.voice-language-group{margin-bottom:20px}.voice-language-group h3{border-bottom:1px solid var(--color-border);color:var(--color-primary);font-size:1.2rem;margin-bottom:15px;padding-bottom:5px}.voice-gender-groups{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.voice-gender-group h4{color:var(--color-text);font-size:1rem;margin-bottom:10px}.voice-list{background-color:var(--color-bg-shade);border-radius:5px;list-style:none;max-height:300px;overflow-y:auto;padding:10px}.voice-item{border-bottom:1px solid var(--color-border-light);font-size:.9rem;padding:5px 0;word-break:break-all}.voice-item:last-child{border-bottom:none}@media (max-width:768px){.tts-options-container,.voice-gender-groups{grid-template-columns:1fr}}.prepare-background-sounds-page{margin:0 auto;max-width:1200px;padding:2rem}.prepare-background-sounds-page h1{color:var(--color-primary);margin-bottom:2rem}.filters-container{background-color:var(--color-bg-secondary);border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-group{display:flex;flex-direction:column;min-width:200px}.filter-group label{font-weight:500;margin-bottom:.5rem}.filter-group input,.filter-group select{border:1px solid var(--color-border);border-radius:4px;font-size:1rem;padding:.5rem}.freesound-scraper-container{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:2rem;padding:1.5rem}.freesound-scraper-container h3{color:var(--color-primary);margin-bottom:1rem}.freesound-input-group{display:flex;gap:1rem;margin-bottom:.5rem}.freesound-url-input{border:1px solid var(--color-border);border-radius:4px;flex:1 1;font-size:1rem;padding:.75rem}.freesound-url-input:disabled{cursor:not-allowed;opacity:.6}.scrape-button{background-color:var(--color-primary);border:none;border-radius:4px;color:var(--color-white);cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s}.scrape-button:hover:not(:disabled){background-color:var(--color-primary-dark)}.scrape-button:disabled{background-color:var(--color-gray-400);color:var(--color-white);cursor:not-allowed;opacity:.6}.help-text{color:var(--color-text-secondary);font-size:.875rem;margin:0}.actions-container{display:flex;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.add-button{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.add-button:hover{background-color:var(--color-primary-dark)}.normalize-button{background-color:var(--color-secondary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.normalize-button:hover{background-color:var(--color-secondary-dark)}.normalize-button:disabled{background-color:var(--color-disabled);cursor:not-allowed;opacity:.6}.sound-form-container{background-color:var(--color-bg-secondary);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:1.5rem}.sound-form-container h2{color:var(--color-primary);margin-bottom:1.5rem}.form-group label{font-weight:500}.form-group input,.form-group select,.form-group textarea{border:1px solid var(--color-border);border-radius:4px;font-size:1rem;padding:.5rem}.form-group textarea{min-height:100px}.tags-input{display:flex;gap:.5rem}.tags-input input{flex:1 1}.tags-input button{background-color:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;padding:.5rem 1rem}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag{align-items:center;background-color:var(--color-bg-tertiary);border-radius:4px;display:flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem}.tag button{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:1rem;line-height:1;margin-left:.25rem;padding:0}.cancel-button,.submit-button{border-radius:4px;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.submit-button:hover{background-color:var(--color-primary-dark)}.cancel-button{background-color:var(--color-bg-tertiary);color:var(--color-text)}.cancel-button:hover{background-color:var(--color-border)}.error-message{background-color:var(--color-error-bg);border-radius:4px;color:var(--color-error);margin-bottom:1.5rem;padding:1rem}.loading-indicator{align-items:center;display:flex;flex-direction:column;margin:2rem 0}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left:4px solid var(--color-primary);height:40px;width:40px}.sounds-table-container{margin-bottom:2rem;overflow-x:auto}.sounds-table{border-collapse:collapse;width:100%}.sounds-table td,.sounds-table th{border-bottom:1px solid var(--color-border);padding:.75rem;text-align:left}.sounds-table th{background-color:var(--color-bg-secondary);font-weight:600}.sounds-table tr:hover{background-color:var(--color-bg-hover)}.no-sounds{color:var(--color-text-secondary);padding:2rem;text-align:center}.status{border-radius:4px;display:inline-block;font-size:.875rem;padding:.25rem .5rem}.status.downloaded{background-color:var(--color-success-bg);color:var(--color-success)}.status.not-downloaded{background-color:var(--color-warning-bg);color:var(--color-warning)}.actions{display:flex;gap:.5rem}.action-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:14px;height:32px;justify-content:center;margin:0 3px;min-width:32px;padding:0 8px;transition:background-color .2s}.action-button.edit{background-color:#4caf50;color:#fff;font-weight:700;min-width:70px;padding:5px 10px}.action-button.delete{background-color:#f44336;color:#fff;min-width:32px;padding:5px 10px}.action-button.download{background-color:#007bff;color:#fff;min-width:100px;padding:5px 10px}.action-button.play{background-color:#ff9800}.action-button.play,.action-button.stop{color:#fff;min-width:32px;padding:5px 10px}.action-button.stop{background-color:#dc3545}.action-button.delete-file{background-color:#9c27b0;color:#fff;min-width:100px;padding:5px 10px}.action-button:hover{opacity:.8}.pagination{gap:.5rem;margin-bottom:2rem}.pagination button{align-items:center;background-color:var(--color-bg-secondary);display:flex;height:36px;justify-content:center;width:36px}.pagination button:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.page-info{margin:0 .5rem}.categories-summary{background-color:var(--color-bg-secondary);border-radius:8px;padding:1.5rem}.categories-summary h3{color:var(--color-primary);margin-bottom:1rem}.categories-list{display:flex;flex-wrap:wrap;gap:1rem}.category-item{align-items:center;background-color:var(--color-bg-tertiary);border-radius:4px;display:flex;gap:.5rem;padding:.5rem 1rem}.category-name{font-weight:500}.category-count{background-color:var(--color-primary);border-radius:12px;color:#fff;display:inline-block;font-size:.875rem;height:24px;line-height:24px;min-width:24px;text-align:center}@media (max-width:768px){.prepare-background-sounds-page{padding:1rem}.filter-group{width:100%}.form-actions{flex-direction:column}.cancel-button,.submit-button{width:100%}}.sounds-table td a{color:var(--color-primary);display:block;max-width:250px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;word-break:break-all}.sounds-table td a:hover{text-decoration:underline}.edit-row,.edit-row:hover{background-color:var(--color-bg-secondary)!important}.inline-edit-form{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;margin:.5rem 0;padding:1.5rem}.inline-edit-form .form-row{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1.5rem}.inline-edit-form .form-group{margin-bottom:0}.inline-edit-form .form-group label{font-size:.875rem;margin-bottom:.375rem}.inline-edit-form .form-group input,.inline-edit-form .form-group select,.inline-edit-form .form-group textarea{font-size:.875rem;padding:.5rem}.inline-edit-form .tags-input{display:flex;gap:.5rem;margin-bottom:.5rem}.inline-edit-form .tags-container{margin-top:.5rem}.inline-edit-form .form-actions{border-top:1px solid var(--color-border);display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.inline-edit-form .cancel-button,.inline-edit-form .submit-button{padding:.5rem 1.5rem}.download-checkbox{background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:4px;margin-top:.5rem;padding:.75rem}.download-checkbox label{align-items:center;color:var(--color-text);cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.download-checkbox input[type=checkbox]{cursor:pointer;margin:0;width:auto}.story-management-page{background:var(--color-background);margin:0 auto;max-width:1800px;min-height:100vh;padding:20px}.timed-sounds-list{display:flex;flex-direction:column;gap:12px;margin-top:8px}.timed-sound-item{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;padding:12px;transition:all .2s}.timed-sound-item:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #3b82f61a}.sound-header{color:var(--color-text-primary);font-weight:600;justify-content:space-between;margin-bottom:8px}.sound-header,.sound-play-btn{align-items:center;display:flex}.sound-play-btn{background:var(--color-primary);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;justify-content:center;min-width:36px;padding:4px 8px;transition:all .2s}.sound-play-btn:hover{background:var(--color-primary-dark);transform:scale(1.05)}.sound-play-btn.playing{background:#f44336}.sound-play-btn.playing:hover{background:#d32f2f}.sound-details{display:flex;flex-direction:column;gap:6px}.audio-info,.category-info,.segment-info,.sound-description,.sound-id-info,.timing-info{align-items:center;display:flex;gap:8px}.category-label,.desc-label,.segment-label,.sound-id-label,.timing-label{color:var(--color-text-secondary);font-weight:500;min-width:60px}.desc-value,.segment-value,.sound-id-value,.timing-value{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;padding:2px 6px}.category-badge{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:12px;color:var(--color-primary);display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:capitalize}.audio-info{gap:16px}.fade-info,.volume-info{background:var(--color-surface);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-secondary);font-size:12px;padding:2px 6px}.desc-value{color:var(--color-text-secondary);font-style:italic}.sounds-count-badge{background:var(--color-primary);border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:600;margin-bottom:8px;padding:4px 8px}.no-timed-sounds{background:var(--color-surface);border:1px dashed var(--color-border);border-radius:8px;color:var(--color-text-secondary);padding:12px;text-align:center}.empty-indicator{font-size:14px;font-style:italic}.story-management-page h1{color:var(--color-text-primary);font-size:2rem;font-weight:600;margin-bottom:30px}.story-navigator{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #00000014;margin-bottom:24px;padding:24px}.filters{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:2fr repeat(10,1fr);margin-bottom:24px}.search-input{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:10px 16px;transition:all .2s}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-select{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);cursor:pointer;font-size:14px;padding:10px 16px;transition:all .2s}.filter-select:focus,.filter-select:hover{border-color:var(--color-primary)}.filter-select:focus{box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;padding:10px 16px;transition:all .2s}.filter-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-input::placeholder{color:var(--color-text-secondary)}.story-list{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;max-height:500px;overflow-y:auto}.story-list::-webkit-scrollbar{width:8px}.story-list::-webkit-scrollbar-track{background:var(--color-background);border-radius:4px}.story-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.story-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.story-item{border-bottom:1px solid var(--color-border);cursor:pointer;padding:4px 20px;transition:all .2s}.story-item:last-child{border-bottom:none}.story-item:hover{background:#3b82f60d}.story-item.active{background:#3b82f61a;border-left:4px solid var(--color-primary);padding-left:16px}.story-title{color:var(--color-text-primary);font-size:15px;font-weight:600;line-height:1.4;margin-bottom:8px}.story-meta{align-items:center;color:var(--color-text-secondary);font-size:13px;gap:16px}.story-meta .subject{color:var(--color-text-primary);font-weight:500}.story-meta .metrics{align-items:center;display:flex;gap:12px}.story-meta .metrics span{align-items:center;display:flex;gap:4px}.status{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.status.completed{background:#4caf5026;color:#2e7d32}.status.processing{background:#ff980026;color:#e65100}.status.streaming{background:#2196f326;color:#0277bd}.status.failed{background:#f4433626;color:#c62828}.pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:16px}.pagination button{background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;color:var(--color-text-primary);cursor:pointer;padding:6px 12px;transition:background-color .2s}.pagination button:hover:not(:disabled){background:var(--color-hover)}.pagination button:disabled{cursor:not-allowed;opacity:.5}.story-details{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 12px #00000014;padding:32px}.story-header{align-items:center;border-bottom:2px solid var(--color-border);display:flex;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.story-header h2{color:var(--color-text-primary);font-size:1.75rem;font-weight:600;margin:0}.delete-all-btn{align-items:center;background:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:all .2s}.delete-all-btn:hover{background:#c82333;box-shadow:0 4px 8px #dc35454d;transform:translateY(-1px)}.section{background:var(--color-background);border:1px solid var(--color-border);border-radius:8px;margin-bottom:40px;padding:24px}.section:last-child{margin-bottom:0}.section h3{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.25rem;font-weight:600;gap:8px;margin-bottom:20px}.field-row{grid-gap:16px;align-items:flex-start;border-radius:6px;display:grid;gap:16px;grid-template-columns:220px 1fr;margin-bottom:16px;padding:12px;transition:background-color .2s}.field-row:hover{background:#3b82f608}.field-label{color:var(--color-text-secondary);font-size:14px;font-weight:600}.field-value{align-items:flex-start;display:flex;gap:12px;word-break:break-word}.null-value{color:#9e9e9e;font-size:14px;font-style:italic}.bool-value{border-radius:4px;font-size:14px;font-weight:600;padding:2px 8px}.bool-value.true{background:#4caf501a;color:#2e7d32}.bool-value.false{background:#f443361a;color:#c62828}.number-value{color:#1976d2;font-family:Monaco,Consolas,monospace;font-size:14px;font-weight:600}.string-value{color:var(--color-text-primary);font-size:14px;line-height:1.5}.empty-string{color:#9e9e9e;font-size:14px;font-style:italic}.array-value{background:#ff98001a;border-radius:4px;color:#f57c00;padding:2px 6px}.array-value,.object-value{font-family:Monaco,Consolas,monospace;font-size:13px}.object-value{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;max-width:600px;overflow-x:auto;padding:12px;white-space:pre-wrap}.nested-object{margin-bottom:16px}.object-header{color:var(--color-text-primary);font-weight:500;margin-bottom:8px}.object-content{border-left:2px solid var(--color-border);padding-left:24px}.content-field{width:100%}.content-field .content-preview{background:var(--color-background);border:2px solid var(--color-border);border-radius:8px;color:var(--color-text-primary);font-size:14px;line-height:1.6;max-height:300px;overflow-y:auto;padding:16px;white-space:pre-wrap}.content-field .content-preview::-webkit-scrollbar{width:8px}.content-field .content-preview::-webkit-scrollbar-track{background:var(--color-background);border-radius:4px}.content-field .content-preview::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.content-field .content-preview::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.edit-field{align-items:flex-start;display:flex;flex:1 1;gap:8px}.edit-field input,.edit-field textarea{background:var(--color-background);border:1px solid var(--color-primary);border-radius:4px;color:var(--color-text-primary);flex:1 1;font-family:inherit;padding:6px 10px}.edit-field textarea{resize:vertical}.edit-btn{background:#3b82f61a;border:1px solid #3b82f64d;border-radius:6px;cursor:pointer;font-size:14px;opacity:0;padding:6px 10px;transition:all .2s}.field-row:hover .edit-btn{opacity:1}.edit-btn:hover{background:#3b82f633;border-color:var(--color-primary);transform:translateY(-1px)}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.save-btn{background:var(--color-primary);color:#fff}.save-btn:hover{background:var(--color-primary-dark);box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.cancel-btn{background:#e0e0e0;color:#424242}.cancel-btn:hover{background:#d0d0d0}.image-preview{border:2px solid var(--color-border);border-radius:8px;box-shadow:0 2px 8px #0000001a;max-height:200px;max-width:300px;object-fit:cover;transition:transform .2s}.image-preview:hover{transform:scale(1.05)}.audio-file-item{background:#2196f30d;border:1px solid #2196f333;border-radius:8px;margin-bottom:16px;padding:20px}.audio-file-item h4{color:#1976d2;font-size:1.1rem;font-weight:600;margin:0 0 16px}.segment-text,.segment-text-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-primary);font-size:14px;line-height:1.6;max-height:150px;overflow-y:auto;padding:12px 16px;white-space:pre-wrap}.segment-text-content::-webkit-scrollbar,.segment-text::-webkit-scrollbar{width:6px}.segment-text-content::-webkit-scrollbar-track,.segment-text::-webkit-scrollbar-track{background:var(--color-background)}.segment-text-content::-webkit-scrollbar-thumb,.segment-text::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.debug-details{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:4px;margin-top:8px;padding:8px}.debug-details summary{color:#666;cursor:pointer;font-weight:700;padding:4px}.debug-details summary:hover{color:#333}.debug-content{margin-top:12px}.debug-section{margin-bottom:16px}.debug-section h5{color:#333;font-size:14px;margin:0 0 8px}.debug-available-sounds,.debug-prompt,.debug-response{background:#fff;border:1px solid #ddd;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:11px;max-height:400px;overflow-x:auto;overflow-y:auto;padding:12px;white-space:pre-wrap}.debug-prompt{background-color:#f0f8ff}.debug-response{background-color:#f0fff0}.debug-available-sounds{background-color:#fff5ee}.keyword-item{background:#673ab71a;border:1px solid #673ab74d;border-radius:20px;display:inline-block;margin:0 8px 8px 0;padding:8px 16px;transition:all .2s}.keyword-item:hover{background:#673ab733;transform:translateY(-1px)}.delete-modal-content{padding:20px}.delete-modal-content p{color:var(--color-text-primary);margin-bottom:12px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.confirm-delete-btn{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;transition:background-color .2s}.confirm-delete-btn:hover{background:#d32f2f}.loading{padding:40px}.loading,.no-story-selected{color:var(--color-text-secondary)}.no-story-selected{padding:80px 40px;text-align:center}.no-story-selected h3{color:var(--color-text-secondary);font-size:1.2rem;font-weight:400}@media (max-width:1600px){.filters{grid-template-columns:2fr repeat(5,1fr);row-gap:10px}}@media (max-width:1400px){.filters{grid-template-columns:2fr repeat(4,1fr);row-gap:10px}}@media (max-width:1200px){.filters{grid-template-columns:1fr 1fr 1fr}}@media (max-width:768px){.story-management-page{padding:16px}.filters{gap:10px}.field-row,.filters{grid-template-columns:1fr}.field-row{gap:8px}.field-label{font-weight:700;margin-bottom:4px}.story-header{align-items:flex-start;flex-direction:column;gap:16px}.story-header h2{font-size:1.5rem}.section{padding:16px}.section h3{font-size:1.1rem}.edit-btn{opacity:1}}.checkout-form{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;margin:0 auto;max-width:480px;overflow:hidden}.limit-banner,.welcome-banner{background:var(--color-black);border-radius:16px 16px 0 0;color:#fff;padding:1.5rem;text-align:center}.limit-text,.welcome-text{font-size:1.1rem;font-weight:600;margin:0}.limit-subtext,.welcome-subtext{font-size:.95rem;margin:.25rem 0 0;opacity:.9}.limit-details{font-size:.85rem;line-height:1.4;margin:.5rem 0 0;opacity:.7}.checkout-header{padding:2rem 2rem 1rem;text-align:center}.checkout-header h1{color:#2c3e50;font-size:1.75rem;font-weight:700;margin:0 0 1rem}.price-display{align-items:baseline;display:flex;gap:.25rem;justify-content:center}.price-display .original-price{color:#95a5a6;font-size:1.5rem;font-weight:500;margin-right:.5rem;text-decoration:line-through}.price-display .amount{color:var(--color-primary);font-size:2.5rem;font-weight:700}.price-display .duration{color:#7f8c8d;font-size:1.25rem;font-weight:500}.discount-badge{background:#27ae60;border-radius:20px;color:#fff;display:inline-block;font-size:.85rem;font-weight:600;margin-top:.5rem;padding:.25rem .75rem}.benefits-carousel{-ms-overflow-style:none;-webkit-overflow-scrolling:touch;display:flex;gap:.75rem;margin-bottom:2rem;margin-left:1.5rem;margin-right:1.5rem;overflow-x:auto;padding:0 1.5rem;position:relative;scroll-snap-type:x mandatory;scrollbar-width:none}.benefits-carousel::-webkit-scrollbar{display:none}.benefit-card{background:#fff;border:1px solid #0000000d;border-radius:16px;cursor:default;flex:0 0 190px;padding:1.5rem;scroll-snap-align:start;transition:all .3s ease;width:190px}.benefit-card:hover{background:#fff;box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}.benefit-card h4{color:#2c3e50;font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.benefit-card p{color:var(--color-primary);font-size:.9rem;line-height:1.5;margin:0}.benefits-section{margin-bottom:1.5rem}.carousel-dots{gap:.5rem;margin-top:1rem;padding:0 2rem}.carousel-dots .dot{background:#e0e6ed;border-radius:50%;cursor:pointer;height:8px;transition:all .3s ease;width:8px}.carousel-dots .dot.active{background:var(--color-primary);border-radius:4px;width:24px}@media (min-width:1024px){.carousel-dots{display:none}}.payment-form{padding:0 2rem 2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.875rem}.email-display{background:#f8f9fa;border-radius:8px;color:#2c3e50;font-size:1rem;padding:.875rem 1rem}.email-input,.form-group .email-input{border:2px solid var(--color-primary)!important;border-radius:8px;box-sizing:border-box;color:#2c3e50;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.email-input:focus,.form-group .email-input:focus{border-color:var(--color-primary)!important;box-shadow:0 0 0 3px #1da1f233;box-shadow:0 0 0 3px var(--color-primary-light,#1da1f233);outline:none}.voucher-group{margin-bottom:1.5rem}.voucher-input-wrapper{position:relative}.voucher-input{border:2px solid #e0e0e0;border-radius:8px;color:#2c3e50;font-size:1rem;letter-spacing:.5px;padding:.875rem 120px .875rem 1rem;text-transform:uppercase;transition:all .2s ease;width:100%}.voucher-input:focus{border-color:var(--color-primary);outline:none}.voucher-input.valid{border-color:#27ae60}.voucher-input.invalid{border-color:#e74c3c}.voucher-status{font-size:.875rem;font-weight:600;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.voucher-status.validating{color:#7f8c8d}.voucher-status.valid{color:#27ae60}.voucher-status.invalid{color:#e74c3c}.payment-section{margin-bottom:1.5rem;padding-top:1rem}.section-header{align-items:baseline;display:flex;justify-content:space-between;margin-bottom:.75rem}.section-header label{color:#2c3e50;font-size:.875rem;font-weight:600}.secure-badge{color:#7f8c8d;font-size:.75rem}.card-input-wrapper{background:#fff;border:2px solid #e0e6ed;border-radius:8px;margin-bottom:.5rem;margin-top:.5rem;padding:.875rem 1rem;position:relative;transition:all .2s ease}.card-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #667eea1a}#card-element{min-height:40px;padding:.5rem 0;width:100%}.card-fields-container{display:flex;flex-direction:column;gap:1rem}.card-field-wrapper{display:flex;flex-direction:column;gap:.25rem}.card-field-wrapper label{color:#6c757d;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.card-field-row{display:flex;gap:1rem}.card-field-half{flex:1 1}#cardCvc,#cardExpiry,#cardNumber{height:100%;padding:0}@media (max-width:768px){.card-input-wrapper{margin-bottom:0;margin-top:0;padding:.75rem}#cardCvc,#cardExpiry,#cardNumber{font-size:16px!important}.card-fields-container{gap:.75rem}.card-field-wrapper label{font-size:.7rem;margin-bottom:.25rem}.card-field-row{gap:.75rem}}.submit-button{align-items:center;background:var(--color-primary);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:-.01em;margin-bottom:0;padding:1.125rem 2rem;text-transform:none;transition:all .3s ease;width:100%}.submit-button:before{background:var(--color-primary);filter:brightness(1.2);transition:opacity .3s ease}.submit-button:hover:not(:disabled){box-shadow:0 8px 24px #667eea66;transform:translateY(-2px)}.submit-button:active:not(:disabled){box-shadow:0 4px 12px #667eea4d;transform:translateY(0)}.submit-button>*{position:relative;z-index:1}.submit-button:disabled{background:#e9ecef;color:#6c757d}.cancel-link{color:#7f8c8d;display:block;font-size:.875rem;text-align:center;text-decoration:none;transition:color .2s ease}.cancel-link:hover{color:#667eea}.spinner{animation:spin .8s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:768px){.checkout-form{border-radius:0;box-shadow:none}.limit-banner,.welcome-banner{padding:1rem}.checkout-header{padding:1.25rem 1.25rem .75rem}.checkout-header h1{font-size:1.5rem}.price-display .amount{font-size:2rem}.benefits-carousel{gap:.5rem;margin-bottom:1rem;margin-left:1rem;margin-right:1rem;padding:0}.benefit-card{flex:0 0 180px;min-width:180px;padding:1rem;width:180px}.payment-form{padding:0 1.25rem 1.25rem}.form-group,.payment-section{margin-bottom:1rem}.submit-button{margin-bottom:.75rem}}.paypal-button-container{align-items:center;display:flex;justify-content:center;min-height:150px;padding:1rem 0}.loading-spinner{color:#667eea;font-size:.9rem}.paypal-direct-container{background:linear-gradient(135deg,#f8f9fa,#fff);border:1px solid #667eea1a;border-radius:12px;box-shadow:0 4px 12px #667eea0d;min-height:200px;padding:1.5rem;position:relative}.paypal-loading{align-items:center;color:#667eea;display:flex;flex-direction:column;justify-content:center;min-height:150px}.paypal-loading .spinner{border:3px solid #e0e6ed;border-top-color:#667eea;height:24px;margin-bottom:1rem;width:24px}.paypal-button-wrapper{display:block;margin:0 auto;max-width:400px;position:relative;width:100%;z-index:10}.paypal-button-wrapper>div{min-height:55px!important;visibility:visible!important}.paypal-button-wrapper .paypal-buttons,.paypal-button-wrapper>div{display:block!important;position:relative!important;width:100%!important;z-index:10!important}.paypal-button-wrapper .paypal-buttons{margin:0 auto!important}.paypal-button-wrapper [data-funding-source]{opacity:1!important}.paypal-button-wrapper [data-funding-source],.paypal-button-wrapper iframe{display:block!important;pointer-events:auto!important;position:relative!important;visibility:visible!important;z-index:10!important}.paypal-button-wrapper iframe{min-height:55px!important;width:100%!important}.paypal-button-wrapper .paypal-button{filter:brightness(1.05)!important;transition:all .3s ease!important}.paypal-button-wrapper .paypal-button:hover{filter:brightness(1.15)!important;transform:translateY(-2px)!important}.paypal-button-wrapper{animation:fadeIn .5s ease-in-out}.payment-note{margin-top:1.5rem;text-align:center}.payment-note p{color:#6c757d;font-size:.9rem;margin:.5rem 0}.payment-note .security-info{color:#7f8c8d;font-size:.85rem}.paypal-buttons-layout-vertical{margin:0 auto!important}.paypal-direct-container *{position:relative;z-index:auto}.paypal-direct-container:after,.paypal-direct-container:before{display:none!important}.payment-section{position:relative;z-index:1}.paypal-button-wrapper [data-funding-source]:disabled{cursor:not-allowed!important;opacity:.6!important}.paypal-button-wrapper>div>div{border-radius:8px!important;box-shadow:0 4px 12px #667eea26!important;overflow:hidden!important;transition:box-shadow .3s ease!important}.paypal-button-wrapper>div>div:hover{box-shadow:0 6px 20px #667eea40!important}.paypal-buttons,.paypal-buttons-layout-vertical,[data-funding-source=card],[data-funding-source=credit],[data-funding-source=paylater],[data-funding-source=paypal]{pointer-events:auto!important;position:relative!important;z-index:20!important}.payment-form,.payment-section,.paypal-direct-container{overflow:visible!important}div[class*=paypal-buttons-component],div[id^=zoid-paypal-buttons]{pointer-events:auto!important;position:relative!important;z-index:20!important}.paypal-button-wrapper [data-funding-source=card],.paypal-button-wrapper [data-funding-source=card]>div{background-color:var(--color-primary)!important}@media (max-width:400px){.benefit-card{flex:0 0 170px;min-width:170px;padding:.875rem;width:170px}.benefit-card h4{font-size:.95rem}.benefit-card p{font-size:.8rem}.submit-button{font-size:1rem;padding:1rem 1.5rem}.card-input-wrapper{padding:.625rem .75rem}.payment-form{padding:0 1rem 1rem}}.payment-page{align-items:center;background:#1da1f23b;display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-container{max-width:600px;width:100%}.email-form-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;padding:2rem;text-align:center}.email-form-container h1{color:#2c3e50;font-size:2rem;margin:0 0 .5rem}.email-form-container p{color:#7f8c8d;font-size:1.1rem;margin:0 0 2rem}.email-form{gap:1.5rem}.email-form,.form-group{display:flex;flex-direction:column}.form-group{text-align:left}.form-group label{color:#2c3e50;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.form-group input{border:2px solid #e0e6ed;border-radius:8px;font-size:1rem;padding:.75rem;transition:border-color .2s ease}.form-group input:focus{border-color:#3498db;outline:none}.form-actions{gap:1rem;margin-top:1rem}.btn{flex:1 1}.btn--secondary{background-color:#95a5a6;color:#fff}.btn--secondary:hover{background-color:#7f8c8d}.loading{color:#fff;font-size:1.25rem;text-align:center}@media (max-width:768px){.payment-page{padding:1rem}.email-form-container{padding:1.5rem}.email-form-container h1{font-size:1.5rem}.form-actions{flex-direction:column}.btn{flex:none}}.payment-success-page{align-items:center;background:var(--color-gray-50);display:flex;justify-content:center;min-height:100vh;padding:var(--space-4)}.payment-success-container{max-width:var(--container-sm);width:100%}.success-card{background:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-12) var(--space-8);text-align:center}.success-icon{height:100px;margin:0 auto var(--space-8);width:100px}.success-icon,.success-icon-inner{align-items:center;display:flex;justify-content:center;position:relative}.success-icon-inner{animation:scaleIn .4s cubic-bezier(.175,.885,.32,1.275);background:var(--color-primary);border-radius:var(--border-radius-full);box-shadow:0 8px 16px #101bb933;height:72px;width:72px;z-index:2}.success-icon-ring{animation:ringPulse 1.5s ease-out;border:3px solid var(--color-primary);border-radius:var(--border-radius-full);height:100%;opacity:.2;position:absolute;width:100%}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes ringPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:.3}to{opacity:0;transform:scale(1.3)}}.success-icon svg{animation:checkmark .4s ease-out .2s both;color:var(--color-white);height:36px;width:36px}@keyframes checkmark{0%{stroke-dasharray:50;stroke-dashoffset:50;opacity:0}to{stroke-dasharray:50;stroke-dashoffset:0;opacity:1}}.success-title{color:var(--color-black);font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-4) 0}.success-message{color:var(--color-gray-600);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);margin:0 0 var(--space-8) 0}.payment-details{background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);margin-bottom:var(--space-8);padding:var(--space-6);text-align:left}.detail-row{align-items:center;border-bottom:1px solid var(--color-gray-200);display:flex;justify-content:space-between;padding:var(--space-3) 0}.detail-row:last-child{border-bottom:none}.detail-label{color:var(--color-gray-500);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.detail-value{color:var(--color-black);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.premium-benefits{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--color-white);margin-bottom:var(--space-8);padding:var(--space-6)}.premium-benefits h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4) 0}.premium-benefits ul{list-style:none;margin:0;padding:0;text-align:left}.premium-benefits li{align-items:center;display:flex;font-size:var(--font-size-base);gap:var(--space-2);padding:var(--space-2) 0}.success-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6)}.btn{box-shadow:var(--shadow-sm);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.btn--primary:hover{background-color:var(--color-primary-dark);box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn--primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn--outline{background:#0000;box-shadow:none}.btn--outline:hover{box-shadow:var(--shadow-md);color:var(--color-white)}.btn--lg{padding:var(--space-4) var(--space-8)}.login-prompt{color:var(--color-gray-600);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-top:var(--space-4)}.login-prompt a{color:var(--color-primary);font-weight:var(--font-weight-semibold);text-decoration:none;transition:color var(--transition-fast) var(--transition-ease)}.login-prompt a:hover{color:var(--color-primary-dark);text-decoration:underline}.success-footer{color:var(--color-gray-500);font-size:var(--font-size-sm);margin-top:var(--space-4)}.success-footer a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--transition-ease)}.success-footer a:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:768px){.payment-success-page{align-items:flex-start;padding:var(--space-4) var(--space-3);padding-top:var(--space-8)}.success-card{padding:var(--space-8) var(--space-4)}.success-icon{height:80px;margin-bottom:var(--space-6);width:80px}.success-icon-inner{height:56px;width:56px}.success-icon svg{height:28px;width:28px}.success-title{font-size:var(--font-size-2xl);margin-bottom:var(--space-3)}.success-message{font-size:var(--font-size-base);margin-bottom:var(--space-6)}.payment-details{margin-bottom:var(--space-6);padding:var(--space-4)}.detail-row{align-items:flex-start;flex-direction:column;gap:var(--space-1);padding:var(--space-3) 0}.detail-label{font-size:var(--font-size-xs)}.detail-value{font-size:var(--font-size-sm)}.premium-benefits{margin-bottom:var(--space-6);padding:var(--space-4)}.premium-benefits h3{font-size:var(--font-size-lg);margin-bottom:var(--space-3)}.premium-benefits li{font-size:var(--font-size-sm);padding:var(--space-1) 0}.success-actions{flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-4)}.btn{padding:var(--space-3) var(--space-4);width:100%}.btn--lg{font-size:var(--font-size-base);padding:var(--space-4) var(--space-6)}.login-prompt{font-size:var(--font-size-sm);text-align:center}}@media (max-width:400px){.success-card{padding:var(--space-6) var(--space-3)}.success-title{font-size:var(--font-size-xl)}.payment-details,.premium-benefits{padding:var(--space-3)}}@media (prefers-color-scheme:dark){.payment-success-page{background:var(--color-gray-900)}.success-card{background:var(--color-gray-800);color:var(--color-gray-100)}.payment-details{background:var(--color-gray-700)}.detail-row,.payment-details{border-color:var(--color-gray-600)}.detail-label,.success-footer{color:var(--color-gray-400)}}.payment-cancel-page{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);display:flex;justify-content:center;min-height:100vh;padding:2rem}.payment-cancel-container{max-width:600px;width:100%}.cancel-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #00000026;padding:3rem 2rem;text-align:center}.cancel-icon{align-items:center;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:50%;color:#fff;display:flex;height:80px;justify-content:center;margin:0 auto 2rem;width:80px}.cancel-icon svg{height:48px;width:48px}.cancel-title{color:#2c3e50;font-size:2.5rem;font-weight:700;margin:0 0 1rem}.cancel-message{color:#7f8c8d;font-size:1.2rem;line-height:1.5;margin:0 0 2rem}.freemium-reminder{background:#f8f9fa;border-radius:8px;margin-bottom:2rem;padding:1.5rem}.freemium-reminder h3{color:#2c3e50;font-size:1.2rem;margin:0 0 1rem}.freemium-reminder ul{list-style:none;margin:0;padding:0;text-align:left}.freemium-reminder li{color:#495057;font-size:1rem;padding:.5rem 0}.cancel-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.btn{border-radius:8px;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn--primary{background-color:#3498db;color:#fff}.btn--primary:hover{background-color:#2980b9}.btn--outline{border:2px solid #3498db;color:#3498db}.btn--outline:hover{background-color:#3498db}.btn--lg{font-size:1.1rem;padding:1rem 2rem}.upgrade-later{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;margin-bottom:2rem;padding:1.5rem}.upgrade-later p{font-size:1rem;margin:0}.upgrade-later a{color:#fff;font-weight:600;text-decoration:underline}.upgrade-later a:hover{text-decoration:none}.cancel-footer{color:#7f8c8d;font-size:.9rem}.cancel-footer a{color:#3498db;text-decoration:none}.cancel-footer a:hover{text-decoration:underline}@media (max-width:768px){.payment-cancel-page{padding:1rem}.cancel-card{padding:2rem 1.5rem}.cancel-title{font-size:2rem}.cancel-actions{flex-direction:column}.btn{width:100%}}.legal-page{background-color:var(--color-gray-50);min-height:calc(100vh - var(--audio-player-height) - 64px);padding:var(--space-8) 0}.legal-header{margin-bottom:var(--space-8);text-align:center}.legal-header h1{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-2)}.legal-header p{color:var(--color-gray-600);font-size:var(--font-size-base);margin:0}.legal-content{background:#fff;border-radius:var(--border-radius-lg);box-shadow:0 1px 3px #0000001a;margin-bottom:var(--space-6);padding:var(--space-8)}.legal-content section{margin-bottom:var(--space-8)}.legal-content section:last-child{margin-bottom:0}.legal-content h2{border-bottom:2px solid var(--color-primary);color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-4);padding-bottom:var(--space-2)}.legal-content h3{color:var(--color-gray-800);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:var(--space-4) 0 var(--space-2)}.legal-content p{color:var(--color-gray-700);line-height:1.6;margin:0 0 var(--space-4)}.legal-content ul{margin:var(--space-2) 0 var(--space-4);padding-left:var(--space-6)}.legal-content li{color:var(--color-gray-700);line-height:1.6;margin-bottom:var(--space-2)}.legal-content a{color:var(--color-primary);font-weight:var(--font-weight-medium);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-content strong{color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.legal-footer{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.btn{border:none;padding:var(--space-3) var(--space-6);text-decoration:none}.btn--outline{background:none;border:2px solid var(--color-primary)}.btn--outline:hover{background-color:var(--color-primary);color:#fff}.btn--text{background:none;color:var(--color-gray-600);padding:var(--space-2) var(--space-4)}.btn--text:hover{color:var(--color-primary);text-decoration:underline}@media (max-width:768px){.legal-page{padding:var(--space-4) 0}.legal-content{margin:0 var(--space-4) var(--space-6);padding:var(--space-6)}.legal-header h1{font-size:var(--font-size-2xl)}.legal-footer{flex-direction:column;gap:var(--space-2)}}.mass-generation-page{background-color:#f8f9fa;min-height:100vh;padding:2rem 0}.mass-generation-page .container{margin:0 auto;max-width:1400px;padding:0 1rem}.mass-generation-page h1{color:#333;font-size:2.5rem;margin-bottom:2rem;text-align:center}.mass-generation-content{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:2rem}.section{margin-bottom:2rem}.section h2{color:#444;font-size:1.5rem;margin-bottom:1rem}.section textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;font-size:1rem;padding:1rem;resize:vertical;transition:border-color .3s;width:100%}.section textarea:focus{border-color:#ff6b00;outline:none}.section textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.subject-count{color:#666;font-size:.875rem;margin-top:.5rem}.parameters-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.parameter-section{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:8px;padding:1.5rem}.parameter-section h3{color:#333;font-size:1.125rem;margin-bottom:1rem}.select-controls{display:flex;gap:.5rem;margin-bottom:1rem}.select-controls button{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.875rem;padding:.25rem .75rem;transition:all .2s}.select-controls button:hover{background:#ff6b00;border-color:#ff6b00;color:#fff}.checkbox-grid{display:flex;flex-direction:column;gap:.5rem}.checkbox-grid label{align-items:center;color:#555;cursor:pointer;display:flex;font-size:.9375rem;gap:.5rem;transition:color .2s}.checkbox-grid label:hover{color:#ff6b00}.checkbox-grid input[type=checkbox]{accent-color:#ff6b00;cursor:pointer;height:18px;width:18px}.checkbox-grid input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.generation-control{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.summary h3{color:#333;font-size:1.25rem;margin-bottom:.5rem}.summary p{color:#666;margin:.25rem 0}.summary strong{color:#ff6b00;font-size:1.125rem}.progress-info{margin-top:1rem}.progress-info p{font-size:.9375rem;margin:.25rem 0}.progress-info .error{color:#dc3545;font-weight:600}.generate-button{background:#ff6b00;border:none;border-radius:8px;box-shadow:0 2px 4px #ff6b0033;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .3s}.generate-button:hover:not(:disabled){background:#e55a00;box-shadow:0 4px 8px #ff6b004d;transform:translateY(-1px)}.generate-button:disabled{background:#ccc;box-shadow:none;cursor:not-allowed;transform:none}.progress-details{background:#f8f9fa;border-radius:8px;max-height:400px;overflow-y:auto;padding:1.5rem}.progress-details h3{color:#333;font-size:1.25rem;margin-bottom:1rem}.progress-list{display:flex;flex-direction:column;gap:.5rem}.progress-item{grid-gap:1rem;align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:grid;font-size:.875rem;gap:1rem;grid-template-columns:2fr 3fr 1fr 1fr;padding:.75rem}.progress-item.completed{background:#f8fff9;border-color:#28a745}.progress-item.processing,.progress-item.streaming{background:#fffef5;border-color:#ffc107}.progress-item.error{background:#fff5f5;border-color:#dc3545}.progress-item .subject{color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-item .settings{color:#666;font-size:.8125rem}.progress-item .status{font-weight:500;text-transform:capitalize}.progress-item.completed .status{color:#28a745}.progress-item.processing .status,.progress-item.streaming .status{color:#ff6b00}.progress-item.error .status{color:#dc3545}.progress-item .percent{color:#ff6b00;font-weight:600;text-align:right}@media (max-width:768px){.mass-generation-page .container{padding:0 .5rem}.mass-generation-content{padding:1rem}.parameters-grid{gap:1rem;grid-template-columns:1fr}.generation-control{flex-direction:column;gap:1.5rem;text-align:center}.progress-item{gap:.25rem;grid-template-columns:1fr}.progress-item .percent,.progress-item .settings{display:none}}.location-info{margin-bottom:var(--space-12)}.location-info h2{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.info-grid{grid-gap:var(--space-6);display:grid;gap:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.info-card{background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6);transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease)}.info-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.info-card.full-width{grid-column:1/-1}.info-header{align-items:center;display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.info-icon{color:var(--color-primary);flex-shrink:0;font-size:1.5rem}.info-card h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.map-link,.ticket-link{align-items:center;color:var(--color-primary);display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);margin-top:var(--space-3);text-decoration:none;transition:color var(--transition-fast) var(--transition-ease)}.map-link:hover,.ticket-link:hover{color:var(--color-primary-dark);text-decoration:underline}.hours-list{border-top:1px solid var(--color-gray-100);margin-top:var(--space-3);padding-top:var(--space-3)}.hours-row{color:var(--color-gray-700);display:flex;justify-content:space-between;padding:var(--space-2) 0}.hours-row:not(:last-child){border-bottom:1px solid var(--color-gray-50)}.day{color:var(--color-gray-900);font-weight:var(--font-weight-medium)}.hours-note{color:var(--color-gray-500);font-size:var(--font-size-sm);font-style:italic;line-height:var(--line-height-relaxed)}.hours-note,.price-info{margin-top:var(--space-3)}.price{color:var(--color-gray-700);display:block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-3)}.tips-section{align-items:flex-start;background-color:var(--color-warning);background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:1px solid #f59e0b33;border-radius:var(--border-radius-md);display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4)}.warning-icon{color:var(--color-warning);flex-shrink:0;font-size:1.25rem;margin-top:2px}.tips-section p{color:var(--color-gray-700);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.highlights-list{list-style:none;margin:0;padding:0}.highlights-list li{border-bottom:1px solid var(--color-gray-100);color:var(--color-gray-700);padding:var(--space-3) 0;padding-left:var(--space-8);position:relative}.highlights-list li:last-child{border-bottom:none}.highlights-list li:before{color:var(--color-primary);content:"•";font-size:1.5rem;left:var(--space-2);line-height:1;position:absolute}@media (max-width:768px){.location-info{margin-bottom:var(--space-8)}.location-info h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.info-grid{gap:var(--space-4);grid-template-columns:1fr}.info-card{padding:var(--space-4)}.price{font-size:var(--font-size-base)}}@media (prefers-color-scheme:dark){.info-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.hours-list{border-top-color:var(--color-gray-700)}.hours-row{color:var(--color-gray-300)}.hours-row:not(:last-child){border-bottom-color:var(--color-gray-700)}.day{color:var(--color-gray-100)}.highlights-list li{border-bottom-color:var(--color-gray-700);color:var(--color-gray-300)}.tips-section{background:linear-gradient(135deg,#f59e0b26,#f59e0b0d);border-color:#f59e0b4d}.tips-section p{color:var(--color-gray-300)}}.story-highlight{margin-bottom:var(--space-12)}.story-highlight h2{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.story-content{background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease)}.story-content:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.story-header{background:linear-gradient(180deg,var(--color-white) 0,var(--color-gray-50) 100%);border-bottom:1px solid var(--color-gray-100);padding:var(--space-6)}.story-header h3{color:var(--color-gray-900);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-3) 0}.story-meta{color:var(--color-gray-600);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-6)}.story-meta span{align-items:center;display:flex;gap:var(--space-2)}.story-meta svg{color:var(--color-gray-400);height:16px;width:16px}.story-image{display:block;height:360px;object-fit:cover;width:100%}.story-text{padding:var(--space-6)}.story-text p{color:var(--color-gray-700);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4)}.reading-time{color:var(--color-gray-500);display:block;font-size:var(--font-size-sm);font-style:italic;margin-top:var(--space-4)}.listen-button{align-items:center;background-color:var(--color-primary);color:var(--color-white);display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-3);justify-content:center;overflow:hidden;padding:var(--space-4) var(--space-6);position:relative;text-decoration:none;transition:all var(--transition-normal) var(--transition-ease);width:100%}.listen-button:before{background:linear-gradient(135deg,#ffffff1a,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal) var(--transition-ease)}.listen-button:hover{background-color:var(--color-primary-dark);box-shadow:0 4px 12px #1da1f24d;transform:translateY(-1px)}.listen-button:hover:before{opacity:1}.listen-button svg{height:24px;width:24px}@media (max-width:768px){.story-highlight{margin-bottom:var(--space-8)}.story-highlight h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.story-header{padding:var(--space-4)}.story-header h3{font-size:var(--font-size-xl)}.story-meta{gap:var(--space-4)}.story-image{height:240px}.story-text{padding:var(--space-4)}.listen-button{font-size:var(--font-size-base);padding:var(--space-3) var(--space-4)}}@media (prefers-color-scheme:dark){.story-content{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.story-header{background:linear-gradient(180deg,var(--color-gray-800) 0,var(--color-gray-900) 100%);border-bottom-color:var(--color-gray-700)}.story-header h3{color:var(--color-gray-100)}.story-meta{color:var(--color-gray-400)}.story-meta svg{color:var(--color-gray-500)}.story-text p{color:var(--color-gray-300)}.reading-time{color:var(--color-gray-500)}}.story-carousel{margin-bottom:var(--space-12)}.story-carousel h2{color:var(--color-gray-900);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-6)}.carousel-container{align-items:center;display:flex;gap:var(--space-4);position:relative}.carousel-button{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-full);box-shadow:var(--shadow-sm);color:var(--color-gray-600);cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;transition:all var(--transition-normal) var(--transition-ease);width:48px}.carousel-button:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:var(--shadow-md);color:var(--color-white);transform:scale(1.05)}.carousel-button:disabled{background-color:var(--color-gray-50);cursor:not-allowed;opacity:.4}.carousel-button svg{height:20px;width:20px}.stories-grid{grid-gap:var(--space-6);display:grid;flex:1 1;gap:var(--space-6);grid-template-columns:repeat(3,1fr);width:100%}.story-card{background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:all var(--transition-normal) var(--transition-ease)}.story-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.story-card-image{background-color:var(--color-gray-100);height:180px;overflow:hidden;position:relative;width:100%}.story-card-image img{height:100%;object-fit:cover;transition:transform var(--transition-slow) var(--transition-ease);width:100%}.story-card:hover .story-card-image img{transform:scale(1.05)}.story-card-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-4)}.story-card h3{color:var(--color-gray-900);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0 0 var(--space-2) 0}.story-teaser{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-gray-600);display:-webkit-box;flex:1 1;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-4);overflow:hidden}.story-card-meta{align-items:center;border-top:1px solid var(--color-gray-100);color:var(--color-gray-500);display:flex;font-size:var(--font-size-xs);justify-content:space-between;padding-top:var(--space-3)}.story-card-meta span{align-items:center;display:flex;gap:var(--space-1)}.story-card-meta svg{color:var(--color-gray-400);height:14px;width:14px}.carousel-dots{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-6)}.dot{background-color:var(--color-gray-300);border:none;border-radius:var(--border-radius-full);cursor:pointer;height:10px;padding:0;transition:all var(--transition-fast) var(--transition-ease);width:10px}.dot:hover{background-color:var(--color-gray-400);transform:scale(1.2)}.dot.active{background-color:var(--color-primary);transform:scale(1.2)}@media (max-width:1024px){.stories-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.story-carousel{margin-bottom:var(--space-8)}.story-carousel h2{font-size:var(--font-size-2xl);margin-bottom:var(--space-4)}.carousel-container{gap:var(--space-2)}.stories-grid{gap:var(--space-4);grid-template-columns:1fr}.carousel-button{height:40px;width:40px}.carousel-button svg{height:16px;width:16px}.story-card-image{height:160px}.carousel-dots{margin-top:var(--space-4)}}@media (max-width:480px){.carousel-button{display:none}}@media (prefers-color-scheme:dark){.carousel-button{background-color:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-400)}.carousel-button:hover:not(:disabled){background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.carousel-button:disabled{background-color:var(--color-gray-900)}.story-card{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.story-card:hover{border-color:var(--color-primary)}.story-card-image{background-color:var(--color-gray-700)}.story-card h3{color:var(--color-gray-100)}.story-teaser{color:var(--color-gray-400)}.story-card-meta{border-top-color:var(--color-gray-700);color:var(--color-gray-500)}.story-card-meta svg{color:var(--color-gray-600)}.dot{background-color:var(--color-gray-600)}.dot:hover{background-color:var(--color-gray-500)}}.contact-form-section{margin-bottom:var(--space-12)}.report-button{align-items:center;background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--color-gray-700);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all var(--transition-normal) var(--transition-ease)}.report-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300);box-shadow:var(--shadow-md);transform:translateY(-1px)}.report-button svg{color:var(--color-gray-500);height:18px;width:18px}.contact-form{background-color:var(--color-white);border:1px solid var(--color-gray-100);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);margin-top:var(--space-6);padding:var(--space-8)}.contact-form h3{color:var(--color-gray-900);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0 0 var(--space-2) 0}.contact-form p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.contact-form p,.form-group{margin-bottom:var(--space-6)}.form-group label{align-items:center;color:var(--color-gray-700);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);gap:var(--space-2);margin-bottom:var(--space-2)}.form-group label svg{color:var(--color-gray-400);height:16px;width:16px}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-md);color:var(--color-gray-900);font-family:inherit;font-size:var(--font-size-base);padding:var(--space-3);transition:all var(--transition-fast) var(--transition-ease);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1da1f21a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-400)}.form-group textarea{line-height:var(--line-height-relaxed);min-height:120px;resize:vertical}.form-actions{display:flex;gap:var(--space-4);justify-content:flex-end;margin-top:var(--space-6)}.cancel-button,.submit-button{align-items:center;border:none;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-2);justify-content:center;padding:var(--space-3) var(--space-6);transition:all var(--transition-normal) var(--transition-ease)}.cancel-button{background-color:initial;border:2px solid var(--color-gray-200);color:var(--color-gray-600)}.cancel-button:hover{background-color:var(--color-gray-50);border-color:var(--color-gray-300)}.submit-button{background-color:var(--color-primary);color:var(--color-white);overflow:hidden;position:relative}.submit-button:before{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity var(--transition-normal) var(--transition-ease)}.submit-button:hover:not(:disabled){background-color:var(--color-primary-dark);box-shadow:0 4px 12px #1da1f24d;transform:translateY(-1px)}.submit-button:hover:not(:disabled):before{opacity:1}.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}@media (max-width:768px){.contact-form-section{margin-bottom:var(--space-8)}.report-button{font-size:var(--font-size-sm);padding:var(--space-2) var(--space-4)}.contact-form{margin-top:var(--space-4);padding:var(--space-6)}.contact-form h3{font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--space-4)}.form-actions{flex-direction:column-reverse;gap:var(--space-3)}.cancel-button,.submit-button{padding:var(--space-3) var(--space-4);width:100%}}@media (prefers-color-scheme:dark){.report-button{background-color:var(--color-gray-800);border-color:var(--color-gray-700);color:var(--color-gray-300)}.report-button:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-600)}.report-button svg{color:var(--color-gray-500)}.contact-form{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.contact-form h3{color:var(--color-gray-100)}.contact-form p{color:var(--color-gray-400)}.form-group label{color:var(--color-gray-300)}.form-group label svg{color:var(--color-gray-600)}.form-group input,.form-group select,.form-group textarea{background-color:var(--color-gray-900);border-color:var(--color-gray-700);color:var(--color-gray-100)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #1da1f233}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-600)}.cancel-button{border-color:var(--color-gray-700);color:var(--color-gray-400)}.cancel-button:hover{background-color:var(--color-gray-700);border-color:var(--color-gray-600)}}.location-page{margin:0 auto;max-width:var(--container-xl);min-height:calc(100vh - var(--audio-player-height) - 64px);padding:var(--space-8) var(--space-4)}.location-header{margin-bottom:var(--space-8)}.breadcrumb{align-items:center;color:var(--color-gray-500);display:flex;flex-wrap:wrap;font-size:var(--font-size-sm);gap:var(--space-2);margin-bottom:var(--space-4)}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast) var(--transition-ease)}.breadcrumb a:hover{color:var(--color-primary-dark);text-decoration:underline}.breadcrumb span{color:var(--color-gray-400)}.location-header h1{color:var(--color-gray-900);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0}.location-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:50vh}.location-loading:before{animation:spin 1s linear infinite;border:3px solid var(--color-gray-200);border-radius:50%;border-top-color:var(--color-primary);content:"";height:48px;width:48px}@keyframes spin{to{transform:rotate(1turn)}}.location-disclaimer{background-color:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-lg);margin-top:var(--space-12);padding:var(--space-6);text-align:center}.location-disclaimer p{color:var(--color-gray-600);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.location-disclaimer p:first-child{margin-bottom:var(--space-2)}.location-disclaimer p:last-child{color:var(--color-gray-500);font-size:var(--font-size-xs)}@media (max-width:768px){.location-page{padding:var(--space-6) var(--space-4)}.location-header{margin-bottom:var(--space-6)}.location-header h1{font-size:var(--font-size-3xl)}.breadcrumb{font-size:var(--font-size-xs);gap:var(--space-1)}.location-disclaimer{margin-top:var(--space-8);padding:var(--space-4)}}@media (prefers-color-scheme:dark){.location-disclaimer{background-color:var(--color-gray-800);border-color:var(--color-gray-700)}.location-disclaimer p{color:var(--color-gray-400)}.location-disclaimer p:last-child{color:var(--color-gray-500)}}*,:after,:before{box-sizing:border-box}a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,img,ins,kbd,label,legend,li,mark,menu,nav,ol,output,p,pre,q,ruby,s,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,u,ul,var,video{border:0;font-size:100%;margin:0;padding:0;vertical-align:initial}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1.5;min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}a{color:inherit;text-decoration:none}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button{background:none;border:none;cursor:pointer;padding:0}:root{--color-primary:#1da1f2;--color-primary-light:#79c7f9;--color-primary-dark:#0d7abf;--color-secondary:#ff8a00;--color-secondary-light:#ffa940;--color-secondary-dark:#e67700;--color-tertiary:#7c4dff;--color-tertiary-light:#b59cff;--color-tertiary-dark:#4f29cc;--color-black:#111827;--color-white:#fff;--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-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--font-family-base:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-family-heading:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;--font-size-xs:clamp(0.75rem,0.7rem + 0.25vw,0.875rem);--font-size-sm:clamp(0.875rem,0.82rem + 0.27vw,1rem);--font-size-base:clamp(1rem,0.95rem + 0.25vw,1.125rem);--font-size-lg:clamp(1.125rem,1.05rem + 0.375vw,1.25rem);--font-size-xl:clamp(1.25rem,1.15rem + 0.5vw,1.5rem);--font-size-2xl:clamp(1.5rem,1.35rem + 0.75vw,1.875rem);--font-size-3xl:clamp(1.875rem,1.65rem + 1.125vw,2.25rem);--font-size-4xl:clamp(2.25rem,1.95rem + 1.5vw,3rem);--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.2;--line-height-snug:1.33;--line-height-normal:1.5;--line-height-relaxed:1.75;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--border-width-thin:1px;--border-width-medium:2px;--border-width-thick:4px;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:0.75rem;--border-radius-xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms;--transition-normal:250ms;--transition-slow:350ms;--transition-ease:cubic-bezier(0.4,0,0.2,1);--z-0:0;--z-10:10;--z-20:20;--z-30:30;--z-40:40;--z-50:50;--z-modal:100;--z-toast:1000;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--audio-player-height:4.5rem;--audio-player-collapsed-height:3.5rem;--audio-controls-size:2.5rem;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-black:#fff;--color-white:#111827;--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb;--background-color:var(--color-white);--text-color:var(--color-black);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0003}}:root[data-theme=dark]{--color-black:#fff;--color-white:#111827;--color-gray-50:#111827;--color-gray-100:#1f2937;--color-gray-200:#374151;--color-gray-300:#4b5563;--color-gray-400:#6b7280;--color-gray-500:#9ca3af;--color-gray-600:#d1d5db;--color-gray-700:#e5e7eb;--color-gray-800:#f3f4f6;--color-gray-900:#f9fafb;--background-color:var(--color-white);--text-color:var(--color-black);--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006,0 2px 4px -1px #0003;--shadow-lg:0 10px 15px -3px #0006,0 4px 6px -2px #0003;--shadow-xl:0 20px 25px -5px #0006,0 10px 10px -5px #0003}:root[data-theme=light]{--color-black:#111827;--color-white:#fff;--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;--background-color:var(--color-white);--text-color:var(--color-black);--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}html{font-size:16px}body,html{height:100%}body{background-color:var(--color-gray-50);background-color:var(--background-color,var(--color-gray-50));color:var(--color-gray-900);color:var(--text-color,var(--color-gray-900));font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-normal);overflow-x:hidden;padding-bottom:var(--audio-player-height)}#root{display:flex;flex-direction:column;min-height:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-4)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--space-4)}small{font-size:var(--font-size-sm)}a{color:var(--color-primary);transition:color var(--transition-fast) var(--transition-ease)}@media (prefers-color-scheme:dark){body{background-color:var(--color-gray-900);background-color:var(--background-color,var(--color-gray-900));color:var(--color-gray-100);color:var(--text-color,var(--color-gray-100))}}a:hover{color:var(--color-primary-dark);text-decoration:underline}.btn{align-items:center;border-radius:var(--border-radius-md);cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);justify-content:center;padding:var(--space-2) var(--space-4);text-align:center;transition:all var(--transition-normal) var(--transition-ease);white-space:nowrap}.btn:disabled,.btn[disabled]{cursor:not-allowed;opacity:.6}.btn--primary{background-color:var(--color-primary);border:var(--border-width-thin) solid var(--color-primary);color:var(--color-white)}.btn--primary:focus,.btn--primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.btn--secondary{background-color:var(--color-secondary);border:var(--border-width-thin) solid var(--color-secondary);color:var(--color-white)}.btn--secondary:focus,.btn--secondary:hover{background-color:var(--color-secondary-dark);border-color:var(--color-secondary-dark)}.btn--outline{background-color:initial;border:var(--border-width-thin) solid var(--color-primary);color:var(--color-primary)}.btn--outline:focus,.btn--outline:hover{background-color:var(--color-primary-light);color:var(--color-white)}.btn--text{background-color:initial;border:none;color:var(--color-primary);padding:var(--space-1) var(--space-2)}.btn--text:focus,.btn--text:hover{color:var(--color-primary-dark);text-decoration:underline}.btn--sm{font-size:var(--font-size-sm);padding:var(--space-1) var(--space-3)}.btn--lg{font-size:var(--font-size-lg);padding:var(--space-3) var(--space-6)}input,select,textarea{background-color:var(--color-white);border:var(--border-width-thin) solid var(--color-gray-300);border-radius:var(--border-radius-md);color:var(--color-gray-900);padding:var(--space-3);transition:border-color var(--transition-fast) var(--transition-ease);width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}input::placeholder,textarea::placeholder{color:var(--color-gray-400)}label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.form-group{margin-bottom:var(--space-4)}.container{margin-left:auto;margin-right:auto;max-width:var(--container-lg);padding-left:var(--space-4);padding-right:var(--space-4);width:100%}@media (min-width:768px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}.grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(1,1fr)}@media (min-width:640px){.grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1024px){.grid{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--color-white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal) var(--transition-ease),box-shadow var(--transition-normal) var(--transition-ease)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card__image{height:200px;object-fit:cover;width:100%}.card__content{padding:var(--space-4)}.card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-2)}.card__text{color:var(--color-gray-600);margin-bottom:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.w-full{width:100%}.h-full{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-2{margin-left:var(--space-2)}.mr-2{margin-right:var(--space-2)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.fade-in{animation:fadeIn var(--transition-normal) ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
/*# sourceMappingURL=main.f85542cd.css.map*/