@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--putty: #F5F3EE;--putty-dark: #E8E4DC;--black: #000000;--white: #FFFFFF;--gray: #6B6B6B;--gray-light: #9A9A9A;--accent: #FF3366;--accent-hover: #FF1A53;--accent-subtle: rgba(255, 51, 102, .1);--card-border: rgba(0, 0, 0, .1);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3rem;--radius: 16px;--radius-sm: 8px;--radius-full: 9999px;--ease: cubic-bezier(.4, 0, .2, 1);--duration: .2s;--duration-medium: .3s;--sidebar-width: 300px;--player-bar-height: 72px;--news-max-width: 760px}html,body{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--black);-webkit-font-smoothing:antialiased;line-height:1.4;background:var(--white)}#root{height:100%}.app{height:100vh;height:100dvh;display:flex;flex-direction:column;background:var(--white);overflow:hidden}.radio-player{flex:1;display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}.player-header{padding:var(--space-4) var(--space-6);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--black);background:var(--white);flex-shrink:0}.player-header h1{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--black);display:flex;align-items:center;gap:var(--space-2)}.logo-dot{width:8px;height:8px;background:var(--accent);border-radius:var(--radius-full)}.header-left{display:flex;align-items:center;gap:var(--space-10)}.header-left .weather-display{display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.header-left .weather-icon{font-size:var(--text-lg);line-height:1}.header-left .weather-info{display:flex;flex-direction:row;align-items:center;gap:var(--space-2)}.header-left .weather-temp{font-size:var(--text-sm);font-weight:600;color:var(--black)}.header-left .weather-description{font-size:var(--text-xs);color:var(--gray);font-weight:500}.header-left .weather-description:before{content:"·";margin-right:var(--space-2);color:var(--gray-light)}.header-left .weather-city{font-size:var(--text-xs);color:var(--gray-light);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.header-left .weather-city:before{content:"·";margin-right:var(--space-2);color:var(--gray-light)}.header-status{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);display:flex;align-items:center;gap:6px;padding:var(--space-1) var(--space-3);background:var(--accent-subtle);border-radius:var(--radius-sm);flex-shrink:0}.header-status:before{content:"";width:6px;height:6px;background:var(--accent);border-radius:var(--radius-full);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.main-layout{flex:1;display:flex;overflow:hidden;position:relative}.main-content{flex:1;display:flex;flex-direction:column;background:var(--white);overflow-y:auto;position:relative;padding-bottom:80px}.news-display{flex:1;display:flex;flex-direction:column;padding:var(--space-6) var(--space-8);width:100%}.news-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--black)}.news-header h2{font-size:var(--text-2xl);font-weight:800;color:var(--black);letter-spacing:-.03em}.news-badge{font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);padding:var(--space-1) var(--space-2);background:var(--accent-subtle);border-radius:4px}.news-loading{flex:1;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:var(--text-sm)}.news-featured{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.news-card-featured{flex-direction:column}.news-card-featured .news-card-image{width:100%;height:180px;border-radius:var(--radius-sm);overflow:hidden}.news-card-featured .news-card-title{font-size:var(--text-base);font-weight:700;-webkit-line-clamp:3}.news-card-featured .news-card-summary{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-list{display:flex;flex-direction:column;gap:var(--space-3)}.news-card{display:flex;gap:var(--space-4);padding:var(--space-4);border:1px solid var(--card-border);border-radius:var(--radius-sm);text-decoration:none;color:inherit;transition:all var(--duration) var(--ease)}.news-card:hover{border-color:var(--accent);background:var(--accent-subtle)}.news-card-image{width:100px;height:70px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden}.news-card-image img{width:100%;height:100%;object-fit:cover}.news-card-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.news-card-title{font-size:var(--text-sm);font-weight:600;color:var(--black);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-summary{font-size:var(--text-xs);color:var(--gray);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-card-meta{display:flex;align-items:center;gap:var(--space-3);margin-top:auto}.news-card-time{font-size:var(--text-xs);color:var(--accent);font-weight:600}.news-card-source{font-size:var(--text-xs);color:var(--gray-light);font-weight:500}.news-card-source:before{content:"·";margin-right:var(--space-3)}.channel-selector{width:var(--sidebar-width);background:var(--putty);border-left:1px solid var(--black);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.channel-button{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);border:none;border-bottom:1px solid var(--card-border);background:transparent;cursor:pointer;transition:all var(--duration) var(--ease);text-align:left;position:relative;overflow:hidden}.channel-button:last-child{border-bottom:none}.channel-button:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--putty-dark);clip-path:inset(0 100% 0 0);transition:clip-path var(--duration-medium) var(--ease);z-index:0}.channel-button:hover:before{clip-path:inset(0 0 0 0)}.channel-button.active{background:var(--white);border-left:3px solid var(--accent)}.channel-button.active:before{display:none}.channel-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;color:var(--gray);background:var(--white);border:1px solid var(--card-border);border-radius:var(--radius-sm);transition:all var(--duration) var(--ease);position:relative;z-index:1;flex-shrink:0}.channel-logo{width:32px;height:32px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--card-border);position:relative;z-index:1;flex-shrink:0;transition:all var(--duration) var(--ease)}.channel-button.active .channel-number{background:var(--accent);border-color:var(--accent);color:var(--white)}.channel-button.active .channel-logo{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-subtle)}.channel-info{min-width:0;position:relative;z-index:1}.channel-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-button.active .channel-name{color:var(--accent)}.channel-description{display:block;font-size:var(--text-xs);color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-indicator{display:flex;align-items:center;gap:4px;padding:var(--space-1) var(--space-2);background:var(--accent);border-radius:4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--white);position:relative;z-index:1;flex-shrink:0;margin-left:auto}.live-indicator:before{content:"";width:5px;height:5px;background:var(--white);border-radius:var(--radius-full);animation:pulse 1s ease-in-out infinite}.channel-button.dragging{opacity:.4}.channel-button.drag-over{border-top:2px solid var(--accent)}.player-bar-wrapper{position:absolute;bottom:var(--space-4);left:15%;right:calc(var(--sidebar-width) + 15%);z-index:10}.player-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3);background:#f5f3eed9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius);box-shadow:0 2px 12px #00000014,0 0 0 1px #0000000a;position:relative;overflow:hidden;gap:var(--space-4)}.player-bar-accent{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius);border:2px solid var(--accent);pointer-events:none}@keyframes accentSlide{0%,to{background-position:0% 0}50%{background-position:100% 0}}.player-bar-left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.player-bar-artwork{position:relative;flex-shrink:0}.player-bar-logo{width:36px;height:36px;object-fit:cover;border-radius:var(--radius-sm);display:block}.player-bar-logo-placeholder{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--putty)}.player-bar-eq{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:2px;background:#0000004d;border-radius:var(--radius-sm)}.player-bar-eq-bar{width:2px;background:var(--white);border-radius:1px}.player-bar-eq-bar:nth-child(1){animation:barEq1 .6s ease-in-out infinite}.player-bar-eq-bar:nth-child(2){animation:barEq2 .6s ease-in-out infinite .15s}.player-bar-eq-bar:nth-child(3){animation:barEq3 .6s ease-in-out infinite .05s}@keyframes barEq1{0%,to{height:6px}50%{height:18px}}@keyframes barEq2{0%,to{height:14px}50%{height:6px}}@keyframes barEq3{0%,to{height:8px}50%{height:16px}}.player-bar-text{display:flex;flex-direction:column;min-width:0;gap:1px}.player-bar-name{font-size:var(--text-sm);font-weight:600;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-empty{color:var(--gray);font-weight:500}.player-bar-description{font-size:var(--text-xs);color:var(--gray);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-bar-controls{display:flex;align-items:center;flex-shrink:0}.player-bar .play-button{width:34px;height:34px;border-radius:var(--radius-full);border:none;background:var(--black);color:var(--white);font-size:var(--text-sm);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration) var(--ease)}.player-bar .play-button:hover{transform:scale(1.08);background:var(--accent)}.player-bar .play-button:active{transform:scale(.95)}.channel-sidebar{display:contents}.mobile-menu-btn,.mobile-overlay{display:none}.header-right{display:flex;align-items:center;gap:var(--space-3)}.visualizer{display:none}@media (max-width: 639px){:root{--player-bar-height: 64px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--card-border);border-radius:var(--radius-sm);background:var(--white);font-size:var(--text-base);cursor:pointer;transition:all var(--duration) var(--ease)}.mobile-menu-btn:active{background:var(--putty)}.channel-sidebar{display:block;position:fixed;top:0;right:0;bottom:0;width:280px;z-index:100;transform:translate(100%);transition:transform var(--duration-medium) var(--ease)}.channel-sidebar.open{transform:translate(0)}.channel-sidebar .channel-selector{width:100%;height:100%;border-left:1px solid var(--black)}.mobile-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99}.player-bar-wrapper{left:var(--space-4);right:var(--space-4);bottom:var(--space-4)}.header-left .weather-display{display:none}.main-content{flex:1;min-height:0}.news-display{padding:var(--space-4)}.news-header{margin-bottom:var(--space-4);padding-bottom:var(--space-3)}.news-header h2{font-size:var(--text-xl)}.news-featured{grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.news-card-featured .news-card-image{height:140px}.news-card-image{width:80px;height:60px}.player-bar-eq{display:none}}@media (min-width: 640px) and (max-width: 1023px){:root{--sidebar-width: 260px}.news-featured{grid-template-columns:1fr}}@media (min-width: 1024px){.channel-button:hover .channel-number,.channel-button:hover .channel-logo{transform:translate(4px)}}@supports (padding: max(0px)){.player-header{padding-top:max(var(--space-4),env(safe-area-inset-top));padding-left:max(var(--space-6),env(safe-area-inset-left));padding-right:max(var(--space-6),env(safe-area-inset-right))}.player-bar-wrapper{padding-bottom:max(var(--space-3),env(safe-area-inset-bottom))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.play-button:focus-visible,.channel-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}