.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:#000}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(165deg,#425289,#e4a98d 120%);opacity:1}.login-container{position:relative;z-index:2;width:100%;max-width:420px;padding:2rem}.login-card{background:#ffffff14;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:32px;padding:3rem 2.5rem;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0000004d}.login-header{text-align:center;margin-bottom:2.5rem}.login-logo{width:80px;height:80px;margin-bottom:1rem;animation:float-logo 3s ease-in-out infinite}@keyframes float-logo{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 .5rem}.login-subtitle{font-size:1rem;color:#ffffffb3;margin:0}.google-signin-button{box-sizing:border-box;background:#fff;border:1px solid rgba(0,0,0,.1)!important;border-radius:20px;padding:1rem 1.5rem;font-size:1.05rem;font-weight:600;color:#3c4043;cursor:pointer;transition:all .2s ease;display:flex;outline:none!important;-webkit-appearance:none!important;align-items:center;justify-content:center;gap:.75rem;margin:1.5rem 0;width:100%;max-width:100%}.google-signin-button:hover:not(:disabled){background:#f8f9fa;box-shadow:0 2px 8px #0000001a}.google-signin-button:disabled{opacity:.6;cursor:not-allowed}.google-signin-button svg{flex-shrink:0}.login-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column}.login-input{width:100%;box-sizing:border-box;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)!important;border-radius:16px;padding:.875rem 1.25rem;font-size:1rem;color:#fff;outline:none!important;-webkit-appearance:none!important;transition:all .3s ease;max-height:50px}.login-input::placeholder{color:#ffffff80}.login-input:focus{background:#ffffff26;border-color:#fff6;outline:none!important;-webkit-appearance:none!important;box-shadow:none!important}.login-error{background:#ff3b3033;border:1px solid rgba(255,59,48,.4);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:.9rem;text-align:center}.login-success{background:#34c75933;border:1px solid rgba(52,199,89,.4);border-radius:12px;padding:.75rem 1rem;color:#fff;font-size:.9rem;text-align:center}.login-button{width:100%;box-sizing:border-box;background:linear-gradient(135deg,#9146ff,#ff6ac3);border:none!important;border-radius:16px;padding:1rem;font-size:1.1rem;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:.5rem;outline:none!important;-webkit-appearance:none!important}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #9146ff66}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-footer{margin-top:1.5rem;text-align:center}.toggle-auth-button{background:none;border:none;color:#fffc;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:.5rem;transition:color .2s ease}.toggle-auth-button:hover{color:#fff}.forgot-password-button{background:none;border:none;color:#fffc;font-size:.85rem;cursor:pointer;text-decoration:underline;padding:.5rem;margin-top:.5rem;transition:color .2s ease}.forgot-password-button:hover{color:#fff}.android-prompt-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.android-prompt-content{background:#fffffff2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;padding:2.5rem 2rem;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.2);animation:slideUp .3s ease-out}.android-prompt-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:28px;color:#00000080;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.android-prompt-close:hover{background:#0000001a;color:#000000b3}.android-prompt-logo{width:60px;height:60px;margin:0 auto 1.5rem;display:block;animation:pulse-logo 2s ease-in-out infinite}.android-prompt-title{font-size:24px;font-weight:700;color:#000;margin:0 0 .5rem}.android-prompt-subtitle{font-size:16px;color:#000000b3;margin:0 0 2rem}.android-prompt-benefits{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:left}.android-benefit{display:flex;align-items:center;gap:.75rem;font-size:14px;color:#000c}.android-benefit-icon{font-size:18px}.android-prompt-buttons{display:flex;flex-direction:column;gap:.75rem}.android-download-btn{background:linear-gradient(135deg,#9146ff,#ff6ac3);border:none;border-radius:16px;padding:1rem 2rem;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.android-download-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9146ff66}.android-continue-web{background:#0000001a;border:1px solid rgba(0,0,0,.2);border-radius:16px;padding:.875rem 2rem;font-size:14px;font-weight:500;color:#000c;cursor:pointer;transition:all .2s ease}.android-continue-web:hover{background:#00000026;border-color:#0000004d}.reset-password-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.reset-password-modal{background:#fffffff2;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;padding:2.5rem 2rem;max-width:400px;width:90%;text-align:center;position:relative;box-shadow:0 20px 60px #00000080;border:1px solid rgba(255,255,255,.2);animation:slideUp .3s ease-out}.reset-password-close{position:absolute;top:1.25rem;right:1.25rem;background:none;border:none;font-size:28px;color:#00000080;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.reset-password-close:hover{background:#0000001a;color:#000000b3}.reset-password-title{font-size:24px;font-weight:700;color:#000;margin:0 0 .5rem}.reset-password-subtitle{font-size:15px;color:#000000b3;margin:0 0 2rem;line-height:1.5}.reset-password-form{display:flex;flex-direction:column;gap:1rem}.reset-password-form .login-input{background:#0000000d;border:1px solid rgba(0,0,0,.2);color:#000}.reset-password-form .login-input::placeholder{color:#00000080}.reset-password-form .login-input:focus{background:#00000014;border-color:#0000004d}.login-divider{margin:1.5rem 0;text-align:center;position:relative}.login-divider:before,.login-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#fff3}.login-divider:before{left:0}.login-divider:after{right:0}.login-divider span{color:#fff9;font-size:.9rem;background:transparent;padding:0 1rem}.back-to-home-button{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:.75rem 1rem;font-size:.95rem;color:#ffffffe6;cursor:pointer;transition:all .2s ease;width:100%}.back-to-home-button:hover{background:#ffffff26;border-color:#ffffff4d}.splash-screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.splash-logo-large{width:100px;height:100px;animation:pulse-logo 2s ease-in-out infinite}.splash-title{font-size:3rem;font-weight:700;color:#fff;margin:1.5rem 0 .5rem}.splash-subtitle{font-size:1.2rem;color:#fffc;margin:0}.main-app{min-height:100vh;height:100vh;background:linear-gradient(165deg,#425289,#e4a98d 120%);color:#fff;font-family:Inter,sans-serif;position:fixed;width:100%;overflow:hidden;touch-action:pan-y}.app-container{max-width:100%;height:100vh;margin:0 auto;position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;touch-action:pan-y;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;overflow-y:auto;overflow-x:hidden;overscroll-behavior:none;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}@media (min-width: 768px) and (max-width: 1023px){.app-container{max-width:480px;box-shadow:0 0 40px #0000004d}}.app-status-bar{position:sticky;top:0;left:0;right:0;height:50px;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;font-size:15px;font-weight:600;z-index:100;background:linear-gradient(135deg,#425289d9,#e4a98dd9);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.15);box-shadow:0 2px 10px #0000001a}.status-bar-left{display:flex;align-items:center;flex:1;justify-content:flex-start}.status-bar-right{display:flex;align-items:center;flex:1;justify-content:flex-end}.user-email{font-size:13px;opacity:.9}.profile-menu-container{position:relative}.profile-icon-button{background:#fff3;border:1px solid rgba(255,255,255,.3);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;padding:0}.profile-icon-button:hover{background:#ffffff4d;transform:scale(1.05)}.profile-dropdown{position:absolute;top:45px;right:0;background:#282828f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;padding:.5rem;min-width:200px;box-shadow:0 8px 24px #0000004d;border:1px solid rgba(255,255,255,.1);z-index:1000;animation:dropdown-appear .2s ease-out}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.profile-dropdown-email{padding:.75rem 1rem;font-size:14px;color:#ffffffe6;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:.5rem;word-break:break-word}.profile-dropdown-logout{width:100%;background:#ff3b3026;border:1px solid rgba(255,59,48,.3);border-radius:8px;padding:.75rem 1rem;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.profile-dropdown-logout:hover{background:#ff3b3040;border-color:#ff3b3080}.app-notification{position:fixed;top:60px;left:1rem;right:1rem;max-width:460px;margin:0 auto;background:#282828e6;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;z-index:200;transform:translateY(-200%);opacity:0;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .4s ease;box-shadow:0 4px 15px #0000004d;border:1px solid rgba(255,255,255,.1)}.app-notification.visible{transform:translateY(0);opacity:1}.app-notification img{width:24px;height:24px}.app-notification span{font-size:14px;font-weight:500;color:#fff}.app-screen-content{position:absolute;right:0;bottom:0;left:0;top:50px;padding:1.5rem 1.25rem 110px;opacity:0;transform:translate(10px);display:flex;flex-direction:column;transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none;overflow-y:auto}.app-screen-content[data-screen=create-station]{padding-bottom:180px}.app-screen-content[data-screen=interactive-live-station]{overflow:hidden;padding:0}.app-screen-content.active{opacity:1;transform:translate(0);pointer-events:auto;z-index:2}.app-screen-content.exit{transform:translate(-10px)}.app-screen-content[data-screen=home]{padding:1.5rem 1.5rem 100px;overflow:hidden}.app-screen-content[data-screen=profile]{padding:.5rem 0 80px;overflow-y:auto;-webkit-overflow-scrolling:touch}.stations-scroll-container{flex:1;overflow-y:auto;margin-right:-10px;padding-right:10px;padding-bottom:240px;display:flex;flex-direction:column;gap:1.5rem;overscroll-behavior-y:contain}.app-header-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:-10px}.app-weather-widget{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:#ffffffb3}.app-weather-widget svg{width:22px;height:22px}.app-settings-icon{background:none;border:none;padding:5px;color:#ffffffb3;cursor:pointer}.app-settings-icon svg{width:20px;height:20px}.app-greeting{font-size:34px;font-weight:700;text-align:left;margin:0}.app-home-card{background-size:cover;background-position:center;border-radius:28px;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:24px;height:220px;flex-shrink:0;transition:transform .2s ease}.app-home-card:hover{transform:scale(1.02)}.app-home-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 20%,#000c);z-index:1}.app-home-card>*{position:relative;z-index:2}.app-screen-content[data-screen=player]{padding:0;justify-content:flex-end;transition:opacity .4s ease-in-out,transform .4s cubic-bezier(.22,1,.36,1)}.app-screen-content[data-screen=player].active{transform:translateY(0)}.app-screen-content[data-screen=player]:not(.active){transform:translateY(100%)}.player-bg-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(1.1);filter:blur(20px) brightness(.6)}.player-content-wrapper{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:40px 30px}.player-header{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;z-index:10}.player-header button{background:#0000004d;border-radius:50%;width:32px;height:32px;color:#fff;padding:0;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:none;cursor:pointer}.player-main-content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1.5rem;margin-top:50px;flex-grow:1;justify-content:center}.player-desktop-layout{display:flex;flex-direction:column;width:100%;gap:1.5rem;align-items:center}.player-desktop-left{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%}.player-desktop-right{display:none}@media (min-width: 1024px){.player-desktop-layout{flex-direction:row;align-items:flex-start;justify-content:center;max-width:1600px;width:100%;margin:0 auto;gap:2rem;padding:0 2rem}.player-desktop-left{flex:0 1 500px;max-width:500px;min-width:400px}.player-desktop-right{display:block;flex:1;max-width:700px;min-width:500px;height:calc(100vh - 200px)}}.player-artwork{width:100%;max-width:280px;aspect-ratio:1/1;border-radius:20px;box-shadow:0 10px 30px #0006}.player-text h2{font-size:24px;font-weight:700;margin:0}.player-text p{font-size:16px;opacity:.7;margin-top:.5rem}.player-controls-clean{width:100%;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.player-progress-wrapper{width:100%;display:flex;align-items:center;gap:.75rem}.player-progress-with-bars{flex:1;position:relative;display:flex;align-items:center}.live-bars-on-progress{position:absolute;left:50%;top:-30px;transform:translate(-50%);pointer-events:none;z-index:5}.player-time-clean{font-size:12px;color:#ffffffb3;font-weight:500;min-width:35px;text-align:center}.player-progress-bar-clean{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#ffffff40;border-radius:2px;outline:none;cursor:pointer}.player-progress-bar-clean::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;box-shadow:0 2px 6px #0000004d}.player-progress-bar-clean::-moz-range-thumb{width:12px;height:12px;background:#fff;border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 6px #0000004d}.player-action-buttons{display:flex;justify-content:center;align-items:center}.player-play-pause-btn-clean{background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:50%;width:56px;height:56px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:#fff;padding:0}.player-play-pause-btn-clean:hover{background:#ffffff4d;transform:scale(1.05)}.player-play-pause-btn-clean svg{width:24px;height:24px}.player-bottom-controls{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:auto;padding-bottom:120px}.transcript-panel{display:flex;flex-direction:column;height:100%;width:100%;background:transparent}.transcript-content{flex:1;overflow-y:auto;overflow-x:hidden;padding:0 20px 0 0;display:flex;flex-direction:column;gap:16px;scroll-behavior:smooth}.transcript-content::-webkit-scrollbar{width:8px}.transcript-content::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.transcript-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px;transition:background .2s}.transcript-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.transcript-segment{background:transparent;border-radius:0;padding:0;margin-bottom:16px;color:#fff;display:block;border:none;transition:opacity .3s ease;overflow:visible;word-wrap:break-word;opacity:.7}.transcript-segment.active{background:transparent;border:none;transform:none;box-shadow:none;opacity:1}.transcript-speaker{display:none}.transcript-text{font-size:16px;line-height:1.7;color:#fff;font-weight:400}.ask-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.ask-modal-content{background:#ffffff14;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:28px;padding:3rem 2rem 2.5rem;max-width:420px;width:90%;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #00000080;position:relative;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.ask-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;cursor:pointer;color:#fff9;transition:all .2s ease;z-index:10;padding:0;width:auto;height:auto;font-size:32px;line-height:1;font-weight:300}.ask-modal-close:hover{color:#fff;transform:scale(1.1)}.ask-modal-close svg{width:28px;height:28px;stroke-width:2}.ask-modal-logo{width:60px;height:60px;margin:0 auto 1.5rem;display:block;animation:pulse-logo 2s ease-in-out infinite}.ask-modal-title{font-size:24px;font-weight:700;color:#fff;text-align:center;margin:0 0 2rem}.ask-modal-suggestions{display:flex;flex-direction:column;gap:1rem}.ask-modal-pill{background:#ffffff1f;border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);border-radius:18px;padding:1.1rem 3.5rem 1.1rem 1.5rem;font-size:16px;font-weight:500;color:#fff;display:flex;align-items:center;gap:.875rem;text-align:left;transition:all .2s ease;cursor:pointer;box-shadow:0 4px 12px #00000026;position:relative}.ask-modal-pill:hover{background:#fff3;border-color:#ffffff59;transform:translate(5px);box-shadow:0 6px 16px #0003}.ask-modal-pill span{flex:1}.ask-modal-pill:after{content:"×";position:absolute;right:1.25rem;top:50%;transform:translateY(-50%);font-size:24px;color:#ffffff80;font-weight:300;transition:all .2s ease}.ask-modal-pill:hover:after{color:#fffc}.feedback-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-out}.feedback-modal-content{background:#ffffff14;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:28px;padding:3rem 2rem 2.5rem;max-width:500px;width:90%;border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #00000080;position:relative;animation:slideUp .3s ease-out}.feedback-modal-content h2{font-size:24px;font-weight:700;color:#fff;margin:0 0 .5rem}.feedback-modal-content p{font-size:14px;line-height:1.5;margin:0}.feedback-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;cursor:pointer;color:#fff9;transition:all .2s ease;z-index:10;padding:0;width:auto;height:auto;font-size:32px;line-height:1;font-weight:300}.feedback-modal-close:hover{color:#fff;transform:scale(1.1)}.feedback-modal-content textarea{width:100%;padding:1rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:15px;font-family:inherit;resize:vertical;margin-bottom:1.5rem;transition:all .2s ease;box-sizing:border-box}.feedback-modal-content textarea:focus{outline:none;border-color:#fff6;background:#ffffff26}.feedback-modal-content textarea::placeholder{color:#ffffff80}.feedback-modal-actions{display:flex;gap:12px;justify-content:flex-end}.feedback-cancel-button,.feedback-submit-button{padding:.875rem 1.5rem;border-radius:12px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.feedback-cancel-button{background:#ffffff1a;color:#fffc;border:1px solid rgba(255,255,255,.2)}.feedback-cancel-button:hover:not(:disabled){background:#ffffff26}.feedback-submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.feedback-submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.feedback-submit-button:disabled,.feedback-cancel-button:disabled{opacity:.5;cursor:not-allowed}.feedback-success{text-align:center;padding:2rem 0}.feedback-success h2{margin-bottom:.5rem;color:#fff}.feedback-success p{color:#fffc}.player-ask-button{background:#ffffff40;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:24px;padding:1rem 1.5rem;font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;justify-content:center;gap:.75rem;cursor:pointer;transition:all .2s ease}.player-ask-button:hover{background:#ffffff59}.mystation-logo-icon{width:24px;height:24px}.app-screen-title{font-size:28px;font-weight:700;margin:0 0 1.5rem;display:flex;align-items:center;gap:.5rem}.back-button{background:#ffffff26;border:none;border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s ease;color:#fff;padding:0}.back-button:hover{background:#ffffff40}.stations-search-bar{background:#ffffff26;border-radius:16px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.stations-search-bar svg{width:20px;height:20px;color:#fff9}.stations-search-bar input{background:none;border:none;outline:none;color:#fff;font-size:15px;flex:1}.stations-search-bar input::placeholder{color:#ffffff80}.stations-scroll-container{height:calc(100vh - 200px);overflow-y:auto;margin-right:-10px;padding-right:10px;display:flex;flex-direction:column;gap:1.5rem}.app-stations-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (min-width: 1024px){.app-stations-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;max-width:100%;margin:0 auto;padding:0 20px}.app-station-card{max-width:none;width:100%;height:200px;min-width:250px}}.app-station-card{background-size:cover;background-position:center;border-radius:20px;border:1px solid rgba(255,255,255,.1);cursor:pointer;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;height:160px;transition:transform .2s ease}.app-station-card:hover{transform:scale(1.05)}.app-station-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:inherit;background-size:cover;background-position:center;border-radius:20px;overflow:hidden;z-index:0}.app-station-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000 20%,#000000b3);border-radius:20px;overflow:hidden;z-index:1}.app-station-card>*{position:relative;z-index:2}.app-station-card span{font-size:16px;font-weight:600;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.7);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;display:block;line-height:1.3}.station-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;display:flex;justify-content:center;align-items:center;color:#fff;opacity:.9}.station-generated-label{position:absolute;top:12px;left:12px;background:linear-gradient(135deg,#9146ff,#ff6ac3);padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;z-index:3}.station-feedback-buttons{position:absolute;bottom:12px;right:12px;display:flex;gap:8px;z-index:3}.station-feedback-buttons button{width:32px;height:32px;border-radius:50%;background:#00000080;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.station-feedback-buttons button:hover{transform:scale(1.1);background:#000000b3}.station-feedback-buttons button:disabled{opacity:.6;cursor:not-allowed}.station-feedback-buttons button.feedback-up-active{background:#22c55ee6}.station-feedback-buttons button.feedback-down-active{background:#ef4444e6}.app-create-station{background:linear-gradient(135deg,#9146ff,#ff6ac3);border:none;border-radius:20px;padding:1rem;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:auto}.app-create-station:hover{transform:translateY(-2px);box-shadow:0 10px 30px #9146ff66}.app-mood-card-list{display:flex;flex-direction:column;gap:16px}.app-mood-card{border-radius:20px;padding:1.5rem;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease;border:none;min-height:80px;display:flex;align-items:center}.app-mood-card:nth-child(1){background:linear-gradient(135deg,#4a90e2,#5ba3f5)}.app-mood-card:nth-child(2){background:linear-gradient(135deg,#2c5f8d,#3d7ab8)}.app-mood-card:nth-child(3){background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.app-mood-card:nth-child(4){background:linear-gradient(135deg,#0d9488,#14b8a6)}.app-mood-card:hover{transform:scale(1.02);box-shadow:0 8px 20px #0000004d}.app-mood-card span{font-size:18px;font-weight:600;color:#fff;position:relative;z-index:2}.mood-graphic{position:absolute;top:50%;right:1.5rem;transform:translateY(-50%);width:60px;height:60px;background:radial-gradient(circle,rgba(255,255,255,.3),transparent);border-radius:50%;opacity:.5}.app-settings-list{display:flex;flex-direction:column;gap:1rem}.app-settings-item{background:#ffffff1a;border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;gap:1rem;border:1px solid rgba(255,255,255,.15)}.app-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:10px;overflow:hidden;background:#ffffff1a}.app-icon img{width:100%;height:100%;object-fit:cover}.app-icon svg{width:24px;height:24px;color:#fff}.app-settings-item span{flex:1;font-size:16px;font-weight:500;color:#fff}.toggle-switch{position:relative;display:inline-block;width:50px;height:28px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#fff3;transition:.3s;border-radius:28px}.toggle-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background:linear-gradient(135deg,#9146ff,#ff6ac3)}input:checked+.toggle-slider:before{transform:translate(22px)}.settings-divider{height:1px;background:#ffffff1a;margin:1rem 0}.logout-button{background:#ff3b3033;border:1px solid rgba(255,59,48,.4);border-radius:16px;padding:1rem 1.25rem;display:flex;align-items:center;justify-content:center;gap:.75rem;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s ease}.logout-button:hover{background:#ff3b304d;border-color:#ff3b3099}.logout-button svg{width:20px;height:20px}.create-station-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:0 .5rem}.cancel-button{background:none;border:none;color:#fffc;font-size:16px;cursor:pointer;padding:.5rem}.create-station-header .title{font-size:18px;font-weight:600;color:#fff}.create-station-input-wrapper{position:relative;margin-bottom:1.5rem;background:transparent;padding:0;border:none}.create-station-input-wrapper textarea{width:100%;min-height:100px;background:#0009;border:1px solid rgba(255,255,255,.3);border-radius:20px;padding:1.25rem 4.5rem 1.25rem 1.25rem;font-size:16px;color:#fff;font-family:inherit;resize:none;outline:none;transition:all .2s ease;box-shadow:none}.create-station-input-wrapper textarea::placeholder{color:#ffffff80}.create-station-input-wrapper textarea:focus{background:#000000b3;border-color:#fff6}.mic-icon{position:absolute;bottom:50%;transform:translateY(50%);right:1rem;width:44px;height:44px;background:#9146ff4d;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease}.mic-icon:hover{background:#9146ff80}.create-station-suggestions{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.create-station-suggestion-pill{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:16px;padding:.875rem 1rem;font-size:14px;color:#fffffff2;text-align:left;cursor:pointer;transition:all .2s ease}.create-station-suggestion-pill:first-child{background:linear-gradient(135deg,#10b981,#059669);border-color:#ffffff4d}.create-station-suggestion-pill:first-child:hover{background:linear-gradient(135deg,#059669,#047857);border-color:#fff6}.create-station-suggestion-pill:hover{background:#ffffff40;border-color:#ffffff59}.create-station-generate-button{width:100%;background:linear-gradient(135deg,#9146ff,#ff6ac3);border:none;border-radius:20px;padding:1rem;font-size:16px;font-weight:600;color:#fff;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-bottom:120px}.create-station-generate-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #9146ff66}.create-station-generate-button:disabled{opacity:.5;cursor:not-allowed}.app-screen-content[data-screen=creating-station]{justify-content:center;align-items:center;text-align:center}.creating-station-logo{width:90px;animation:pulse-logo 2s ease-in-out infinite}@keyframes pulse-logo{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.creating-station-text{font-size:18px;font-weight:500;color:#ffffffe6;margin-top:1.5rem;max-width:280px}.app-bottom-nav{position:fixed;bottom:16px;left:16px;right:16px;max-width:448px;margin:0 auto;height:70px;background:#1c1c1eb8;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.12);border-radius:24px;display:flex;justify-content:space-around;align-items:center;bottom:max(16px,env(safe-area-inset-bottom));left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));padding:0 1rem;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:50;box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.app-bottom-nav button{background:none;border:1px solid transparent;color:#fff9;font-size:10px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;flex:1;max-width:100px;padding:8px 0;border-radius:16px;height:54px;justify-content:center;text-shadow:none}.app-bottom-nav button:hover:not(.active){background:#ffffff1a;color:#ffffffd9;transform:scale(1.02)}.app-bottom-nav button.active{color:#007aff;background:#ffffff2e;border:1px solid rgba(255,255,255,.2);font-weight:700}.app-bottom-nav button svg{width:26px;height:26px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.2));transition:transform .25s cubic-bezier(.4,0,.2,1)}.app-bottom-nav button.active svg{color:#007aff}.minimized-player{position:fixed;bottom:102px;left:1rem;right:1rem;max-width:460px;margin:0 auto;height:60px;background:#1e1e1ecc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:12px;z-index:60;display:flex;align-items:center;padding:8px;gap:12px;cursor:pointer;transform:translateY(200%);animation:slide-up .4s cubic-bezier(.22,1,.36,1) forwards}@keyframes slide-up{to{transform:translateY(0)}}.minimized-player-artwork{width:44px;height:44px;border-radius:8px;object-fit:cover}.minimized-player-text{flex-grow:1;color:#fff;font-size:14px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.minimized-player-controls{display:flex;gap:8px}.minimized-player-controls button{background:none;border:none;color:#fff;padding:4px;display:flex;align-items:center;justify-content:center;cursor:pointer}.minimized-player-controls button svg{width:20px;height:20px}.animated-gradient{background:linear-gradient(135deg,#9146ff,#ff6ac3,#9146ff);background-size:200% 200%;animation:gradient-shift 3s ease infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 767px){.app-container{max-width:100%}.app-status-bar{padding:0 1rem}.app-notification{left:.75rem;right:.75rem}}.fixed-create-button-container{position:fixed;bottom:120px;left:50%;transform:translate(-50%);z-index:1000;padding:0 20px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:12px;pointer-events:none}.fixed-create-button-container button{pointer-events:auto}.fixed-create-button-container .app-create-station{width:100%;padding:16px 24px;font-size:16px;border-radius:50px;box-shadow:0 8px 25px #9146ff66}.station-audio-warning{position:absolute;top:8px;right:8px;background:#ffc107e6;color:#000;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:2}.gift-toggle-container{padding:0 20px;margin-bottom:24px}.gift-toggle-box{background:#ffffff14;border-radius:16px;padding:16px 20px;display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease}.gift-toggle-box:hover{background:#ffffff1f}.gift-icon{font-size:24px}.gift-text{flex:1;color:#fff;font-size:17px;font-weight:500}.toggle-switch-gift{position:relative;width:51px;height:31px;display:inline-block}.toggle-switch-gift input{opacity:0;width:0;height:0}.toggle-slider-gift{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#78788052;transition:.4s;border-radius:31px}.toggle-slider-gift:before{position:absolute;content:"";height:27px;width:27px;left:2px;bottom:2px;background-color:#fff;transition:.4s;border-radius:50%}.toggle-switch-gift input:checked+.toggle-slider-gift{background-color:#34c759}.toggle-switch-gift input:checked+.toggle-slider-gift:before{transform:translate(20px)}.station-gift-badge{position:absolute;top:8px;left:8px;font-size:24px;z-index:2;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.player-gift-badge{display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:6px 12px;border-radius:20px;font-size:14px;font-weight:600;margin-bottom:8px}.player-gift-message{margin-top:12px;padding:12px;background:#ffffff1a;border-radius:12px;color:#ffffffe6;font-size:15px;line-height:1.5}.gift-message-display{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.gift-message-display em{flex:1}.edit-message-btn{background:#fff3;border:none;border-radius:8px;padding:6px 12px;color:#fff;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap}.edit-message-btn:hover{background:#ffffff4d}.edit-message-container{width:100%}.edit-message-textarea{width:100%;min-height:80px;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,.3);background:#ffffff26;color:#fff;font-size:15px;font-family:inherit;resize:vertical;margin-bottom:8px}.edit-message-textarea::placeholder{color:#ffffff80}.edit-message-textarea:focus{outline:none;border-color:#ffffff80;background:#fff3}.edit-message-buttons{display:flex;gap:8px}.save-message-btn,.cancel-message-btn{flex:1;padding:10px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.save-message-btn{background:#34c759;color:#fff}.save-message-btn:hover{background:#2fb350}.cancel-message-btn{background:#fff3;color:#fff}.cancel-message-btn:hover{background:#ffffff4d}.player-share-gift-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;padding:14px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:12px;transition:all .3s ease}.player-share-gift-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.player-share-gift-button:active{transform:translateY(0)}.gift-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:20px}.gift-container{max-width:500px;width:100%}.gift-header{text-align:center;margin-bottom:30px}.gift-header h1{font-size:64px;margin:0}.gift-header h2{color:#fff;font-size:28px;margin:10px 0 0;font-weight:600}.gift-card{background:#fffffff2;border-radius:24px;padding:30px;box-shadow:0 20px 60px #0000004d}.vinyl-record{position:relative;width:280px;height:280px;margin:30px auto;border-radius:50%;background:radial-gradient(circle at center,#1a1a1a,#0a0a0a);box-shadow:0 10px 40px #00000080,inset 0 0 20px #000c;transition:transform .3s ease}.vinyl-record:hover{transform:scale(1.02)}.vinyl-record.spinning{animation:spin 3s linear infinite}.vinyl-grooves{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:repeating-radial-gradient(circle at center,transparent 0px,transparent 2px,rgba(255,255,255,.03) 2px,rgba(255,255,255,.03) 4px)}.vinyl-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:160px;height:160px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 2px #ffffff1a,0 4px 12px #0006;background:#fff}.vinyl-cover{width:100%;height:100%;object-fit:cover}.vinyl-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:radial-gradient(circle,#2a2a2a,#0a0a0a);box-shadow:0 2px 8px #0009,inset 0 1px 3px #ffffff1a}.gift-artwork{width:100%;height:300px;object-fit:cover;border-radius:16px 16px 0 0}.gift-content h3{color:#1a1a1a}.gift-subtitle{color:#666;margin:0 0 16px;font-size:16px}.gift-message-box{background:linear-gradient(135deg,#667eea15,#764ba215);border-left:4px solid #667eea;padding:16px;border-radius:12px;margin-top:16px}.gift-message-label{font-size:12px;text-transform:uppercase;font-weight:600;color:#667eea;margin:0 0 8px}.gift-message-text{font-size:16px;color:#333;margin:0;font-style:italic;line-height:1.6}.gift-player{margin-top:24px}.gift-progress-wrapper{display:flex;align-items:center;gap:12px;margin-bottom:20px}.gift-time{font-size:14px;color:#666;min-width:40px}.gift-progress-bar{flex:1;height:6px;border-radius:3px;background:#e0e0e0;outline:none;-webkit-appearance:none}.gift-progress-bar::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer}.gift-progress-bar::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#667eea;cursor:pointer;border:none}.gift-play-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;padding:16px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.gift-play-button:hover{transform:scale(1.05);box-shadow:0 8px 20px #667eea66}.gift-play-button svg{width:32px;height:32px}.gift-footer{text-align:center;margin-top:30px}.gift-footer p{color:#fff;margin:0 0 16px;font-size:14px}.gift-create-button{background:#fff;color:#667eea;border:none;border-radius:50px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.gift-create-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.gift-loading,.gift-error{text-align:center;color:#fff}.gift-logo{width:100px;height:100px;margin-bottom:20px}.gift-error h1{font-size:64px;margin:0 0 20px}.gift-error h2{font-size:24px;margin:0 0 12px}.gift-error p{font-size:16px;margin:0 0 30px;opacity:.9}.gift-home-button{background:#fff;color:#667eea;border:none;border-radius:50px;padding:14px 32px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.gift-home-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffffff4d}.station-menu-button{position:absolute;top:8px;right:8px;background:transparent;border:none;width:32px;height:32px;color:#fff;font-size:24px;cursor:pointer;z-index:3;display:flex;align-items:center;justify-content:center;transition:all .2s ease;text-shadow:0 2px 4px rgba(0,0,0,.5)}.station-menu-button:hover{transform:scale(1.1)}.station-menu-popup{background:#28282dfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:12px;max-width:90%;width:320px;box-shadow:0 20px 60px #00000080;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.station-menu-popup button{width:100%;background:none;border:none;color:#fff;padding:16px 20px;text-align:left;cursor:pointer;border-radius:12px;display:flex;align-items:center;gap:16px;font-size:17px;transition:all .2s ease;border-bottom:1px solid rgba(255,255,255,.05)}.station-menu-popup button:last-child{border-bottom:none}.station-menu-popup button:hover{background:#ffffff1a}.station-menu-popup button.delete-option{color:#ff453a}.station-menu-popup button svg{width:22px;height:22px;flex-shrink:0}.station-clickable-area{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:16px;cursor:pointer}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.modal-content{background:#28282dfa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:24px;max-width:400px;width:100%;box-shadow:0 20px 60px #00000080}.modal-content h3{color:#fff;font-size:20px;margin:0 0 20px}.share-toggle-container{margin-bottom:24px}.share-toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:8px}.share-toggle-description{color:#fff9;font-size:14px;margin:8px 0 0}.rename-input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:16px;margin-bottom:20px}.rename-input:focus{outline:none;border-color:#fff6;background:#ffffff26}.modal-buttons{display:flex;gap:12px}.modal-confirm-btn,.modal-cancel-btn{flex:1;padding:12px;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.modal-confirm-btn{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.modal-confirm-btn:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.modal-cancel-btn{background:#ffffff1a;color:#fff}.modal-cancel-btn:hover{background:#fff3}.share-link-container{display:flex;gap:8px;margin-bottom:20px}.share-link-input{flex:1;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;font-size:14px;font-family:monospace}.copy-link-button{padding:12px 24px;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .2s ease}.copy-link-button:hover{transform:translateY(-2px);box-shadow:0 8px 16px #667eea66}.app-create-live-station{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;padding:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;transition:all .3s ease;box-shadow:0 4px 12px #667eea4d}.app-create-live-station:hover{background:linear-gradient(135deg,#7c8ef5,#8a5bb5);transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.live-station-header{padding:20px;display:flex;align-items:flex-start;gap:16px}.live-station-title-section h2{color:#fff;font-size:24px;margin:0 0 8px}.live-station-title-section p{color:#fff9;font-size:14px;margin:0}.live-station-content{padding:0 20px 140px}.live-station-prompt{width:100%;min-height:120px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:16px;color:#fff;font-size:16px;font-family:inherit;resize:vertical;margin-bottom:24px}.live-station-prompt::placeholder{color:#fff6}.live-station-prompt:focus{outline:none;border-color:#ffffff4d;background:#ffffff1f}.live-station-web-search{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:16px;margin-bottom:24px}.web-search-info h3{color:#fff;font-size:17px;margin:0 0 4px}.web-search-info{flex:1;min-width:0}.web-search-info p{color:#fff9;font-size:14px;margin:0}.live-station-web-search .toggle-switch-gift{flex-shrink:0}.live-station-sources h3{color:#fff;font-size:20px;margin:0 0 8px}.sources-description{color:#fff9;font-size:14px;margin:0 0 20px;line-height:1.5}.added-sources-list{margin-bottom:16px}.source-item{background:#ffffff14;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:12px;margin-bottom:8px}.source-type{background:#667eea4d;color:#667eea;padding:4px 8px;border-radius:6px;font-size:12px;font-weight:600}.source-value{flex:1;color:#fff;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remove-source{background:#ff3b3033;border:none;color:#ff453a;width:28px;height:28px;border-radius:50%;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.remove-source:hover{background:#ff3b304d}.add-source-button{width:100%;background:#ffffff14;border:1px dashed rgba(255,255,255,.3);border-radius:12px;padding:16px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.add-source-button:hover{background:#ffffff1f;border-color:#fff6}.live-station-next-button{width:100%;background:#ffffff26;border:none;border-radius:16px;padding:18px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;margin-top:24px;transition:all .3s ease}.live-station-next-button:hover{background:#fff3;transform:translateY(-2px)}.add-source-modal{background:#1e1e23fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px 20px 0 0;padding:20px;max-width:100%;width:100%;max-height:80vh;position:fixed;bottom:0;left:0;right:0;animation:slideUpModal .3s ease-out;z-index:10001}@media (min-width: 769px){.add-source-modal{position:relative;bottom:auto;left:auto;right:auto;max-width:500px;border-radius:20px;animation:none}}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.add-source-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.add-source-header h3{color:#fff;font-size:20px;margin:0;flex:1;text-align:center}.add-source-subtitle{color:#fff9;font-size:14px;margin:0 0 24px}.source-type-buttons{display:flex;flex-direction:column;gap:12px}.source-type-buttons button{background:#ffffff14;border:none;border-radius:12px;padding:16px 20px;color:#fff;font-size:17px;cursor:pointer;display:flex;align-items:center;gap:16px;transition:all .2s ease}.source-type-buttons button:hover{background:#ffffff1f}.source-type-buttons button svg{flex-shrink:0}.onboarding-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2);z-index:1000}.onboarding-content{max-width:500px;width:100%;background:#1a1a2ef2;border-radius:24px;padding:40px;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.onboarding-scroll{max-height:calc(100vh - 160px);overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:4px}@media (max-width: 768px){.onboarding-content{padding:28px}.onboarding-scroll{max-height:calc(100vh - 120px)}}.onboarding-content h1{color:#fff;font-size:32px;margin:0 0 8px;text-align:center}.onboarding-subtitle{color:#fffc;font-size:16px;margin:0 0 32px;text-align:center}.onboarding-input-section{margin-bottom:24px}.onboarding-input-section label{display:block;color:#ffffffe6;font-size:14px;font-weight:600;margin-bottom:8px}.onboarding-name-input{width:100%;padding:14px;border-radius:12px;border:2px solid rgba(255,255,255,.2);font-size:16px;transition:all .2s ease;background:#ffffff1a;color:#fff}.onboarding-name-input:focus{outline:none;border-color:#667eea}.onboarding-calendar-section{margin-bottom:32px}.calendar-toggle-box{background:linear-gradient(135deg,#667eea15,#764ba215);border:2px solid #667eea30;border-radius:16px;padding:20px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:all .2s ease}.calendar-toggle-box:hover{border-color:#667eea60;background:linear-gradient(135deg,#667eea25,#764ba225)}.calendar-icon{font-size:32px;flex-shrink:0}.calendar-info{flex:1}.calendar-info h3{color:#1a1a1a;font-size:16px;margin:0 0 4px}.calendar-info p{color:#666;font-size:14px;margin:0}.onboarding-complete-button{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:16px;padding:16px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.onboarding-complete-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.onboarding-complete-button:disabled{opacity:.5;cursor:not-allowed}.mood-selector-container{margin:20px 0;padding:20px;background:#ffffff0d;border-radius:16px}.mood-selector-title{font-size:16px;font-weight:600;color:#ffffffe6;margin-bottom:15px;text-align:center}.mood-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.mood-button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 12px;background:#ffffff14;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .3s ease}.mood-button:hover{background:#ffffff1f;transform:translateY(-2px)}.mood-button-selected{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#ffffff4d;transform:scale(1.05)}.mood-icon{font-size:32px;margin-bottom:8px}.mood-label{font-size:13px;font-weight:500;color:#ffffffe6}.create-station-question{padding:20px 20px 10px;text-align:left}.create-station-question h2{font-size:22px;font-weight:600;color:#fffffff2;line-height:1.4;margin:0}.create-station-input-wrapper-new{margin:15px 20px;position:relative;background:#ffffff14;border-radius:20px;padding:15px 55px 15px 20px;border:1px solid rgba(255,255,255,.12)}.create-station-textarea-new{width:100%;background:transparent;border:none;color:#ffffffe6;font-size:15px;resize:none;min-height:60px;font-family:inherit;outline:none}.create-station-textarea-new::placeholder{color:#ffffff80}.mic-button-new{position:absolute;right:15px;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:8px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;opacity:.7}.mic-button-new:hover{opacity:1;transform:translateY(-50%) scale(1.05)}.mic-button-new.listening{opacity:1;animation:pulse-mic 1.5s ease-in-out infinite}@keyframes pulse-mic{0%,to{box-shadow:0 0 #ef4444b3}50%{box-shadow:0 0 0 8px #ef444400}}.music-only-toggle-container{display:flex;align-items:center;gap:12px;padding:0 20px;margin-bottom:20px}.music-only-label{font-size:15px;color:#ffffffd9;font-weight:500}.toggle-switch-new{position:relative;width:44px;height:24px;cursor:pointer}.toggle-switch-new input{opacity:0;width:0;height:0}.toggle-slider-new{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#fff3;border-radius:24px;transition:.3s}.toggle-slider-new:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:.3s}.toggle-switch-new input:checked+.toggle-slider-new{background:linear-gradient(135deg,#667eea,#764ba2)}.toggle-switch-new input:checked+.toggle-slider-new:before{transform:translate(20px)}.voice-button-new,.suggestions-button-new{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ffffffb3;transition:all .2s}.voice-button-new:hover,.suggestions-button-new:hover{background:#ffffff26;color:#ffffffe6}.suggestions-label{display:flex;align-items:center;font-size:15px;color:#ffffffb3;padding:0 20px;margin-bottom:12px;font-weight:500}.suggestion-cards-container{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0 20px;margin-bottom:20px}.suggestion-card{position:relative;background:#ffffff14;border-radius:12px;border:1px solid rgba(255,255,255,.12);padding:0;cursor:pointer;transition:all .2s;overflow:hidden;aspect-ratio:1;min-height:150px;display:flex;flex-direction:column}@media (min-width: 769px){.suggestion-cards-container{max-width:700px;margin-left:auto;margin-right:auto}.suggestion-card{max-width:200px;margin:0 auto}}.suggestion-card:hover{transform:translateY(-2px);border-color:#ffffff40;box-shadow:0 8px 20px #0000004d}.suggestion-card.selected{border:2px solid #667EEA;box-shadow:0 0 0 3px #667eea33}.suggestion-card-image{width:100%;height:70%;display:flex;align-items:center;justify-content:center;font-size:32px;border-radius:12px 12px 0 0}.suggestion-card-title{padding:8px;font-size:12px;font-weight:600;color:#ffffffe6;text-align:center;flex:1;display:flex;align-items:center;justify-content:center}.suggestion-card-play{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:#0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#fff;font-size:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s}.suggestion-card:hover .suggestion-card-play{opacity:1}.create-station-generate-button-new{width:calc(100% - 40px);margin:20px 20px 10px;padding:16px;border-radius:25px;border:none;font-size:17px;font-weight:600;color:#fff;cursor:pointer;transition:all .2s;background:linear-gradient(135deg,#667eea,#764ba2)}.create-station-generate-button-new:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.create-station-generate-button-new:disabled{opacity:.5;cursor:not-allowed}.gift-station-section{text-align:center;padding:15px 20px;margin-bottom:0}.gift-station-text{font-size:15px;color:#ffffffb3;cursor:pointer;transition:color .2s}.gift-station-text:hover{color:#ffffffe6;text-decoration:underline}.profile-button{background:transparent;border:none;color:#ffffffb3;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s}.profile-button:hover{color:#fff}@media (max-width: 768px){.suggestion-cards-container{grid-template-columns:repeat(2,1fr)}.create-station-question h2{font-size:20px}}@media (max-width: 480px){.suggestion-card-image{font-size:28px}.suggestion-card-title{font-size:11px}}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-scrollbar::-webkit-scrollbar{display:none}.play-overlay-hover{transition:opacity .2s}*:hover>.play-overlay-hover{opacity:1!important}.desktop-sidebar{display:none}@media (min-width: 1024px){.main-app{display:flex;flex-direction:row}.desktop-sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:260px;background:#ffffff14;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-right:1px solid rgba(255,255,255,.15);z-index:100;flex-direction:column}.desktop-sidebar-content{display:flex;flex-direction:column;height:100%;padding:24px 16px}.desktop-sidebar-header{padding:0 12px 32px;border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:24px;display:flex;align-items:center}.desktop-sidebar-logo{font-size:26px;font-weight:700;color:#fff;margin:0;letter-spacing:-.5px;background:linear-gradient(135deg,#fff,#fffc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-sidebar-nav{flex:1;display:flex;flex-direction:column;gap:8px}.desktop-sidebar-nav button{display:flex;align-items:center;gap:12px;padding:14px 16px;background:transparent;border:1px solid transparent;border-radius:12px;color:#ffffffb3;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.desktop-sidebar-nav button svg{width:22px;height:22px;flex-shrink:0}.desktop-sidebar-nav button:hover{background:#ffffff1a;color:#fffffff2;border-color:#ffffff26}.desktop-sidebar-nav button.active{background:#ffffff2e;color:#fff;border-color:#ffffff40;box-shadow:0 2px 8px #0000001a}.desktop-sidebar-feedback{margin-top:auto;padding-top:16px}.desktop-sidebar-feedback button{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:12px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.desktop-sidebar-feedback button:hover{background:#ffffff26;color:#fffffff2;border-color:#ffffff40}.desktop-sidebar-feedback button svg{width:18px;height:18px}.desktop-sidebar-footer{padding-top:24px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px}.desktop-sidebar-user{flex:1;display:flex;align-items:center;gap:12px;min-width:0}.desktop-sidebar-user-avatar{width:44px;height:44px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0;border:2px solid rgba(255,255,255,.2)}.desktop-sidebar-user-avatar svg{width:22px;height:22px;color:#ffffffe6}.desktop-sidebar-user-info{flex:1;min-width:0}.desktop-sidebar-user-name{color:#fff;font-size:14px;font-weight:600;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-sidebar-user-email{color:#fff9;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.desktop-profile-menu-container{flex:1;position:relative}.desktop-profile-menu-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:#1e1e28f2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:8px;display:flex;flex-direction:column;gap:4px;box-shadow:0 4px 24px #0006}.desktop-profile-menu-dropdown button{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:8px;color:#fff;font-size:14px;cursor:pointer;transition:background .2s;text-align:left}.desktop-profile-menu-dropdown button:hover{background:#ffffff1a}.desktop-profile-menu-dropdown button span{font-size:16px}.desktop-sidebar-settings{width:36px;height:36px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;flex-shrink:0;color:#ffffffe6}.desktop-sidebar-settings svg{width:20px;height:20px;color:inherit}.desktop-sidebar-settings:hover{opacity:.7}.desktop-sidebar-logout{width:36px;height:36px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease;flex-shrink:0}.desktop-sidebar-logout svg{width:20px;height:20px}.desktop-sidebar-logout:hover{opacity:.7}.app-container{margin-left:260px;max-width:none;width:calc(100% - 260px);box-shadow:none}.app-bottom-nav{display:none!important}.minimized-player{left:280px;bottom:20px}.app-status-bar{position:relative;background:transparent;border-bottom:1px solid rgba(255,255,255,.1)}.app-screen-content[data-screen=home],.stations-scroll-container,.app-screen-content[data-screen=stations]{padding-bottom:40px}.explore-trending-station{min-width:100px!important}.explore-circle-image{width:100px!important;height:100px!important}.explore-play-button{width:26px!important;height:26px!important;bottom:6px!important;right:6px!important}.explore-categories-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.app-screen-content[data-screen=settings]{max-width:1200px;padding:2rem 3rem;margin:0 auto}.modal-overlay{left:260px}}.explore-categories-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.fullscreen-transcript-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;flex-direction:column;overflow:hidden}.fullscreen-transcript-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;filter:blur(40px);transform:scale(1.1);z-index:1}.fullscreen-transcript-bg:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000000d9,#000000bf,#000000d9)}.fullscreen-transcript-content{position:relative;z-index:2;display:flex;flex-direction:column;height:100%;padding:20px}.fullscreen-transcript-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;gap:16px}.fullscreen-transcript-close{background:transparent;border:none;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;font-weight:300;cursor:pointer;transition:opacity .2s;flex-shrink:0}.fullscreen-transcript-close:hover{opacity:.7}.fullscreen-transcript-title{flex:1;display:flex;align-items:center;justify-content:center}.fullscreen-transcript-title .station-badge{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:8px 16px;display:flex;align-items:center;gap:8px;color:#fff;font-size:13px;font-weight:600;max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fullscreen-transcript-scroll{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-bottom:40px}.fullscreen-transcript-heading{color:#fff;font-size:24px;font-weight:700;margin:0 0 24px;line-height:1.3;text-align:left}.fullscreen-transcript-segments{display:flex;flex-direction:column;gap:16px;padding:0 2px}.transcript-segment{background:#ffffff14;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:16px;transition:all .3s ease;opacity:.7;overflow:visible;word-wrap:break-word}.transcript-segment.active{background:#fff3;border:2px solid rgba(255,255,255,.4);opacity:1;transform:scale(1.01);box-shadow:0 8px 24px #0000004d}.segment-speaker{font-size:11px;font-weight:700;text-transform:uppercase;color:#fffc;margin-bottom:8px;letter-spacing:.5px}.segment-text{color:#fff;font-size:16px;line-height:1.6;font-weight:400;white-space:normal;overflow-wrap:break-word;word-break:break-word}@media (min-width: 1024px){.fullscreen-transcript-overlay{display:none}}@keyframes wave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}@media (max-width: 768px){.waveform-desktop-only{display:none!important}.hero-flow-card-wrapper,.flow-type-cards-grid{padding:0 16px!important;max-width:100%!important}.flow-type-cards-grid{gap:8px!important}.hero-flow-card-wrapper>div{padding:24px!important;min-height:160px!important}}.blog-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 20px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.blog-header{max-width:1200px;margin:0 auto 60px;text-align:center}.blog-back-button{position:absolute;top:40px;left:40px;padding:10px 20px;background:#fff3;color:#fff;border:none;borderRadius:8px;cursor:pointer;fontSize:16px;transition:all .3s ease}.blog-back-button:hover{background:#ffffff4d}.blog-main-title{color:#fff;font-size:48px;font-weight:700;margin:0 0 16px}.blog-subtitle{color:#ffffffe6;font-size:20px;margin:0}.blog-categories{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:1200px;margin:0 auto 40px}.blog-category-button{padding:10px 20px;background:#ffffff26;color:#fff;border:2px solid transparent;border-radius:20px;cursor:pointer;font-size:14px;font-weight:600;transition:all .3s ease}.blog-category-button:hover{background:#ffffff40}.blog-category-button.active{background:#fff;color:#667eea;border-color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto}.blog-card{background:#fff;border-radius:20px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 30px #0003}.blog-card:hover{transform:translateY(-8px);box-shadow:0 15px 40px #0000004d}.blog-card-image{position:relative;width:100%;height:220px;overflow:hidden}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-category{position:absolute;top:16px;left:16px;padding:6px 12px;background:#667eeae6;color:#fff;font-size:12px;font-weight:600;border-radius:16px}.blog-card-content{padding:24px}.blog-card-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;color:#888}.blog-card-author{font-weight:600;color:#667eea}.blog-card-title{font-size:22px;font-weight:700;color:#333;margin:0 0 12px;line-height:1.3}.blog-card-excerpt{color:#666;line-height:1.6;margin:0 0 16px;font-size:15px}.blog-card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.blog-tag{font-size:12px;color:#667eea;padding:4px 10px;background:#e3f2fd;border-radius:12px;font-weight:600}.blog-read-more{background:none;border:none;color:#667eea;font-size:15px;font-weight:600;cursor:pointer;padding:0;transition:all .2s ease}.blog-read-more:hover{color:#764ba2}.blog-loading,.blog-empty{text-align:center;color:#fff;padding:60px 20px}.blog-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.blog-post-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:60px 20px}.blog-post-header{max-width:900px;margin:0 auto 40px}.blog-post-article{max-width:900px;margin:0 auto;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.blog-post-featured-image{width:100%;height:400px;overflow:hidden}.blog-post-featured-image img{width:100%;height:100%;object-fit:cover}.blog-post-meta{display:flex;flex-wrap:wrap;gap:16px;padding:24px 40px 0;font-size:14px}.blog-post-category{padding:6px 12px;background:#667eea;color:#fff;font-weight:600;border-radius:16px}.blog-post-date,.blog-post-author{color:#888}.blog-post-author{font-weight:600}.blog-post-title{font-size:42px;font-weight:700;color:#333;margin:24px 0;padding:0 40px;line-height:1.2}.blog-post-excerpt{font-size:20px;color:#666;line-height:1.6;padding:0 40px;margin:0 0 32px}.blog-post-content{padding:0 40px 40px;color:#333;line-height:1.8;font-size:17px}.blog-post-content h2{font-size:32px;margin:40px 0 16px;color:#333;font-weight:700}.blog-post-content h3{font-size:24px;margin:32px 0 12px;color:#444;font-weight:600}.blog-post-content p{margin:16px 0}.blog-post-content ul,.blog-post-content ol{margin:16px 0;padding-left:32px}.blog-post-content li{margin:8px 0}.blog-post-content a{color:#667eea;text-decoration:none;border-bottom:2px solid rgba(102,126,234,.3);transition:all .2s ease}.blog-post-content a:hover{color:#764ba2;border-bottom-color:#764ba2}.blog-post-content img{max-width:100%;height:auto;border-radius:12px;margin:24px 0}.blog-post-content blockquote{border-left:4px solid #667eea;padding-left:20px;margin:24px 0;font-style:italic;color:#555}.blog-post-content code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:15px}.blog-post-content pre{background:#2d2d2d;color:#f8f8f2;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0}.blog-post-content pre code{background:none;padding:0;color:inherit}.blog-post-tags{padding:24px 40px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:8px}.blog-post-share{padding:24px 40px;border-top:1px solid #eee}.blog-post-share h3{font-size:18px;margin:0 0 16px;color:#333}.blog-share-buttons{display:flex;gap:12px}.blog-share-button{display:flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .2s ease}.blog-share-button.twitter{background:#1da1f2;color:#fff}.blog-share-button.facebook{background:#4267b2;color:#fff}.blog-share-button.linkedin{background:#0077b5;color:#fff}.blog-share-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.blog-post-cta{background:linear-gradient(135deg,#667eea,#764ba2);padding:40px;margin:40px;border-radius:16px;text-align:center;color:#fff}.blog-post-cta h2{font-size:28px;margin:0 0 12px}.blog-post-cta p{font-size:16px;opacity:.9;margin:0 0 24px}.blog-cta-button{padding:14px 32px;background:#fff;color:#667eea;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.blog-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0003}.blog-post-loading,.blog-post-not-found{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;padding:40px 20px;text-align:center}@media (max-width: 768px){.blog-main-title{font-size:36px}.blog-subtitle{font-size:16px}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card-image{height:200px}.blog-post-featured-image{height:250px}.blog-post-title{font-size:32px;padding:0 24px}.blog-post-excerpt,.blog-post-content,.blog-post-tags,.blog-post-share{padding-left:24px;padding-right:24px}.blog-post-content{font-size:16px}.blog-post-cta{margin:24px;padding:32px 24px}.blog-share-buttons{flex-direction:column}.blog-share-button{width:100%;justify-content:center}.blog-back-button{position:static;margin-bottom:20px}}