:root{--dock-height:4rem;--bevel-light:rgba(255, 255, 255, 0.75);--bevel-dark:rgba(0, 0, 0, 0.35);--dock-font:"Pixelify Sans", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace}body{padding-bottom:var(--dock-height)}.dock,.dock-window{font-family:var(--dock-font)}.dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:flex;justify-content:center;gap:.5rem;height:var(--dock-height);padding:.5rem 1rem calc(.5rem + env(safe-area-inset-bottom));background:var(--ld-bg-soft);border-top:1px solid var(--ld-border);box-shadow:0 -6px 16px rgba(0,0,0,6%);overflow-x:auto}.dock__item{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;width:4.25rem;padding:.35rem .25rem;border-width:2px;border-style:solid;border-color:var(--bevel-light)var(--bevel-dark)var(--bevel-dark)var(--bevel-light);border-radius:0;background:var(--ld-bg);color:var(--ld-muted);cursor:pointer;box-shadow:2px 2px rgba(0,0,0,.15);transition:transform .1s ease,color .15s ease}.dock__item svg{width:1.25rem;height:1.25rem}.dock__item:hover{color:var(--ld-accent)}.dock__item:active,.dock__item[aria-pressed=true]{transform:translate(2px,2px);color:var(--ld-accent);border-color:var(--bevel-dark)var(--bevel-light)var(--bevel-light)var(--bevel-dark);box-shadow:none}.dock__label{font-size:.65rem;line-height:1;white-space:nowrap}.dock-window{position:fixed;z-index:50;width:min(22rem,calc(100vw - 2rem));max-height:min(28rem,calc(100vh - var(--dock-height) - 3rem));margin:0;padding:0;display:flex;flex-direction:column;border-width:2px;border-style:solid;border-color:var(--bevel-light)var(--bevel-dark)var(--bevel-dark)var(--bevel-light);border-radius:0;background:var(--ld-bg);color:var(--ld-fg);box-shadow:4px 4px rgba(0,0,0,.25);animation:dock-window-in .12s ease}.dock-window:not([open]){display:none}@keyframes dock-window-in{from{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.dock-window::backdrop{background:0 0}.dock-window__bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .5rem;background:var(--ld-accent);color:var(--ld-bg);border-bottom:2px solid var(--bevel-dark);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;cursor:grab;user-select:none}.dock-window__bar:active{cursor:grabbing}.dock-window__close{flex:none;width:1.25rem;height:1.25rem;display:inline-flex;align-items:center;justify-content:center;border-width:2px;border-style:solid;border-color:var(--bevel-light)var(--bevel-dark)var(--bevel-dark)var(--bevel-light);border-radius:0;background:var(--ld-bg-soft);color:var(--ld-fg);font-size:.8rem;line-height:1;cursor:pointer}.dock-window__close:hover{color:var(--ld-accent)}.dock-window__close:active{border-color:var(--bevel-dark)var(--bevel-light)var(--bevel-light)var(--bevel-dark);transform:translate(1px,1px)}.dock-window__body{flex:auto;overflow-y:auto;padding:.75rem 1rem 1rem}.dock-window__body:empty::before{content:""}.dock-window__empty{color:var(--ld-muted);font-size:.875rem}.dock-window__embed [data-embed-src]{min-height:152px}.dock-window__embed iframe{width:100%;height:152px;border:0}.dock-window__spotify-link{display:inline-block;margin-top:.5rem;font-size:.8rem;color:var(--ld-accent)}.dock-window__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.dock-window__list li{border-bottom:1px solid var(--ld-border);padding-bottom:.6rem}.dock-window__list li:last-child{border-bottom:none;padding-bottom:0}.dock-window__item-title{display:block;font-weight:600;color:var(--ld-fg);text-decoration:none}a.dock-window__item-title:hover{color:var(--ld-accent)}.dock-window__item-meta{display:block;margin-top:.15rem;font-size:.75rem;color:var(--ld-muted)}@media(max-width:30rem){.dock__label{display:none}.dock__item{width:2.75rem}}