.record-desktop,.record-shell-windows{--record-bar-width:min(720px, calc(100vw - 32px));--record-icon-inset:calc((100vw - var(--record-bar-width)) / 2 + 4px);--record-launcher-step:92px;--record-launcher-height:calc(2 * var(--record-launcher-step) + 76px);--record-bar-height:36px;--record-bar-top:calc(16px + env(safe-area-inset-top,0px));--record-bottom-clearance:calc(16px + env(safe-area-inset-bottom,0px));--record-bar-clearance:calc(var(--record-bar-height) + var(--record-bar-top) + 12px);--record-workspace-top:var(--record-bar-clearance);--record-workspace-clearance:calc(var(--record-bottom-clearance) + var(--record-launcher-height) + 12px);--record-window-edge:8px;--record-window-gutter:48px;--record-window-head-height:34px;--record-window-grab-width:96px}.record-desktop{isolation:isolate;background:rgb(var(--surface-1));flex-direction:column;width:100%;height:100lvh;min-height:0;display:flex;position:relative;overflow:hidden}.record-field{height:100dvh;padding:var(--record-workspace-top) 24px var(--record-workspace-clearance);place-items:center;display:grid;position:absolute;inset:0}.record-field:focus{outline:none}.record-field:focus-visible{box-shadow:inset 0 0 0 2px rgb(var(--home-border))}.record-marquee{z-index:6;border:1px solid rgb(var(--text-2) / .45);background:rgb(var(--text-2) / .08);pointer-events:none;border-radius:3px;position:absolute}.record-bar{left:50%;top:var(--record-bar-top);z-index:40;width:var(--record-bar-width);height:var(--record-bar-height);corner-shape:squircle;background:rgb(var(--surface-2));border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:4px 4px 4px 12px;display:flex;position:absolute;transform:translate(-50%)}.record-bar-name{min-width:0;color:rgb(var(--text-1));letter-spacing:.01em;white-space:nowrap;margin:0;font-size:14px;font-weight:500;line-height:1}.record-window .record-toggle{--glyph-gap:rgb(var(--surface-4));background:rgb(var(--surface-4));min-width:28px;height:28px;box-shadow:inset 0 0 0 1px rgb(var(--home-border) / .7);color:rgb(var(--text-2));min-width:24px;height:24px;box-shadow:none;background:0 0;border-radius:4px}.record-window .record-toggle:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent);box-shadow:none}[data-glyph=record-theme] [data-part]{transition:transform .42s cubic-bezier(.2,.8,.3,1)}.record-icons{z-index:5;height:100dvh;padding:var(--record-workspace-top) 0 var(--record-bottom-clearance);pointer-events:none;position:absolute;inset:0}.record-icon-slot{bottom:calc(var(--record-bottom-clearance) + (var(--record-column-last-row) - var(--record-icon-row)) * var(--record-launcher-step));pointer-events:auto;position:absolute}.record-icon-slot[data-column=left]{--record-column-last-row:2;left:var(--record-icon-inset)}.record-icon-slot[data-column=right]{--record-column-last-row:1;right:var(--record-icon-inset)}.record-icon-slot[data-placed=true],.record-icon-slot[data-dragging=true]{left:var(--record-icon-x);top:max(var(--record-workspace-top), var(--record-icon-y));bottom:auto;right:auto}.record-icon-slot[data-dragging=true]{z-index:6}.record-icon-slot[data-dragging=true] .record-icon{cursor:grabbing}.record-icon-slot[data-dragging=true] .record-icon-tile{box-shadow:inset 0 1px 0 var(--record-tile-highlight), 0 8px 24px -12px #00000059}.record-icon{width:72px;color:rgb(var(--text-2));font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:column;align-items:center;gap:6px;padding:0;display:flex}.record-icon-tile{--record-tile-face:color-mix(in srgb, rgb(var(--surface-4)) 76%, rgb(var(--surface-2)));--record-tile-edge:rgb(var(--text-2) / .18);--record-tile-highlight:color-mix(in srgb, rgb(var(--surface-4)) 88%, white);border:1px solid var(--record-tile-edge);corner-shape:squircle;background:linear-gradient(color-mix(in srgb, var(--record-tile-face) 96%, white), var(--record-tile-face) 18%, var(--record-tile-face) 82%, color-mix(in srgb, var(--record-tile-face) 97%, black));width:52px;height:52px;box-shadow:inset 0 1px 0 var(--record-tile-highlight), 0 1px 2px #00000014;--glyph-fill-1:rgb(var(--text-2));--glyph-fill-2:rgb(var(--text-2));--glyph-gap:var(--record-tile-face);--glyph-surface:var(--record-tile-face);background-clip:padding-box;border-radius:12px;justify-content:center;align-items:center;transition:none;display:inline-flex}.record-icon-label{corner-shape:squircle;border-radius:4px;padding:3px 6px;font-size:12px;font-weight:500;line-height:1;transition:none;display:inline-block}@media (hover:hover) and (pointer:fine){.record-icon:hover{color:rgb(var(--text-1))}.record-icon:hover .record-icon-tile{--record-tile-edge:rgb(var(--text-2) / .28)}}.record-icon:focus-visible{outline:none}.record-icon:focus-visible .record-icon-tile{outline:2px solid var(--ring);outline-offset:2px}.record-icon[data-open=true]{color:rgb(var(--text-1))}.record-icon[data-open=true] .record-icon-label{background:rgb(var(--surface-4));box-shadow:inset 0 0 0 1px rgb(var(--home-border) / .7)}.record-icon[data-focused=true] .record-icon-tile{--record-tile-edge:rgb(var(--text-2) / .28)}.record-icon[data-selected=true] .record-icon-label{background:rgb(var(--text-1));box-shadow:none;color:rgb(var(--surface-1))}.record-menu{border:1px solid rgb(var(--text-2) / .19);corner-shape:squircle;background:linear-gradient(color-mix(in srgb, rgb(var(--surface-4)) 98%, white), rgb(var(--surface-4)) 32px);min-width:176px;color:rgb(var(--text-1));font-family:var(--font-iosevka-aile,"Iosevka Aile"), system-ui, -apple-system, "Segoe UI", sans-serif;border-radius:8px;outline:none;padding:4px;font-size:13px;line-height:1;box-shadow:0 2px 6px -2px #00000014,0 16px 40px -24px #00000047}.record-menu-item{corner-shape:squircle;height:28px;color:rgb(var(--text-2));font:inherit;cursor:default;-webkit-user-select:none;user-select:none;border-radius:4px;outline:none;justify-content:space-between;align-items:center;gap:12px;padding:0 8px;text-decoration:none;display:flex}.record-menu-item[data-highlighted]:not([data-disabled]){background:color-mix(in srgb, var(--foreground) 6%, transparent);color:rgb(var(--text-1))}.record-menu-item[data-disabled]{color:rgb(var(--text-4))}.record-menu-separator{background:rgb(var(--text-2) / .12);height:1px;margin:4px}.record-menu-arrow{color:rgb(var(--text-4));font-size:11px}.record-menu-key{color:rgb(var(--text-4));font:inherit;font-family:var(--font-iosevka,"Iosevka"), ui-monospace, SFMono-Regular, Menlo, monospace;font-size:11px}.record-window{max-height:calc(100dvh - var(--record-workspace-top) - var(--record-bottom-clearance) - 16px);border:1px solid rgb(var(--text-2) / .19);corner-shape:squircle;background:rgb(var(--surface-4));box-shadow:var(--luke-shadow-window);border-radius:8px;outline:none;flex-direction:column;display:flex;position:absolute}.record-window[data-record-window=about]{max-height:none}.record-window[data-entering=true]{animation:.18s ease-out record-window-in}.record-window[data-focused=true]{background:linear-gradient(rgb(var(--surface-4)), rgb(var(--surface-4))) padding-box, linear-gradient(#ffffff1c, #fff0 28px) border-box, linear-gradient(rgb(var(--text-2) / .19), rgb(var(--text-2) / .19)) border-box rgb(var(--surface-4));border-color:#0000}.record-window[data-focused=false]{box-shadow:0 1px 3px -1px #0000000f,0 12px 32px -22px #0003}.record-window[data-focused=false] .record-window-title{color:rgb(var(--text-3))}.record-window[data-dragging=true],.record-window[data-dragging=true] .record-window-head{cursor:grabbing;-webkit-user-select:none;user-select:none}.record-window-head{height:var(--record-window-head-height);border-bottom:1px solid rgb(var(--text-2) / .13);corner-shape:squircle;background:linear-gradient(rgb(var(--surface-4)), color-mix(in srgb, rgb(var(--surface-4)) 58%, rgb(var(--surface-2))));cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:7px 7px 0 0;flex:none;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 0 12px;display:flex}.record-window-title{color:rgb(var(--text-1));letter-spacing:.02em;margin:0;font-size:13px;font-weight:700;line-height:1;transition:color .15s ease-out}.record-window-actions{align-items:center;gap:6px;display:inline-flex}.record-window-link{color:rgb(var(--text-3));font-size:11px;text-decoration:none;transition:color .15s ease-out}.record-window-link:hover{color:rgb(var(--text-1));transition-duration:0s}.record-window-body{scrollbar-width:thin;min-height:0;padding:2px 12px 6px;overflow-y:auto}.record-window-body .record-index,.record-window-body .luke-hero-work{width:auto;margin-top:0}@keyframes record-window-in{0%{opacity:0;transform:translateY(4px)scale(.985)}to{opacity:1;transform:none}}.record-about{gap:14px;margin:0;padding:12px 4px 10px;font-size:14px;line-height:1.4;display:grid}.record-about-head{gap:2px;display:grid}.record-about dd{color:rgb(var(--text-1));margin:0}.record-about-name{letter-spacing:.01em;font-weight:700}.record-about-head .record-about-line{color:rgb(var(--text-2))}.record-about-row{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:12px;display:grid}.record-about-row dt{color:rgb(var(--text-4))}.record-about-row dd{text-align:right}.record-about-contact{min-width:0}.record-settings{gap:10px;padding:12px 4px 10px;font-size:13px;display:grid}.record-settings-row{border:0;grid-template-columns:76px 1fr;align-items:center;gap:12px;min-width:0;margin:0;padding:0;display:grid}.record-settings-label{color:rgb(var(--text-4))}.record-settings-choices{flex-wrap:wrap;gap:4px;display:inline-flex}.record-desktop button,.record-shell-windows button,.record-key{-webkit-user-select:none;user-select:none}.record-settings-choice,.record-key{corner-shape:squircle;background:linear-gradient(rgb(var(--surface-4)), color-mix(in srgb, rgb(var(--surface-4)) 48%, rgb(var(--surface-2))));height:24px;box-shadow:inset 0 0 0 1px rgb(var(--text-2) / .18), inset 0 1px 0 color-mix(in srgb, rgb(var(--surface-4)) 88%, white), 0 1px 1px #0000000b;color:rgb(var(--text-2));font:inherit;cursor:pointer;border:0;border-radius:5px;padding:0 10px;font-size:12px;line-height:1;transition:none}@media (hover:hover) and (pointer:fine){.record-settings-choice:not([aria-pressed=true]):hover:not(:disabled),.record-key:hover{box-shadow:inset 0 0 0 1px rgb(var(--text-2) / .28), inset 0 1px 0 color-mix(in srgb, rgb(var(--surface-4)) 88%, white), 0 1px 1px #0000000b;color:rgb(var(--text-1))}}.record-settings-choice:not([aria-pressed=true]):active:not(:disabled),.record-key:active{background:rgb(var(--surface-2));box-shadow:inset 0 0 0 1px rgb(var(--text-2) / .22), inset 0 1px 2px #0000001a}.record-settings-choice:disabled{color:rgb(var(--text-4));cursor:default}.record-settings-choice[aria-pressed=true]{background:rgb(var(--text-1));box-shadow:none;color:rgb(var(--surface-1))}.record-settings-choice:focus-visible,.record-key:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.record-window[data-record-window=music] .record-window-body{flex-direction:column;padding:0;display:flex;overflow:hidden}.record-radio{flex-direction:column;flex:auto;min-height:0;font-size:13px;display:flex}.record-radio-stations{scrollbar-width:thin;scrollbar-color:rgb(var(--text-3) / .45) transparent;flex:auto;min-height:0;overflow-y:auto}.record-radio-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid;overflow:hidden}.record-radio-list li{min-width:0}.record-radio-list li:nth-child(2n){border-left:1px solid rgb(var(--home-border) / .7)}.record-radio-list li:nth-child(n+3){border-top:1px solid rgb(var(--home-border) / .7)}.record-radio-tile{width:100%;min-width:0;height:40px;color:rgb(var(--text-2));font:inherit;text-align:left;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:space-between;align-items:center;gap:8px;padding:0 12px;font-weight:500;line-height:1;transition:none;display:flex;overflow:hidden}.record-radio-tile:hover{background:color-mix(in srgb, var(--foreground) 6%, transparent);color:rgb(var(--text-1));transition-duration:0s}.record-radio-place{white-space:nowrap}.record-radio-tile:active{background:color-mix(in srgb, var(--foreground) 10%, transparent)}.record-radio-tile[aria-pressed=true]{background:rgb(var(--text-1));box-shadow:none;color:rgb(var(--surface-1));font-weight:700}.record-radio-tile:focus-visible{outline:2px solid var(--ring);outline-offset:-2px}.record-radio-clock{font-family:var(--font-iosevka,"Iosevka"), ui-monospace, SFMono-Regular, Menlo, monospace;font-variant-numeric:tabular-nums;color:rgb(var(--text-3));flex:none;font-size:12px;font-weight:400}.record-radio-tile[aria-pressed=true] .record-radio-clock{color:rgb(var(--surface-1) / .7)}.record-radio-player{border-top:1px solid rgb(var(--home-border) / .55);flex:none;padding:4px}.record-radio-header{margin-bottom:4px}.record-radio-lcd{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:0 6px 4px 5px;display:grid}.record-radio-visual{flex-direction:column;justify-content:center;align-self:stretch;display:flex}.record-radio-readout{min-width:0;font-family:var(--font-iosevka,"Iosevka"), ui-monospace, monospace;position:relative}.record-radio-screen{--record-screen-unit:4px;border:1px solid rgb(var(--text-2) / .18);corner-shape:squircle;background:linear-gradient(color-mix(in srgb, rgb(var(--surface-2)) 97%, black), rgb(var(--surface-2)) 10px);border-radius:5px;flex:1;align-items:center;padding:2px;line-height:0;display:flex;box-shadow:inset 0 1px 2px #0000000f}.record-screen{width:calc(40 * var(--record-screen-unit));height:calc(16 * var(--record-screen-unit));color:rgb(var(--text-1));display:block}.record-screen-cell{fill:currentColor;opacity:.14}.record-screen-ink{fill:currentColor}.record-radio-station{min-height:30px;color:rgb(var(--text-2));border-radius:3px;grid-template-columns:20px minmax(0,1fr) auto 12px;align-items:center;gap:8px;padding:0 5px;text-decoration:none;display:grid}.record-radio-station:hover{background:rgb(var(--surface-2));color:rgb(var(--text-1))}.record-radio-station:focus-visible{outline:2px solid var(--ring);outline-offset:1px}.record-radio-favicon-tile{corner-shape:squircle;background:rgb(var(--surface-3));width:20px;height:20px;box-shadow:inset 0 0 0 1px rgb(var(--home-border) / .45);border-radius:5px;place-items:center;display:grid}.record-radio-favicon{object-fit:contain;filter:grayscale();width:12px;height:12px}.record-radio-title{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.record-radio-frequency{font-family:var(--font-iosevka,"Iosevka"), ui-monospace, monospace;color:rgb(var(--text-3));font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.record-radio-out{flex:none;width:12px;height:12px;display:inline-block}.record-radio-ambient{min-width:0}.record-ambient-sliders{gap:1px;display:grid}.record-ambient-slider{grid-template-columns:29px minmax(0,1fr);align-items:center;gap:5px;display:grid}.record-ambient-slider-control{min-width:0;height:26px;position:relative}.record-ambient-slider-control input{z-index:1;opacity:0;touch-action:pan-y;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.record-ambient-slider-face{corner-shape:squircle;background:rgb(var(--surface-3));box-shadow:inset 0 0 0 1px rgb(var(--text-2) / .16), inset 0 1px 2px #0000001a;pointer-events:none;border-radius:6px;position:absolute;inset:5px 0;overflow:hidden}.record-ambient-slider-fill{background:rgb(var(--text-1) / .8);position:absolute;top:0;bottom:0;left:0;box-shadow:inset 0 1px 1px #0000001f}.record-ambient-slider-label{color:rgb(var(--text-3));font-size:10px;line-height:1}.record-radio-lcd :focus-visible,.record-ambient-slider-control input:focus-visible+.record-ambient-slider-face{outline:2px solid var(--ring);outline-offset:2px}.record-radio-lcd :disabled{cursor:default;opacity:.5}.record-ambient-note{color:rgb(var(--text-3));font-size:10px}@media (max-width:719px){.record-radio-list{grid-template-columns:minmax(0,1fr)}.record-radio-list li:nth-child(2n){border-left:0}.record-radio-list li:nth-child(n+2){border-top:1px solid rgb(var(--home-border) / .7)}.record-radio-screen{--record-screen-unit:3px}.record-window-body{flex:0 auto}.record-bar{padding-left:10px}}@media (max-width:1023px),(pointer:coarse){.record-icons{inset:auto auto auto 50%;bottom:calc(100lvh - 100dvh + var(--record-bottom-clearance));width:var(--record-bar-width);height:var(--record-launcher-height);transform:translate(-50%)}.record-icons .record-icon-slot{top:auto;bottom:calc((var(--record-column-last-row) - var(--record-icon-row)) * var(--record-launcher-step));width:72px}.record-icons .record-icon-slot[data-column=left]{left:4px;right:auto}.record-icons .record-icon-slot[data-column=right]{left:auto;right:4px}.record-icon{width:100%;min-height:64px}}@media (min-width:600px) and (max-height:520px){.record-desktop,.record-shell-windows{--record-workspace-clearance:var(--record-bottom-clearance);--record-window-edge:112px;--record-window-gutter:224px}}@media (max-width:299px){.record-radio-screen{--record-screen-unit:2px}}@media (prefers-reduced-motion:reduce){.record-window,.record-window[data-entering=true]{animation:none}.record-icon-tile,.record-icon-label,.record-window-title,.record-window-link,[data-glyph=record-theme] [data-part]{transition:none}}