.frutiger-mini{top:var(--frutiger-mini-top,12%);right:var(--frutiger-mini-right,12%);left:var(--frutiger-mini-left,auto);bottom:var(--frutiger-mini-bottom,auto);z-index:var(--frutiger-mini-z,3);font-family:var(--font-ui,system-ui, sans-serif);position:absolute}.frutiger-mini__launcher{-webkit-backdrop-filter:blur(8px)saturate(160%);backdrop-filter:blur(8px)saturate(160%);color:#fff;cursor:pointer;background:radial-gradient(80% 55% at 50% 18%,#ffffff8c,#fff0 100%),radial-gradient(circle at 50% 55%,#6ea2ff 0%,#2a5edb 60%,#0e2a8a 100%);border:1px solid #ffffff38;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;padding:0;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;box-shadow:0 0 22px #6ea0ff8c,0 8px 18px #0006,inset 0 1px #ffffff73}.frutiger-mini__launcher:hover{transform:translateY(-1px)scale(1.03);box-shadow:0 0 28px #78aaffd9,0 10px 22px #00000073,inset 0 1px #ffffffa6}.frutiger-mini__launcher:active{transform:scale(.97)}.frutiger-mini__launcher-icon{filter:drop-shadow(0 1px 1px #0006);border:8px solid #0000;border-left:12px solid #fff;border-right-width:0;width:0;height:0;margin-left:4px}.frutiger-mini__launcher--playing .frutiger-mini__launcher-icon{background:linear-gradient(#fff,#fff) 0/4px 100% no-repeat,linear-gradient(#fff,#fff) 100%/4px 100% no-repeat;border:0;width:12px;height:14px;margin-left:0}.frutiger-mini__panel{-webkit-backdrop-filter:blur(14px)saturate(160%);backdrop-filter:blur(14px)saturate(160%);color:#fff;text-shadow:0 1px 1px #0006;opacity:0;transform-origin:0%;pointer-events:none;clip-path:inset(0 100% 0 0 round 14px);background:linear-gradient(#dcebffd9 0%,#82aff0a6 48%,#1e46b4d9 52%,#081446f2 100%);border:1px solid #ffffff38;border-radius:14px;width:clamp(240px,22vw,300px);margin-left:12px;padding:14px 14px 12px;transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .38s cubic-bezier(.16,1,.3,1),clip-path .42s cubic-bezier(.16,1,.3,1);position:absolute;top:50%;left:100%;transform:translate(-24px,-50%);box-shadow:0 0 32px #6ea0ff8c,0 16px 36px #00000080,inset 0 1px #ffffff8c,inset 0 -1px #0006}.frutiger-mini--open .frutiger-mini__panel{opacity:1;pointer-events:auto;clip-path:inset(0 round 14px);transform:translateY(-50%)}.frutiger-mini__panel-shine{pointer-events:none;background:linear-gradient(#ffffff8c,#ffffff0d);border-radius:13px 13px 30% 30%/13px 13px 60% 60%;height:46%;position:absolute;top:1px;left:1px;right:1px}.frutiger-mini__close{color:#fff;cursor:pointer;z-index:2;background:#ffffff2e;border:1px solid #fff6;border-radius:999px;justify-content:center;align-items:center;width:22px;height:22px;font-size:1rem;line-height:1;transition:background .16s cubic-bezier(.16,1,.3,1);display:inline-flex;position:absolute;top:6px;right:8px}.frutiger-mini__close:hover{background:#ffffff52}.frutiger-mini__panel-row{align-items:center;gap:12px;display:flex;position:relative}.frutiger-mini__art{object-fit:cover;border:1px solid #ffffff73;border-radius:6px;width:60px;height:60px;box-shadow:0 4px 10px #0006,inset 0 1px #ffffff80}.frutiger-mini__art--placeholder{background:linear-gradient(#ffffff4d,#0000004d)}.frutiger-mini__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.frutiger-mini__eyebrow{letter-spacing:.18em;text-transform:uppercase;opacity:.85;font-size:.62rem}.frutiger-mini__title{white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.frutiger-mini__title-link{color:inherit;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 1px;text-decoration:none;transition:background-size .2s cubic-bezier(.16,1,.3,1)}.frutiger-mini__title-link:hover,.frutiger-mini__title-link:focus-visible{background-size:100% 1px}.frutiger-mini__time{font-variant-numeric:tabular-nums;opacity:.85;font-size:.72rem}.frutiger-mini__time-sep{opacity:.6;margin:0 2px}.frutiger-mini__bar{cursor:pointer;background:linear-gradient(#00000073,#0003);border:1px solid #ffffff40;border-radius:999px;height:8px;margin:12px 0 10px;position:relative;box-shadow:inset 0 1px 2px #00000080}.frutiger-mini__bar-fill{background:linear-gradient(#cfe5ff,#4d8dff 50%,#1a4dd0);border-radius:999px;height:100%;transition:width .12s linear;box-shadow:0 0 8px #6eaaffb3,inset 0 1px #fff9}.frutiger-mini__bar-thumb{background:radial-gradient(circle at 35% 30%,#fff,#9fc8ff 55%,#1a4dd0);border:1px solid #ffffffb3;border-radius:50%;width:12px;height:12px;margin-left:-6px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 6px #6eaaffe6}@media (max-width:720px){.frutiger-mini__panel{transform-origin:100% 100%;clip-path:none;width:auto;margin-left:0;position:fixed;inset:auto 12px 90px;transform:translateY(20px)}.frutiger-mini--open .frutiger-mini__panel{clip-path:none;transform:translateY(0)}}