.kr-page{max-width:1160px;margin:auto}.kr-page .page-heading{align-items:center}.kr-now{display:grid;grid-template-columns:1.3fr 1fr;padding:38px!important;overflow:hidden;position:relative;background:linear-gradient(115deg,#fffcf8,#eaf4f0)!important;gap:24px}.kr-now-copy{position:relative;z-index:1}.kr-kicker{font-size:10px;letter-spacing:1.8px;color:#8e713b;font-weight:700}.kr-now h2{font:clamp(28px,3.4vw,44px)/1.2 Georgia;margin:22px 0 12px;color:#21483f}.kr-now-copy>p{color:#667b71;line-height:1.7;max-width:410px}.kr-main-controls{display:flex;align-items:center;gap:16px;margin-top:30px}.kr-main-play{border:0;width:62px;height:62px;flex-shrink:0;border-radius:50%;background:#21483f;color:white;font-size:24px;box-shadow:0 7px 20px #21483f25}.kr-main-controls strong{display:block;font-size:14px}.kr-main-controls small{display:block;font-size:11px;margin-top:7px;line-height:1.5;color:#718278}.kr-volume{display:flex;align-items:center;gap:12px;margin-top:24px;max-width:330px}.kr-volume button{width:34px;height:34px;display:grid;place-items:center;border:1px solid #d5e0d9;border-radius:50%;background:#fff}.kr-volume button[aria-pressed=true]{color:#a7784c}.kr-volume label{display:flex;align-items:center;gap:12px;flex:1;font-size:12px}.kr-volume input{flex:1;width:100%;min-width:40px;padding:0;height:4px;accent-color:#21483f;cursor:pointer}.kr-volume output{font-size:12px;min-width:32px}.kr-art{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:235px;gap:18px;color:#21483f}.kr-orbit{position:absolute;width:240px;height:240px;border:1px solid #c9a34a33;border-radius:50%}.kr-orbit:before,.kr-orbit:after{content:'';position:absolute;border:1px solid #21483f12;border-radius:50%;inset:20px}.kr-orbit:after{inset:-25px}.kr-art>span{width:95px;height:95px;background:#21483f;display:grid;place-items:center;border-radius:28px;transform:rotate(-7deg);box-shadow:0 14px 30px #21483f17;position:relative}.kr-art>span .ico{width:48px;height:48px;color:#e0cb93;transform:rotate(7deg)}.kr-art>small{font-size:9px;letter-spacing:3px;color:#829282;position:relative}.kr-wave{display:flex;height:52px;align-items:center;justify-content:center;gap:4px;position:relative}.kr-wave i{width:3px;height:var(--h);border-radius:4px;background:#8aa98c;opacity:.7}.kr-is-playing .kr-wave i{animation:kr-wave 1s ease-in-out var(--d) infinite alternate}.kr-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:32px 0 18px}.kr-section-heading h2{font-size:19px;margin:0}.kr-section-heading>span{font-size:12px;color:#7d8e83}.kr-channels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.kr-channel{padding:25px!important;transition:border-color .2s,box-shadow .2s;border:1px solid #dfe8e1!important;display:flex;flex-direction:column;min-width:0}.kr-channel.kr-selected{border-color:#7ca28b!important;box-shadow:0 5px 22px #21483f0c}.kr-channel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.kr-channel-icon{display:grid;place-items:center;width:48px;height:48px;background:#eaf4f0;color:#21483f;border-radius:15px}.kr-channel-icon .ico{width:26px;height:26px}.kr-gold .kr-channel-icon{background:#f8f1e1;color:#ad8941}.kr-blue .kr-channel-icon{background:#edf1f6;color:#5d7d9a}.kr-station-number{font:24px Georgia;color:#d7e2da}.kr-channel h3{font:21px Georgia;color:#21483f;margin:0 0 10px}.kr-channel>p{font-size:13px;line-height:1.8;color:#7a887f;flex:1;margin-bottom:26px}.kr-channel-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.kr-channel-actions .btn{font-size:12px;padding:11px 15px}.kr-channel-actions a{font-size:11px;color:#73887a}.kr-source{font-size:11px!important;color:#87958b;line-height:1.8;margin:22px 0}.kr-source a{color:#61786b;text-decoration:underline;text-underline-offset:3px}.kr-editor{max-width:650px}.kr-editor fieldset{padding:18px;border:1px solid #dce6df;border-radius:14px;display:grid;gap:14px;min-width:0}.kr-editor legend{font:18px Georgia;color:#21483f;padding:0 8px}.kr-editor input,.kr-editor textarea{width:100%;box-sizing:border-box}.kr-editor input[type=url]{font-size:12px;direction:ltr}.kr-editor-error{color:#a34335;line-height:1.6}.kr-editor-error:empty{display:none}.kr-dock{position:fixed;bottom:18px;left:calc(50% + 110px);transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:20px;background:#21483f;color:#fff;border:1px solid #ffffff25;border-radius:18px;padding:13px 18px;box-shadow:0 10px 38px #21483f30;max-width:calc(100vw - 40px)}.kr-dock[hidden]{display:none}.kr-dock-name{display:flex;align-items:center;gap:12px;color:inherit;min-width:160px}.kr-dock-name strong{display:block;font-size:13px}.kr-dock-name small{display:block;font-size:10px;color:#d3ddcc;margin-top:4px;max-width:300px}.kr-dock>button{background:#ffffff12;border-radius:50%;width:34px;height:34px;color:inherit;font-size:18px;flex-shrink:0}.kr-dock-open .shell{padding-bottom:90px}.kr-dock-open footer{padding-bottom:30px}@keyframes kr-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}@media(max-width:900px){.kr-now{padding:26px!important;grid-template-columns:1.5fr 1fr}.kr-art{min-height:210px;transform:scale(.85)}.kr-channels{gap:12px}.kr-channel{padding:20px!important}.kr-channel h3{font-size:19px}.kr-dock{left:50%}}@media(max-width:650px){.kr-now{grid-template-columns:1fr;padding:24px!important}.kr-art{display:none}.kr-channels{grid-template-columns:1fr}.kr-channel{padding:22px!important}.kr-channel-top{margin-bottom:15px}.kr-channel>p{margin-bottom:18px}.kr-section-heading{align-items:flex-start}.kr-section-heading h2{font-size:17px}.kr-section-heading>span{white-space:nowrap;font-size:11px}.kr-page .page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}.kr-main-controls{margin-top:24px}.kr-main-controls strong{font-size:13px}.kr-dock{gap:10px;bottom:10px;padding:12px;max-width:calc(100vw - 24px);width:calc(100vw - 24px);box-sizing:border-box}.kr-dock-name{flex:1;min-width:0}.kr-dock-name strong{font-size:12px}.kr-dock-name small{font-size:10px}.kr-dock-name>.ico{display:none}.kr-editor .row{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.kr-is-playing .kr-wave i{animation:none}.kr-channel{transition:none}}