.kfm.kfm-dock{box-sizing:border-box;position:fixed;z-index:99999;left:50%;bottom:calc(14px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);width:calc(100% - 28px);max-width:1180px;display:grid;grid-template-columns:260px 114px minmax(0,1fr) 250px;gap:18px;align-items:center;padding:16px 24px;color:#e7f3f9;background:radial-gradient(ellipse at 74% 100%,#39708538,transparent 50%),linear-gradient(125deg,#0b1c2e,#153747 65%,#132d40);border:1px solid #6b9cb13a;border-radius:19px;box-shadow:0 16px 60px #020e2c55;font-family:"Segoe UI",Arial,sans-serif;isolation:isolate;overflow:hidden}.kfm.kfm-dock *{box-sizing:border-box}.kfm.kfm-dock:before{content:"";position:absolute;z-index:-2;inset:30% 0 0;background:radial-gradient(ellipse at 75% 0%,#9ddced18,transparent 48%),repeating-linear-gradient(177deg,transparent 0 10px,#99d9e408 11px,transparent 13px 24px);mask-image:linear-gradient(90deg,transparent,#000 75%);pointer-events:none}.kfm-dock .kfm-watermark{position:absolute;right:35%;top:-45px;width:135px;height:235px;opacity:.04;filter:grayscale(1);mix-blend-mode:screen;pointer-events:none;z-index:-1;object-fit:contain}.kfm-dock .kfm-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.kfm-dock .kfm-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#ecf7fc}.kfm-dock .kfm-header-logo{width:34px;height:66px;object-fit:contain;background:transparent;filter:drop-shadow(0 3px 6px #0003);flex-shrink:0}.kfm-dock .kfm-wordmark-name{display:block;font-size:25px;font-weight:800;letter-spacing:-1px;white-space:nowrap;line-height:1.1}.kfm-dock .kfm-wordmark-name em{font-style:normal;color:#5acfea;font-weight:300}.kfm-dock .kfm-wordmark small{display:block;margin-top:7px;font-size:6px;letter-spacing:1.9px;color:#8db0c2;white-space:nowrap}.kfm-dock .kfm-live{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:5px;font-size:7px;letter-spacing:.5px;color:#a3c0cd;width:40px;flex-shrink:0}.kfm-dock .kfm-live i{width:4px;height:4px;border-radius:50%;background:#ed5663;box-shadow:0 0 9px #ed566333}.kfm-dock .kfm-live b{font-size:17px;letter-spacing:-.5px;line-height:1.1;margin-top:2px;width:100%;text-align:right;color:#d4e6ef}.kfm-dock .kfm-orbit{position:relative;width:114px;height:114px;display:grid;place-items:center}.kfm-dock .kfm-orbit:before{content:"";position:absolute;inset:10px;border-radius:50%;background:linear-gradient(130deg,#54d0dc15,#b496fa15);filter:blur(8px)}.kfm-dock .kfm-orbit canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.kfm-dock .kfm-cover{width:77px;height:77px;padding:7px;position:relative;background:radial-gradient(ellipse at 25% 10%,#75e9ed30,transparent 65%),linear-gradient(135deg,#163f50,#263b52 60%,#3c3150);border:1px solid #80d3e329;border-radius:50%;box-shadow:inset 0 1px 0 #d4f5ff14;overflow:hidden}.kfm-dock .kfm-cover img{width:100%;height:100%;display:block;object-fit:contain;filter:drop-shadow(0 2px 4px #0003)}.kfm-dock .kfm-cover.has-art{padding:0}.kfm-dock .kfm-cover.has-art img{object-fit:cover;filter:none}.kfm-dock .kfm-track{min-width:0}.kfm-dock .kfm-track-label{color:#6ad3ed;font-size:7px;font-weight:600;letter-spacing:1.8px}.kfm-dock .kfm-track-name{font-size:19px;font-weight:600;color:#eaf7fc;letter-spacing:-.5px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 5px}.kfm-dock .kfm-artist{font-size:12px;line-height:1.4;color:#aac8d7;margin:0}.kfm-dock .kfm-album{display:flex;gap:7px;align-items:baseline;margin-top:5px;overflow:hidden}.kfm-dock .kfm-album>span{font-size:6px;letter-spacing:1px;color:#7fa5b7}.kfm-dock .kfm-album strong{font-weight:400;color:#94b5c6;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kfm-dock .kfm-track-note,.kfm-dock .kfm-spectrum-note{display:block;color:#7d9fac;font-size:8px;line-height:1.4;margin-top:5px}.kfm-dock .kfm-track-note:empty{display:none}.kfm-dock .kfm-controls{display:grid;grid-template-columns:45px minmax(0,1fr);align-items:center;gap:9px 12px;padding-right:17px}.kfm.kfm-dock button{cursor:pointer;font-family:inherit}.kfm-dock .kfm-play{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;background:#e9f6fc;border:0;border-radius:50%;color:#153749;font-size:15px;box-shadow:0 0 0 4px #ffffff04}.kfm-dock .kfm-play:hover,.kfm.kfm-dock.is-playing .kfm-play{background:#5ad1ed}.kfm-dock .kfm-now{min-width:0}.kfm-dock .kfm-now strong{display:block;font-size:10px;font-weight:500;color:#d0e5f0;line-height:1.4}.kfm-dock .kfm-status{display:block;font-size:8px;color:#8fb2c4;line-height:1.5;margin-top:4px}.kfm-dock .kfm-volume{grid-column:2;display:flex;align-items:center;gap:7px}.kfm-dock .kfm-mute{width:23px;height:24px;background:none;border:0;color:#83c3d9;font-size:19px;line-height:1}.kfm-dock .kfm-volume input{width:70px;height:3px;accent-color:#56cde9;cursor:pointer}.kfm-dock .kfm-collapse{position:absolute;top:8px;right:9px;width:24px;height:24px;display:grid;place-items:center;border:1px solid #b0d7e520;border-radius:6px;background:#ffffff05;color:#90b5c8;font-size:17px;line-height:1}.kfm-dock .kfm-collapse:hover{background:#ffffff10}.kfm.kfm-dock [hidden]{display:none!important}.kfm.kfm-dock button:focus-visible,.kfm.kfm-dock input:focus-visible,.kfm.kfm-dock a:focus-visible{outline:2px solid #8be3ff;outline-offset:4px}.kfm.kfm-dock.is-collapsed{grid-template-columns:260px minmax(0,1fr) 250px;padding-top:11px;padding-bottom:11px}.kfm.kfm-dock.is-collapsed .kfm-orbit,.kfm.kfm-dock.is-collapsed .kfm-album,.kfm.kfm-dock.is-collapsed .kfm-spectrum-note,.kfm.kfm-dock.is-collapsed .kfm-track-label,.kfm.kfm-dock.is-collapsed .kfm-volume{display:none}.kfm.kfm-dock.is-collapsed .kfm-header-logo{height:44px;width:25px}.kfm.kfm-dock.is-collapsed .kfm-controls{gap:12px}.kfm.kfm-dock.is-collapsed .kfm-collapse span{transform:rotate(180deg)}.kfm-dock .kfm-page-spacer{pointer-events:none;width:100%;clear:both}@media(max-width:1050px){.kfm.kfm-dock{grid-template-columns:215px 92px minmax(0,1fr) 205px;gap:13px;padding:14px 20px}.kfm-dock .kfm-orbit{width:92px;height:92px}.kfm-dock .kfm-cover{width:63px;height:63px;padding:6px}.kfm-dock .kfm-wordmark-name{font-size:21px}.kfm-dock .kfm-header-logo{height:57px;width:28px}.kfm-dock .kfm-wordmark small{font-size:5px;letter-spacing:1.5px}.kfm-dock .kfm-track-name{font-size:16px}.kfm.kfm-dock.is-collapsed{grid-template-columns:215px minmax(0,1fr) 205px}}@media(max-width:800px){.kfm.kfm-dock{grid-template-columns:200px minmax(0,1fr) 178px}.kfm-dock .kfm-orbit{display:none}.kfm.kfm-dock.is-collapsed{grid-template-columns:200px minmax(0,1fr) 178px}.kfm-dock .kfm-controls{gap:8px;padding-right:15px}.kfm-dock .kfm-now strong{font-size:9px}.kfm-dock .kfm-volume input{width:58px}}@media(max-width:640px){.kfm.kfm-dock{width:calc(100% - 20px);bottom:calc(10px + env(safe-area-inset-bottom,0px));grid-template-columns:76px minmax(0,1fr) 42px;gap:10px;padding:13px 17px;border-radius:17px}.kfm-dock .kfm-header{grid-column:1/-1;padding-right:25px;padding-bottom:10px;border-bottom:1px solid #a0c8d719}.kfm-dock .kfm-header-logo{height:40px;width:24px}.kfm-dock .kfm-wordmark-name{font-size:23px}.kfm-dock .kfm-wordmark small{font-size:5px;margin-top:4px;letter-spacing:1.5px}.kfm-dock .kfm-live{flex-wrap:nowrap;width:auto;gap:5px;letter-spacing:.5px}.kfm-dock .kfm-live b{font-size:16px;margin:0 0 0 7px;width:auto}.kfm-dock .kfm-orbit{display:grid;width:76px;height:76px;grid-column:1;grid-row:2}.kfm-dock .kfm-cover{width:52px;height:52px;padding:5px}.kfm-dock .kfm-track{grid-column:2;grid-row:2}.kfm-dock .kfm-track-label{font-size:6px}.kfm-dock .kfm-track-name{font-size:15px;margin-top:5px;margin-bottom:3px}.kfm-dock .kfm-artist{font-size:10px}.kfm-dock .kfm-album{gap:4px;margin-top:3px}.kfm-dock .kfm-album strong{font-size:8px}.kfm-dock .kfm-spectrum-note{display:none}.kfm-dock .kfm-controls{display:contents}.kfm-dock .kfm-play{grid-column:3;grid-row:2;width:40px;height:40px;font-size:14px}.kfm-dock .kfm-now{grid-column:1/3;grid-row:3}.kfm-dock .kfm-now strong{display:none}.kfm-dock .kfm-status{font-size:8px;margin:0;line-height:1.3}.kfm-dock .kfm-volume{grid-column:3;grid-row:3;justify-content:flex-end}.kfm-dock .kfm-volume input{display:none}.kfm-dock .kfm-mute{height:20px;font-size:17px}.kfm-dock .kfm-collapse{top:11px;right:12px;width:22px;height:22px}.kfm.kfm-dock.is-collapsed{grid-template-columns:minmax(0,1fr) 40px;gap:6px 10px;padding:10px 17px}.kfm.kfm-dock.is-collapsed .kfm-header{grid-column:1;grid-row:1;border:0;padding:0}.kfm.kfm-dock.is-collapsed .kfm-header-logo{width:20px;height:36px}.kfm.kfm-dock.is-collapsed .kfm-wordmark-name{font-size:21px}.kfm.kfm-dock.is-collapsed .kfm-header .kfm-live,.kfm.kfm-dock.is-collapsed .kfm-track,.kfm.kfm-dock.is-collapsed .kfm-now{display:none}.kfm.kfm-dock.is-collapsed .kfm-play{grid-column:2;grid-row:1;width:36px;height:36px}.kfm.kfm-dock.is-collapsed .kfm-collapse{right:10px;top:4px;width:18px;height:18px;transform:translateY(-1px);font-size:14px}.kfm.kfm-dock.is-collapsed .kfm-controls{display:contents}.kfm.kfm-dock.is-collapsed{padding-right:44px}}@media(prefers-reduced-motion:reduce){.kfm.kfm-dock *{scroll-behavior:auto}}
@media(max-width:360px){.kfm-dock .kfm-header{gap:8px;padding-right:23px}.kfm-dock .kfm-wordmark-name{font-size:19px}.kfm-dock .kfm-header-logo{width:22px;height:36px}.kfm-dock .kfm-wordmark small{font-size:4px;letter-spacing:1.2px}.kfm-dock .kfm-live{gap:3px;font-size:6px}.kfm-dock .kfm-live b{font-size:14px;margin-left:3px}.kfm.kfm-dock.is-collapsed .kfm-wordmark-name{font-size:18px}.kfm.kfm-dock.is-collapsed .kfm-header-logo{width:18px;height:32px}.kfm-dock .kfm-brand{gap:9px}}
@media(max-width:640px){.kfm-dock .kfm-volume{grid-column:2/4;justify-content:flex-end}.kfm-dock .kfm-volume input{display:block;width:55px}.kfm-dock .kfm-now{padding-right:83px}.kfm.kfm-dock.is-collapsed .kfm-volume{display:none}}.kfm-dock .kfm-play{border:0;width:68px;height:68px;border-radius:50%;background:#e4f7fe;color:#12394c;font-size:22px;box-shadow:0 0 0 7px #a5e8ff05;transition:background .2s,transform .2s}.kfm-dock .kfm-play:hover{transform:scale(1.04);background:#7be0f3}.kfm-dock .kfm-mute{border:0;background:none;color:#8cd4e9;width:30px;height:30px;font-size:23px}.kfm-dock .kfm-play{width:62px;height:62px}.kfm-dock .kfm-play{transition:none}.kfm-dock .kfm-play{background:linear-gradient(140deg,#edfbff,#88e2f1);box-shadow:0 8px 25px #0003,0 0 0 8px #7ed9f007}.kfm-dock .kfm-play{position:relative;isolation:isolate;width:74px;height:74px;display:grid;place-items:center;border:1px solid #b3eef64d;background:linear-gradient(145deg,#72dfef20,#5785b812);color:#d0f8ff;box-shadow:inset 0 1px 1px #edffff25,0 12px 32px #020a2455;backdrop-filter:blur(12px)}.kfm-dock .kfm-play:before{content:"";position:absolute;inset:-6px;border:1px solid #69dbef27;border-radius:50%;background:conic-gradient(from 30deg,#59d9e500,#65dcf518,#aa92ec0f,#59d9e500);z-index:-1;pointer-events:none}.kfm-dock .kfm-play:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid transparent;border-top-color:#76e6f6;border-right-color:#b4a6f5;transform:rotate(-30deg);opacity:.8;pointer-events:none}.kfm-dock .kfm-play svg{width:28px;height:28px;fill:currentColor;filter:drop-shadow(0 0 9px #72d7ee44)}.kfm-dock .kfm-play .kfm-play-icon{transform:translateX(1px)}.kfm-dock .kfm-play .kfm-stop-icon{display:none}.kfm-dock .kfm-play.is-active .kfm-play-icon{display:none}.kfm-dock .kfm-play.is-active .kfm-stop-icon{display:block}.kfm-dock .kfm-play:hover,.kfm.kfm-dock.is-playing .kfm-play{background:linear-gradient(145deg,#42c6de35,#7067b225);color:#e8fbff;box-shadow:inset 0 1px 1px #edffff33,0 0 36px #48c9e31a}.kfm-dock .kfm-play:active{transform:scale(.96)}.kfm-dock .kfm-play.is-loading:after{animation:kfm-connect 1.5s linear infinite}.kfm-dock .kfm-play{width:66px;height:66px}.kfm-dock .kfm-play.is-loading:after{animation:none}.kfm-dock .kfm-mute{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;border:1px solid #a0e6f22b;background:linear-gradient(145deg,#78daf315,#7774b310);color:#a9edfb;box-shadow:inset 0 1px 0 #c9f6ff12;transition:background .2s,transform .2s}.kfm-dock .kfm-mute:hover{background:#72d8ef21;transform:translateY(-1px)}.kfm-dock .kfm-mute svg{width:21px;height:21px;overflow:visible}.kfm-dock .kfm-speaker{fill:currentColor;stroke:none}.kfm-dock .kfm-sound-wave,.kfm-dock .kfm-sound-off{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.kfm-dock .kfm-sound-off{display:none}.kfm-dock .kfm-mute.is-muted .kfm-sound-wave{display:none}.kfm-dock .kfm-mute.is-muted .kfm-sound-off{display:block}.kfm-dock .kfm-mute.is-muted{color:#b4b2cb;background:#877dba12}.kfm-dock .kfm-mute{width:38px;height:38px;border-radius:11px}.kfm-dock .kfm-mute{transition:none}/* Ön yüz · 2.1 */
.kfm{background:radial-gradient(ellipse at 10% 20%,#4dc3fa12,transparent 60%),linear-gradient(125deg,#0e1119,#1f2739 65%,#2c3446);gap:12px 18px}.kfm-dock .kfm-wordmark-name{background:linear-gradient(105deg,#fefefe,#4dc3fa 60%,#fb667a);background-clip:text;-webkit-background-clip:text;color:transparent}.kfm-dock .kfm-wordmark-name em{color:inherit}.kfm-dock .kfm-wordmark small{color:#a9cde3}.kfm-dock .kfm-live b{color:#6edced}.kfm-dock .kfm-controls{grid-template-columns:45px minmax(0,1fr)}.kfm-dock .kfm-play{width:45px;height:45px}.kfm-dock .kfm-play svg{width:20px;height:20px}.kfm-dock .kfm-mute{width:28px;height:28px;border-radius:9px}.kfm-dock .kfm-mute svg{width:17px;height:17px}.kfm-dock .kfm-volume input{accent-color:#78dce9}.kfm-dock .kfm-bottom-spectrum{grid-column:1/-1;position:relative;height:78px;border-top:1px solid #a2d4e41a;margin-top:3px;padding-top:3px}.kfm-dock .kfm-bottom-spectrum canvas{display:block;width:100%;height:65px}.kfm-dock .kfm-analyzer-heading{position:absolute;top:5px;right:0;z-index:2;font-size:6px;letter-spacing:.6px;color:#93b1c4}.kfm-dock .kfm-analyzer-heading strong{font-weight:400}.kfm-dock .kfm-bottom-spectrum>span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-size:5px;letter-spacing:1px;color:#7190a5;white-space:nowrap}.kfm.kfm-dock.is-collapsed .kfm-bottom-spectrum{display:none}.kfm-dock .kfm-watermark{right:27%;top:10px;opacity:.025}.kfm-dock .kfm-orbit canvas{filter:drop-shadow(0 0 3px #4dc3fa18)}
@media(max-width:640px){.kfm-dock .kfm-bottom-spectrum{grid-row:4;height:67px;margin-top:4px}.kfm-dock .kfm-bottom-spectrum canvas{height:55px}.kfm-dock .kfm-controls{display:contents}.kfm-dock .kfm-play{width:40px;height:40px}.kfm-dock .kfm-play:before,.kfm-dock .kfm-play:after{inset:-3px}.kfm-dock .kfm-mute{width:25px;height:25px}.kfm-dock .kfm-volume input{width:55px}.kfm.kfm-dock.is-collapsed .kfm-play{width:36px;height:36px}.kfm-dock .kfm-watermark{right:15%;width:75px;height:140px}}
@media(prefers-reduced-motion:reduce){.kfm-dock .kfm-play,.kfm-dock .kfm-mute{transition:none}}