:root{--primary-dark: #2c3e50;--radio-body: #2d3436;--radio-face: #dfe6e9;--speaker-hole: #1e272e;--lcd-bg: #81ecec;--lcd-text: #00cec9;--accent-red: #d63031;--accent-green: #00b894;--btn-shadow: #b2bec3;--text-main: #2d3436;--bg-page: #f1f2f6;--focus-ring: #0984e3}body{font-family:Sarabun,sans-serif;background-color:var(--bg-page);color:var(--text-main);margin:0;line-height:1.6}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.skip-link{position:absolute;top:-40px;left:0;background:var(--accent-red);color:#fff;padding:8px;z-index:100;transition:top .3s}.skip-link:focus{top:0}.container{max-width:1000px;margin:0 auto;padding:0 1rem}.site-header{background:#fff;box-shadow:0 2px 10px #0000000d;padding:1rem 0;position:sticky;top:0;z-index:50}.site-header .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.logo{font-size:1.8rem;margin:0;color:var(--primary-dark)}nav ul{list-style:none;padding:0;display:flex;gap:1.5rem;margin:.5rem 0 0}nav a{text-decoration:none;color:var(--text-main);font-weight:600;transition:color .2s}nav a:hover,nav a:focus{color:var(--accent-red)}.hero-section{background:linear-gradient(135deg,#74b9ff,#a29bfe);padding:4rem 0;display:flex;justify-content:center;align-items:center;margin-bottom:2rem}.radio-device-container{position:relative;width:100%;max-width:700px;height:350px;perspective:1000px}.radio-handle{position:absolute;top:-40px;left:20%;right:20%;height:40px;background:#636e72;border-radius:20px 20px 0 0;z-index:0;border:4px solid #2d3436;border-bottom:none;box-shadow:inset 0 5px 10px #fff3}.radio-antenna{position:absolute;top:-90px;right:50px;width:6px;height:100px;background:silver;z-index:0;transform:rotate(15deg);border-radius:3px;background:linear-gradient(to right,#999,#fff,#999)}.radio-body{position:relative;width:100%;height:100%;background:var(--radio-body);border-radius:30px;display:flex;padding:20px;box-shadow:0 20px 50px #0000004d,inset 0 2px 5px #fff3,inset 0 -5px 10px #00000080;z-index:10;box-sizing:border-box;gap:20px}.speaker-grille{flex:1;background-color:#222;background-image:radial-gradient(var(--speaker-hole) 40%,transparent 40%);background-size:8px 8px;border-radius:15px;box-shadow:inset 0 0 20px #000c;border:2px solid #444}.control-panel{flex:2;background:var(--radio-face);border-radius:15px;padding:15px;display:flex;flex-direction:column;align-items:center;box-shadow:inset 0 0 10px #0000001a;position:relative}.lcd-display{width:90%;height:80px;background:#90a4ae;border:4px solid #546e7a;border-radius:8px;margin-bottom:20px;box-shadow:inset 0 0 15px #0000004d;display:flex;justify-content:center;align-items:center;color:#263238;font-family:Digital Numbers,monospace;position:relative;overflow:hidden}.lcd-display:after{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(to bottom,rgba(255,255,255,.3),transparent)}.lcd-content{display:flex;flex-direction:column;align-items:center;line-height:1}.lcd-text{font-size:2rem;font-weight:700;opacity:.3;transition:opacity .3s}.lcd-subtext{font-size:.8rem;margin-top:5px;font-family:sans-serif;opacity:.3}.lcd-freq{font-size:.8rem;margin-top:2px;display:none}.radio-on .lcd-text,.radio-on .lcd-subtext,.radio-on .lcd-freq{opacity:1}.radio-on .lcd-display{background:var(--lcd-bg);box-shadow:inset 0 0 15px #0000001a,0 0 10px var(--lcd-bg)}.radio-on .lcd-text{color:#006064}.button-row{display:flex;gap:20px;width:100%;justify-content:space-around;margin-bottom:20px}.control-group{display:flex;flex-direction:column;align-items:center;gap:5px}.label-text{font-size:.7rem;font-weight:700;color:#636e72;letter-spacing:1px}.phys-btn{border:none;cursor:pointer;background:linear-gradient(to bottom,#f5f5f5,#e0e0e0);box-shadow:0 4px #b0b0b0,0 5px 5px #0003;transition:all .1s;position:relative}.phys-btn:active,.phys-btn.pressed{transform:translateY(3px);box-shadow:0 1px #b0b0b0,0 1px 2px #0003}.phys-btn:disabled{cursor:not-allowed;opacity:.8}.phys-btn:focus-visible{outline:4px solid var(--focus-ring);outline-offset:4px}.power-btn{width:40px;height:40px;border-radius:50%;background:linear-gradient(to bottom,#ff7675,#d63031);box-shadow:0 4px #b71515,0 5px 5px #0000004d;color:#fff;font-size:.8rem;display:flex;justify-content:center;align-items:center}.power-btn:active,.power-btn[aria-pressed=true]{background:linear-gradient(to bottom,#d63031,#c0392b);box-shadow:0 1px #b71515,inset 0 2px 5px #0000004d;transform:translateY(3px)}.power-btn[aria-pressed=true]{box-shadow:0 2px #b71515,0 0 10px #ff000080;transform:translateY(2px)}.switch-container{background:#b2bec3;padding:4px;border-radius:4px;display:flex;gap:4px;box-shadow:inset 0 2px 4px #0003}.small-btn{padding:4px 8px;font-size:.8rem;border-radius:2px;background:#dfe6e9;box-shadow:0 2px #95a5a6}.small-btn.active{background:#74b9ff;color:#fff;box-shadow:inset 0 2px 4px #0003;transform:translateY(2px)}.volume-slider{-webkit-appearance:none;width:80px;height:8px;background:#bdc3c7;border-radius:4px;outline:none;box-shadow:inset 0 1px 3px #0000004d}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#636e72;cursor:pointer;box-shadow:0 2px 3px #0000004d;border:2px solid #b2bec3}.volume-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#636e72;cursor:pointer;box-shadow:0 2px 3px #0000004d;border:2px solid #b2bec3}.volume-slider:focus-visible{outline:4px solid var(--focus-ring);outline-offset:4px}.round-big{width:60px;height:60px;border-radius:50%;font-size:1.5rem;color:#2d3436;display:flex;justify-content:center;align-items:center}.content-section{padding:3rem 0}.alt-bg{background-color:#fff}h2{color:var(--primary-dark);border-bottom:3px solid var(--accent-red);display:inline-block;padding-bottom:.5rem;margin-bottom:2rem}.schedule-table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000000d}th,td{padding:1rem;text-align:left;border-bottom:1px solid #eee}th{background:var(--primary-dark);color:#fff}.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.news-card{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px #0000000d;transition:transform .2s;border-left:5px solid var(--accent-green)}.news-card:hover{transform:translateY(-5px)}.news-card .card-content{padding:1.5rem}.news-card h3{margin:0 0 1rem;font-size:1.2rem}.date{color:#636e72;font-size:.9rem;margin-bottom:1rem}.read-more{display:inline-block;margin-top:1rem;color:var(--accent-green);font-weight:700;text-decoration:none}.read-more:hover{text-decoration:underline}.services-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.service-item{background:#fff;padding:2rem;border-radius:8px;text-align:center;box-shadow:0 2px 5px #0000000d}@media (max-width: 768px){.radio-device-container{height:auto;flex-direction:column}.radio-body{flex-direction:column;height:auto}.speaker-grille{height:80px}.lcd-display{width:100%}.radio-antenna,.radio-handle{display:none}}